');mask-image:url('data:image/svg+xml;utf8,');mask-mode:alpha;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;border-radius:0}}.wp-block-latest-comments__comment{font-size:15px;line-height:1.1;list-style:none;margin-bottom:1em}.has-avatars .wp-block-latest-comments__comment{min-height:36px;list-style:none}.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta{margin-left:52px}.has-dates .wp-block-latest-comments__comment,.has-excerpts .wp-block-latest-comments__comment{line-height:1.5}.wp-block-latest-comments__comment-excerpt p{font-size:14px;line-height:1.8;margin:5px 0 20px}.wp-block-latest-comments__comment-date{color:#8f98a1;display:block;font-size:12px}.wp-block-latest-comments .avatar,.wp-block-latest-comments__comment-avatar{border-radius:24px;display:block;float:left;height:40px;margin-right:12px;width:40px}.wp-block-latest-posts.alignleft{margin-right:2em}.wp-block-latest-posts.alignright{margin-left:2em}.wp-block-latest-posts.wp-block-latest-posts__list{list-style:none}.wp-block-latest-posts.wp-block-latest-posts__list li{clear:both}.wp-block-latest-posts.is-grid{display:flex;flex-wrap:wrap;padding:0}.wp-block-latest-posts.is-grid li{margin:0 16px 16px 0;width:100%}@media (min-width:600px){.wp-block-latest-posts.columns-2 li{width:calc(50% - 16px)}.wp-block-latest-posts.columns-3 li{width:calc(33.33333% - 16px)}.wp-block-latest-posts.columns-4 li{width:calc(25% - 16px)}.wp-block-latest-posts.columns-5 li{width:calc(20% - 16px)}.wp-block-latest-posts.columns-6 li{width:calc(16.66667% - 16px)}}.wp-block-latest-posts__post-date{display:block;color:#6c7781;font-size:13px}.wp-block-latest-posts__post-excerpt{margin-top:8px;margin-bottom:16px}.wp-block-latest-posts__featured-image img{height:auto;width:auto}.wp-block-latest-posts__featured-image.alignleft{margin-right:1em}.wp-block-latest-posts__featured-image.alignright{margin-left:1em}.wp-block-latest-posts__featured-image.aligncenter{margin-bottom:1em;text-align:center}.wp-block-media-text{ /*!rtl:begin:ignore*/direction:ltr; /*!rtl:end:ignore*/display:-ms-grid;display:grid;-ms-grid-columns:50% 1fr;grid-template-columns:50% 1fr;-ms-grid-rows:auto;grid-template-rows:auto}.wp-block-media-text.has-media-on-the-right{-ms-grid-columns:1fr 50%;grid-template-columns:1fr 50%}.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media{-ms-grid-row-align:start;align-self:start}.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media,.wp-block-media-text .wp-block-media-text__content,.wp-block-media-text .wp-block-media-text__media{-ms-grid-row-align:center;align-self:center}.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media{-ms-grid-row-align:end;align-self:end}.wp-block-media-text .wp-block-media-text__media{ /*!rtl:begin:ignore*/-ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1; /*!rtl:end:ignore*/margin:0}.wp-block-media-text .wp-block-media-text__content{direction:ltr; /*!rtl:begin:ignore*/-ms-grid-column:2;grid-column:2;-ms-grid-row:1;grid-row:1; /*!rtl:end:ignore*/padding:0 8%;word-break:break-word}.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media{ /*!rtl:begin:ignore*/-ms-grid-column:2;grid-column:2;-ms-grid-row:1;grid-row:1 /*!rtl:end:ignore*/}.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{ /*!rtl:begin:ignore*/-ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1 /*!rtl:end:ignore*/}.wp-block-media-text>figure>img,.wp-block-media-text>figure>video{max-width:unset;width:100%;vertical-align:middle}.wp-block-media-text.is-image-fill figure.wp-block-media-text__media{height:100%;min-height:250px;background-size:cover}.wp-block-media-text.is-image-fill figure.wp-block-media-text__media>img{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (max-width:600px){.wp-block-media-text.is-stacked-on-mobile{-ms-grid-columns:100%!important;grid-template-columns:100%!important}.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media{-ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1}.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__media,.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content{-ms-grid-column:1;grid-column:1;-ms-grid-row:2;grid-row:2}.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__content{-ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1}}.wp-block-navigation>ul{display:block;list-style:none;margin:0;padding-left:0}@media (min-width:600px){.wp-block-navigation>ul{display:flex;flex-wrap:wrap}}.wp-block-navigation>ul ul{list-style:none;padding-left:0;margin-top:0;margin-left:0}.wp-block-navigation>ul ul li{margin:0}.wp-block-navigation>ul li{z-index:1}.wp-block-navigation>ul li:focus-within,.wp-block-navigation>ul li:hover{cursor:pointer;z-index:99999}.wp-block-navigation>ul li:focus-within>ul,.wp-block-navigation>ul li:hover>ul,.wp-block-navigation>ul li ul:focus,.wp-block-navigation>ul li ul:hover{visibility:visible;opacity:1;display:flex;flex-direction:column}.wp-block-navigation>ul>li ul{position:absolute;left:0;top:100%;min-width:200px;max-width:200px;opacity:0;transition:opacity .1s linear;visibility:hidden}.wp-block-navigation,.wp-block-navigation .block-editor-block-list__layout{display:flex;flex-wrap:wrap}.wp-block-navigation .block-editor-block-list__layout .block-editor-block-list__layout{width:200px}.wp-block-navigation .block-editor-inner-blocks>.block-editor-block-list__layout>.wp-block{margin:0;width:auto}.wp-block-navigation,.wp-block-navigation>.wp-block-navigation__container{align-items:center;width:100%}.wp-block-navigation>.wp-block-navigation-link,.wp-block-navigation>.wp-block-navigation__container>.wp-block-navigation-link{display:flex;margin-top:0;margin-bottom:0}.wp-block-navigation .wp-block-navigation-link{position:relative;margin:0;min-height:56px;display:flex;line-height:1.4}.wp-block-navigation .wp-block-navigation-link .wp-block,.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link{min-height:auto;padding:0}.wp-block-navigation .wp-block-navigation-link .wp-block .wp-block-navigation-link{margin:0}.wp-block-navigation .wp-block-navigation-link>.block-editor-inner-blocks{display:none}.wp-block-navigation .wp-block-navigation-link.has-child>.wp-block-navigation__container,.wp-block-navigation .wp-block-navigation-link.is-editing.has-child>.block-editor-inner-blocks{display:flex;border:1px solid rgba(0,0,0,.15);position:absolute;z-index:1;top:100%;left:0}.wp-block-navigation .wp-block-navigation-link.has-child>.wp-block-navigation__container .block-editor-inner-blocks,.wp-block-navigation .wp-block-navigation-link.has-child>.wp-block-navigation__container .wp-block-navigation__container,.wp-block-navigation .wp-block-navigation-link.is-editing.has-child>.block-editor-inner-blocks .block-editor-inner-blocks,.wp-block-navigation .wp-block-navigation-link.is-editing.has-child>.block-editor-inner-blocks .wp-block-navigation__container{left:100%;top:-1px}.wp-block-navigation .wp-block-navigation-link .block-editor-inner-blocks,.wp-block-navigation .wp-block-navigation-link .wp-block-navigation__container{background-color:inherit;color:inherit}.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content{display:flex;align-items:center;width:max-content;padding:6px 16px}.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link:first-child:not(:only-child) .wp-block-navigation-link__content{padding-top:8px}.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link:last-child .wp-block-navigation-link__content{padding-bottom:8px}.wp-block-navigation .wp-block-navigation-link.has-child .wp-block-navigation-link__content{min-width:100%;padding-right:32px;position:relative}.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__submenu-icon{position:absolute;right:16px}.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__submenu-icon svg{fill:currentColor}.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link svg{transform:rotate(0)}.wp-block-navigation .wp-block-navigation-link.has-text-color .wp-block-navigation-link__content{color:inherit}.wp-block-navigation.is-style-light .wp-block-navigation-link:not(.has-text-color)>.block-editor-inner-blocks,.wp-block-navigation.is-style-light .wp-block-navigation-link:not(.has-text-color)>.wp-block-navigation__container,.wp-block-navigation .wp-block-navigation-link:not(.has-text-color)>.block-editor-inner-blocks,.wp-block-navigation .wp-block-navigation-link:not(.has-text-color)>.wp-block-navigation__container{color:#111}.wp-block-navigation.is-style-light .wp-block-navigation-link:not(.has-background)>.block-editor-inner-blocks,.wp-block-navigation.is-style-light .wp-block-navigation-link:not(.has-background)>.wp-block-navigation__container,.wp-block-navigation .wp-block-navigation-link:not(.has-background)>.block-editor-inner-blocks,.wp-block-navigation .wp-block-navigation-link:not(.has-background)>.wp-block-navigation__container{background-color:#fff}.wp-block-navigation.is-style-dark .wp-block-navigation-link:not(.has-text-color)>.block-editor-inner-blocks,.wp-block-navigation.is-style-dark .wp-block-navigation-link:not(.has-text-color)>.wp-block-navigation__container{color:#fff}.wp-block-navigation.is-style-dark .wp-block-navigation-link:not(.has-background)>.block-editor-inner-blocks,.wp-block-navigation.is-style-dark .wp-block-navigation-link:not(.has-background)>.wp-block-navigation__container{background-color:#333}.wp-block-navigation .wp-block-navigation-link.has-child>.wp-block-navigation__container{display:flex;flex-direction:column;padding:0}.wp-block-navigation>ul>li>a{display:flex;align-items:center}.wp-block-navigation>ul>li:first-of-type>a{padding-left:0}.wp-block-navigation>ul>li:last-of-type>a{padding-right:0}.wp-block-navigation.items-justified-left>ul{justify-content:flex-start}.wp-block-navigation.items-justified-center>ul{justify-content:center}.wp-block-navigation.items-justified-right>ul{justify-content:flex-end}.is-small-text{font-size:14px}.is-regular-text{font-size:16px}.is-large-text{font-size:36px}.is-larger-text{font-size:48px}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;line-height:.68;font-weight:100;margin:.05em .1em 0 0;text-transform:uppercase;font-style:normal}p.has-background{padding:20px 30px}p.has-text-color a{color:inherit}.wp-block-pullquote{padding:3em 0;margin-left:0;margin-right:0;text-align:center}.wp-block-pullquote.alignleft,.wp-block-pullquote.alignright{max-width:290px}.wp-block-pullquote.alignleft p,.wp-block-pullquote.alignright p{font-size:20px}.wp-block-pullquote p{font-size:28px;line-height:1.6}.wp-block-pullquote cite,.wp-block-pullquote footer{position:relative}.wp-block-pullquote .has-text-color a{color:inherit}.wp-block-pullquote:not(.is-style-solid-color){background:none}.wp-block-pullquote.is-style-solid-color{border:none}.wp-block-pullquote.is-style-solid-color blockquote{margin-left:auto;margin-right:auto;text-align:left;max-width:60%}.wp-block-pullquote.is-style-solid-color blockquote p{margin-top:0;margin-bottom:0;font-size:32px}.wp-block-pullquote.is-style-solid-color blockquote cite{text-transform:none;font-style:normal}.wp-block-pullquote cite{color:inherit}.wp-block-quote.is-large,.wp-block-quote.is-style-large{margin:0 0 16px;padding:0 1em}.wp-block-quote.is-large p,.wp-block-quote.is-style-large p{font-size:24px;font-style:italic;line-height:1.6}.wp-block-quote.is-large cite,.wp-block-quote.is-large footer,.wp-block-quote.is-style-large cite,.wp-block-quote.is-style-large footer{font-size:18px;text-align:right}.wp-block-rss.alignleft{margin-right:2em}.wp-block-rss.alignright{margin-left:2em}.wp-block-rss.is-grid{display:flex;flex-wrap:wrap;padding:0;list-style:none}.wp-block-rss.is-grid li{margin:0 16px 16px 0;width:100%}@media (min-width:600px){.wp-block-rss.columns-2 li{width:calc(50% - 16px)}.wp-block-rss.columns-3 li{width:calc(33.33333% - 16px)}.wp-block-rss.columns-4 li{width:calc(25% - 16px)}.wp-block-rss.columns-5 li{width:calc(20% - 16px)}.wp-block-rss.columns-6 li{width:calc(16.66667% - 16px)}}.wp-block-rss__item-author,.wp-block-rss__item-publish-date{display:block;color:#6c7781;font-size:13px}.wp-block-search{display:flex;flex-wrap:wrap}.wp-block-search .wp-block-search__label{width:100%}.wp-block-search .wp-block-search__input{flex-grow:1;max-width:360px}.wp-block-search .wp-block-search__button{margin-left:10px}.wp-block-separator.is-style-wide{border-bottom-width:1px}.wp-block-separator.is-style-dots{background:none!important;border:none;text-align:center;max-width:none;line-height:1;height:auto}.wp-block-separator.is-style-dots:before{content:"\00b7 \00b7 \00b7";color:currentColor;font-size:20px;letter-spacing:2em;padding-left:2em;font-family:serif}.wp-block-social-links{display:flex;justify-content:flex-start;padding-left:0;padding-right:0;margin-left:0}.wp-block-social-links .wp-social-link a,.wp-block-social-links .wp-social-link a:hover{text-decoration:none;border-bottom:0;box-shadow:none}.wp-social-link{display:block;width:36px;height:36px;border-radius:36px;margin-right:8px;transition:transform .1s ease}@media (prefers-reduced-motion:reduce){.wp-social-link{transition-duration:0s}}.wp-social-link a{padding:6px;display:block;line-height:0;transition:transform .1s ease}.wp-social-link a,.wp-social-link a:active,.wp-social-link a:hover,.wp-social-link a:visited,.wp-social-link svg{color:currentColor;fill:currentColor}.wp-social-link:hover{transform:scale(1.1)}.wp-block-social-links.aligncenter{justify-content:center;display:flex}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link{background-color:#f0f0f0;color:#444}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon{background-color:#f90;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp{background-color:#1ea0c3;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance{background-color:#0757fe;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen{background-color:#1e1f26;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart{background-color:#02e49b;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble{background-color:#e94c89;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox{background-color:#4280ff;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy{background-color:#f45800;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook{background-color:#1977f2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx{background-color:#000;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr{background-color:#0461dd;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare{background-color:#e65678;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github{background-color:#24292d;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads{background-color:#eceadd;color:#382110}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google{background-color:#ea4434;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram{background-color:#f00075;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm{background-color:#e21b24;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin{background-color:#0577b5;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon{background-color:#3288d4;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium{background-color:#02ab6c;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup{background-color:#f6405f;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest{background-color:#e60122;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket{background-color:#ef4155;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit{background-color:#fe4500;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype{background-color:#0478d7;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat{background-color:#fefc00;color:#fff;stroke:#000}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud{background-color:#ff5600;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify{background-color:#1bd760;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr{background-color:#011835;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch{background-color:#6440a4;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter{background-color:#21a1f3;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo{background-color:#1eb7ea;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk{background-color:#4680c2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress{background-color:#3499cd;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp{background-color:#d32422;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube{background-color:#ff0100;color:#fff}.wp-block-social-links.is-style-logos-only .wp-social-link{background:none;padding:4px}.wp-block-social-links.is-style-logos-only .wp-social-link svg{width:28px;height:28px}.wp-block-social-links.is-style-logos-only .wp-social-link-amazon{color:#f90}.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp{color:#1ea0c3}.wp-block-social-links.is-style-logos-only .wp-social-link-behance{color:#0757fe}.wp-block-social-links.is-style-logos-only .wp-social-link-codepen{color:#1e1f26}.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart{color:#02e49b}.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble{color:#e94c89}.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox{color:#4280ff}.wp-block-social-links.is-style-logos-only .wp-social-link-etsy{color:#f45800}.wp-block-social-links.is-style-logos-only .wp-social-link-facebook{color:#1977f2}.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx{color:#000}.wp-block-social-links.is-style-logos-only .wp-social-link-flickr{color:#0461dd}.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare{color:#e65678}.wp-block-social-links.is-style-logos-only .wp-social-link-github{color:#24292d}.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads{color:#382110}.wp-block-social-links.is-style-logos-only .wp-social-link-google{color:#ea4434}.wp-block-social-links.is-style-logos-only .wp-social-link-instagram{color:#f00075}.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm{color:#e21b24}.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin{color:#0577b5}.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon{color:#3288d4}.wp-block-social-links.is-style-logos-only .wp-social-link-medium{color:#02ab6c}.wp-block-social-links.is-style-logos-only .wp-social-link-meetup{color:#f6405f}.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest{color:#e60122}.wp-block-social-links.is-style-logos-only .wp-social-link-pocket{color:#ef4155}.wp-block-social-links.is-style-logos-only .wp-social-link-reddit{color:#fe4500}.wp-block-social-links.is-style-logos-only .wp-social-link-skype{color:#0478d7}.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat{color:#fff;stroke:#000}.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud{color:#ff5600}.wp-block-social-links.is-style-logos-only .wp-social-link-spotify{color:#1bd760}.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr{color:#011835}.wp-block-social-links.is-style-logos-only .wp-social-link-twitch{color:#6440a4}.wp-block-social-links.is-style-logos-only .wp-social-link-twitter{color:#21a1f3}.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo{color:#1eb7ea}.wp-block-social-links.is-style-logos-only .wp-social-link-vk{color:#4680c2}.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress{color:#3499cd}.wp-block-social-links.is-style-logos-only .wp-social-link-yelp{background-color:#d32422;color:#fff}.wp-block-social-links.is-style-logos-only .wp-social-link-youtube{color:#ff0100}.wp-block-social-links.is-style-pill-shape .wp-social-link{width:auto}.wp-block-social-links.is-style-pill-shape .wp-social-link a{padding-left:16px;padding-right:16px}.wp-block-spacer{clear:both}p.wp-block-subhead{font-size:1.1em;font-style:italic;opacity:.75}.wp-block-table{overflow-x:auto}.wp-block-table table{width:100%}.wp-block-table .has-fixed-layout{table-layout:fixed;width:100%}.wp-block-table .has-fixed-layout td,.wp-block-table .has-fixed-layout th{word-break:break-word}.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright{display:table;width:auto}.wp-block-table.aligncenter td,.wp-block-table.aligncenter th,.wp-block-table.alignleft td,.wp-block-table.alignleft th,.wp-block-table.alignright td,.wp-block-table.alignright th{word-break:break-word}.wp-block-table .has-subtle-light-gray-background-color{background-color:#f3f4f5}.wp-block-table .has-subtle-pale-green-background-color{background-color:#e9fbe5}.wp-block-table .has-subtle-pale-blue-background-color{background-color:#e7f5fe}.wp-block-table .has-subtle-pale-pink-background-color{background-color:#fcf0ef}.wp-block-table.is-style-stripes{border-spacing:0;border-collapse:inherit;background-color:transparent;border-bottom:1px solid #f3f4f5}.wp-block-table.is-style-stripes tbody tr:nth-child(odd){background-color:#f3f4f5}.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd){background-color:#f3f4f5}.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd){background-color:#e9fbe5}.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd){background-color:#e7f5fe}.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd){background-color:#fcf0ef}.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th{border-color:transparent}.wp-block-text-columns,.wp-block-text-columns.aligncenter{display:flex}.wp-block-text-columns .wp-block-column{margin:0 16px;padding:0}.wp-block-text-columns .wp-block-column:first-child{margin-left:0}.wp-block-text-columns .wp-block-column:last-child{margin-right:0}.wp-block-text-columns.columns-2 .wp-block-column{width:50%}.wp-block-text-columns.columns-3 .wp-block-column{width:33.33333%}.wp-block-text-columns.columns-4 .wp-block-column{width:25%}.wp-block-video{margin-left:0;margin-right:0}.wp-block-video video{max-width:100%}@supports ((position:-webkit-sticky) or (position:sticky)){.wp-block-video [poster]{object-fit:cover}}.wp-block-video.aligncenter{text-align:center}.wp-block-video figcaption{margin-top:.5em;margin-bottom:1em}:root .has-pale-pink-background-color{background-color:#f78da7}:root .has-vivid-red-background-color{background-color:#cf2e2e}:root .has-luminous-vivid-orange-background-color{background-color:#ff6900}:root .has-luminous-vivid-amber-background-color{background-color:#fcb900}:root .has-light-green-cyan-background-color{background-color:#7bdcb5}:root .has-vivid-green-cyan-background-color{background-color:#00d084}:root .has-pale-cyan-blue-background-color{background-color:#8ed1fc}:root .has-vivid-cyan-blue-background-color{background-color:#0693e3}:root .has-vivid-purple-background-color{background-color:#9b51e0}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-cyan-bluish-gray-background-color{background-color:#abb8c3}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-pale-pink-color{color:#f78da7}:root .has-vivid-red-color{color:#cf2e2e}:root .has-luminous-vivid-orange-color{color:#ff6900}:root .has-luminous-vivid-amber-color{color:#fcb900}:root .has-light-green-cyan-color{color:#7bdcb5}:root .has-vivid-green-cyan-color{color:#00d084}:root .has-pale-cyan-blue-color{color:#8ed1fc}:root .has-vivid-cyan-blue-color{color:#0693e3}:root .has-vivid-purple-color{color:#9b51e0}:root .has-very-light-gray-color{color:#eee}:root .has-cyan-bluish-gray-color{color:#abb8c3}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background{background:linear-gradient(135deg,#0693e3,#9b51e0)}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background{background:linear-gradient(135deg,#7adcb4,#00d082)}:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background:linear-gradient(135deg,#fcb900,#ff6900)}:root .has-luminous-vivid-orange-to-vivid-red-gradient-background{background:linear-gradient(135deg,#ff6900,#cf2e2e)}:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background{background:linear-gradient(135deg,#eee,#a9b8c3)}:root .has-cool-to-warm-spectrum-gradient-background{background:linear-gradient(135deg,#4aeadc,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c)}:root .has-blush-light-purple-gradient-background{background:linear-gradient(135deg,#ffceec,#9896f0)}:root .has-blush-bordeaux-gradient-background{background:linear-gradient(135deg,#fecda5,#fe2d2d 50%,#6b003e)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-luminous-dusk-gradient-background{background:linear-gradient(135deg,#ffcb70,#c751c0 50%,#4158d0)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-pale-ocean-gradient-background{background:linear-gradient(135deg,#fff5cb,#b6e3d4 50%,#33a7b5)}:root .has-electric-grass-gradient-background{background:linear-gradient(135deg,#caf880,#71ce7e)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}.has-small-font-size{font-size:13px}.has-normal-font-size,.has-regular-font-size{font-size:16px}.has-medium-font-size{font-size:20px}.has-large-font-size{font-size:36px}.has-huge-font-size,.has-larger-font-size{font-size:42px}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right} #exitpopup-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999}#exitpopup-modal .underlay{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.7);cursor:pointer;-webkit-animation:fadein .7s;animation:fadein .7s;z-index:9999}#exitpopup-modal .exitpopup-modal-window{width:500px;height:300px;background-color:#f0f1f2;z-index:9999;position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;border-radius:4px;-webkit-animation:popin .5s;animation:popin .5s}#exitpopup-modal .modal-title{font-size:18px;background-color:#252525;color:#fff;padding:10px;margin:0;border-radius:4px 4px 0 0;text-align:center}#exitpopup-modal h3{color:#fff;font-size:1em;margin:.2em;text-transform:uppercase;font-weight:500}#exitpopup-modal .modal-body{padding:20px 35px;font-size:.9em}#exitpopup-modal p{color:#344a5f}#exitpopup-modal .exitpopup-modal-footer{position:absolute;bottom:20px;text-align:center;width:100%}#exitpopup-modal .exitpopup-modal-footer p{text-transform:capitalize;cursor:pointer;display:inline;border-bottom:1px solid #344a5f}@-webkit-keyframes "fadein"{0%{opacity:0}100%{opacity:1}}@-ms-keyframes fadein{0%{opacity:0}100%{opacity:1}}@keyframes "fadein"{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes "popin"{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}85%{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-ms-keyframes popin{0%{-ms-transform:scale(0);transform:scale(0);opacity:0}85%{-ms-transform:scale(1.05);transform:scale(1.05);opacity:1}100%{-ms-transform:scale(1);transform:scale(1);opacity:1}}@keyframes "popin"{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0}85%{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);opacity:1}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}} nav#filtersPagination{display:flex}nav#filtersPagination .current{z-index:1;color:#fff;background-color:#8089ff;border-color:#8089ff}.close{float:right;line-height:1;opacity:.2}.close:hover,.close:focus{text-decoration:none;cursor:pointer;opacity:.5}button.close{cursor:pointer;background:0 0;border:0;-webkit-appearance:none;-moz-appearance:none}code{padding:2px 4px;font-size:90%}kbd{padding:2px 4px;font-size:90%;box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}pre{display:block;margin:0;word-break:break-all;word-wrap:break-word} @charset "UTF-8"; /*! * Applify v1.0.1 (http://codeytech.com/site-templates/applify/) * Author: Codeytech (http://codeytech.com/) */ /*! * CSS Table of contents * * --- Libraries * 01. Bootstrap 4.0.0 * 02. Font Awesome * 03. Simple Line Icons * 04. Owl Carousel * 05. Slider Pro * 06. Prism * * --- Utilities * 07. Animations * 08. Colors * 09. Media * 10. Shadows * 11. Spacing * 12. Typography * * --- Core Styling * 13. Base * * --- UI Components * 14. Accordion * 15. Buttons * 16. Cards * 17. Collapsible Nav * 18. Drop-downs * 19. Footer * 20. Hero * 21. Icon Blocks * 22. Logos Cloud * 23. Modal * 24. Nav Bar * 25. Section * 26. Tabs * 27. Video * 28. Showcase Blocks * 29. Steps * * --- Modules * 30. Accordion Showcase * 31. App Screens * 32. App Showcase * 33. App Stats * 34. Blog * 35. Client Logos * 36. Device Slider * 37. Pricing Cards * 38. Tabbed Showcase * 39. Testimonials * 40. Coming Soon * 41. Pricing Table * 42. Api Docs * 43. Contact Page * 44. 404 Page */ /** * 01. Bootstrap 4.0.0 * ----------------------------------------------------------------------- * * * Bootstrap Grid v4.0.0-beta.2 (https://getbootstrap.com) * Copyright 2011-2017 The Bootstrap Authors * Copyright 2011-2017 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ @-ms-viewport { width: device-width; } html { box-sizing: border-box; -ms-overflow-style: scrollbar; } *, *::before, *::after { box-sizing: inherit; } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; } @-ms-viewport { width: device-width; } article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: "Open Sans", sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.4; color: #212529; text-align: left; background-color: #fff; } [tabindex="-1"]:focus { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } dfn { font-style: italic; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #8089ff; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; } a:hover { color: #3442ff; text-decoration: none; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } pre, code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg:not(:root) { overflow: hidden; } table { border-collapse: collapse; } caption { padding-top: 8px; padding-bottom: 8px; color: #8e9bae; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: .5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-family: "Source Sans Pro", sans-serif; font-weight: 700; line-height: 1.1; color: inherit; } h1, .h1 { font-size: 2.5rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.1; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.1; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.1; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.1; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 80%; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 80%; color: #8e9bae; } .blockquote-footer::before { content: "\2014 \00A0"; } .container { width: 100%; padding-right: 1rem; padding-left: 1rem; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 100%; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } .container-fluid { width: 100%; padding-right: 1rem; padding-left: 1rem; margin-right: auto; margin-left: auto; } .row { display: flex; flex-wrap: wrap; margin-right: -1rem; margin-left: -1rem; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .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, .col-sm, .col-sm-auto, .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, .col-md, .col-md-auto, .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, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl, .col-xxl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 1rem; padding-left: 1rem; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.3333333333%; } .offset-2 { margin-left: 16.6666666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.3333333333%; } .offset-5 { margin-left: 41.6666666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.3333333333%; } .offset-8 { margin-left: 66.6666666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.3333333333%; } .offset-11 { margin-left: 91.6666666667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-sm-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-sm-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-sm-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-sm-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.3333333333%; } .offset-sm-2 { margin-left: 16.6666666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.3333333333%; } .offset-sm-5 { margin-left: 41.6666666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.3333333333%; } .offset-sm-8 { margin-left: 66.6666666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.3333333333%; } .offset-sm-11 { margin-left: 91.6666666667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-md-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-md-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-md-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-md-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.3333333333%; } .offset-md-2 { margin-left: 16.6666666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.3333333333%; } .offset-md-5 { margin-left: 41.6666666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.3333333333%; } .offset-md-8 { margin-left: 66.6666666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.3333333333%; } .offset-md-11 { margin-left: 91.6666666667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-lg-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-lg-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-lg-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-lg-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.3333333333%; } .offset-lg-2 { margin-left: 16.6666666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.3333333333%; } .offset-lg-5 { margin-left: 41.6666666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.3333333333%; } .offset-lg-8 { margin-left: 66.6666666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.3333333333%; } .offset-lg-11 { margin-left: 91.6666666667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-xl-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-xl-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-xl-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-xl-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.3333333333%; } .offset-xl-2 { margin-left: 16.6666666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.3333333333%; } .offset-xl-5 { margin-left: 41.6666666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.3333333333%; } .offset-xl-8 { margin-left: 66.6666666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.3333333333%; } .offset-xl-11 { margin-left: 91.6666666667%; } } @media (min-width: 1681px) { .col-xxl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xxl-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-xxl-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-xxl-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xxl-3 { flex: 0 0 25%; max-width: 25%; } .col-xxl-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-xxl-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-xxl-6 { flex: 0 0 50%; max-width: 50%; } .col-xxl-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-xxl-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-xxl-9 { flex: 0 0 75%; max-width: 75%; } .col-xxl-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-xxl-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-xxl-12 { flex: 0 0 100%; max-width: 100%; } .order-xxl-first { order: -1; } .order-xxl-1 { order: 1; } .order-xxl-2 { order: 2; } .order-xxl-3 { order: 3; } .order-xxl-4 { order: 4; } .order-xxl-5 { order: 5; } .order-xxl-6 { order: 6; } .order-xxl-7 { order: 7; } .order-xxl-8 { order: 8; } .order-xxl-9 { order: 9; } .order-xxl-10 { order: 10; } .order-xxl-11 { order: 11; } .order-xxl-12 { order: 12; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.3333333333%; } .offset-xxl-2 { margin-left: 16.6666666667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.3333333333%; } .offset-xxl-5 { margin-left: 41.6666666667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.3333333333%; } .offset-xxl-8 { margin-left: 66.6666666667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.3333333333%; } .offset-xxl-11 { margin-left: 91.6666666667%; } } .form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.4; color: #708198; background-color: #edeff2; background-clip: padding-box; border: 0 solid #ced4da; border-radius: 0.5rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #708198; background-color: #edeff2; border-color: white; outline: none; box-shadow: 0 0 0 0.2rem rgba(128, 137, 255, 0.25); } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } select.form-control:not([size]):not([multiple]) { height: calc(2.15rem + 0); } select.form-control:focus::-ms-value { color: #708198; background-color: #edeff2; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(0.375rem + 0); padding-bottom: calc(0.375rem + 0); margin-bottom: 0; font-size: inherit; line-height: 1.4; } .col-form-label-lg { padding-top: calc(0.5rem + 0); padding-bottom: calc(0.5rem + 0); font-size: 1.25rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.25rem + 0); padding-bottom: calc(0.25rem + 0); font-size: 0.875rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding-top: 0.375rem; padding-bottom: 0.375rem; margin-bottom: 0; line-height: 1.4; background-color: transparent; border: solid transparent; border-width: 0 0; } .form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control, .input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text, .input-group-sm > .input-group-append > .form-control-plaintext.input-group-text, .input-group-sm > .input-group-prepend > .form-control-plaintext.btn, .input-group-sm > .input-group-append > .form-control-plaintext.btn, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control, .input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text, .input-group-lg > .input-group-append > .form-control-plaintext.input-group-text, .input-group-lg > .input-group-prepend > .form-control-plaintext.btn, .input-group-lg > .input-group-append > .form-control-plaintext.btn { padding-right: 0; padding-left: 0; } .form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.25rem; } select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]) { height: calc(1.8125rem + 0); } .form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.25rem; } select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]) { height: calc(2.875rem + 0); } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input:disabled ~ .form-check-label { color: #8e9bae; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .valid-feedback { display: none; margin-top: .25rem; font-size: .875rem; color: #19d9b4; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; width: 250px; padding: .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1; color: #fff; background-color: rgba(25, 217, 180, 0.8); border-radius: .2rem; } .was-validated .form-control:valid, .form-control.is-valid, .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #19d9b4; } .was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { box-shadow: 0 0 0 0.2rem rgba(25, 217, 180, 0.25); } .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-check-input:valid + .form-check-label, .form-check-input.is-valid + .form-check-label { color: #19d9b4; } .was-validated .custom-control-input:valid ~ .custom-control-indicator, .custom-control-input.is-valid ~ .custom-control-indicator { background-color: rgba(25, 217, 180, 0.25); } .was-validated .custom-control-input:valid ~ .custom-control-description, .custom-control-input.is-valid ~ .custom-control-description { color: #19d9b4; } .was-validated .custom-file-input:valid ~ .custom-file-control, .custom-file-input.is-valid ~ .custom-file-control { border-color: #19d9b4; } .was-validated .custom-file-input:valid ~ .custom-file-control::before, .custom-file-input.is-valid ~ .custom-file-control::before { border-color: inherit; } .was-validated .custom-file-input:valid:focus, .custom-file-input.is-valid:focus { box-shadow: 0 0 0 0.2rem rgba(25, 217, 180, 0.25); } .invalid-feedback { display: none; margin-top: .25rem; font-size: .875rem; color: #fe60a1; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; width: 250px; padding: .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1; color: #fff; background-color: rgba(254, 96, 161, 0.8); border-radius: .2rem; } .was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #fe60a1; } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { box-shadow: 0 0 0 0.2rem rgba(254, 96, 161, 0.25); } .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-check-input:invalid + .form-check-label, .form-check-input.is-invalid + .form-check-label { color: #fe60a1; } .was-validated .custom-control-input:invalid ~ .custom-control-indicator, .custom-control-input.is-invalid ~ .custom-control-indicator { background-color: rgba(254, 96, 161, 0.25); } .was-validated .custom-control-input:invalid ~ .custom-control-description, .custom-control-input.is-invalid ~ .custom-control-description { color: #fe60a1; } .was-validated .custom-file-input:invalid ~ .custom-file-control, .custom-file-input.is-invalid ~ .custom-file-control { border-color: #fe60a1; } .was-validated .custom-file-input:invalid ~ .custom-file-control::before, .custom-file-input.is-invalid ~ .custom-file-control::before { border-color: inherit; } .was-validated .custom-file-input:invalid:focus, .custom-file-input.is-invalid:focus { box-shadow: 0 0 0 0.2rem rgba(254, 96, 161, 0.25); } .form-inline { display: flex; flex-flow: row wrap; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group { width: auto; } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .btn { display: inline-block; font-weight: 600; text-align: center; white-space: nowrap; vertical-align: middle; user-select: none; border: 0 solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.4; border-radius: 50rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn:focus, .btn:hover { text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(128, 137, 255, 0.25); } .btn.disabled, .btn:disabled { opacity: 0.65; } .btn:not(:disabled):not(.disabled) { cursor: pointer; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: #fff; background-color: #8089ff; border-color: #8089ff; } .btn-primary:hover { color: #fff; background-color: #5a65ff; border-color: #4d5aff; } .btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 0.2rem rgba(128, 137, 255, 0.5); } .btn-primary.disabled, .btn-primary:disabled { background-color: #8089ff; border-color: #8089ff; } .btn-primary:not([disabled]):not(.disabled):active, .btn-primary:not([disabled]):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #4d5aff; border-color: #404eff; box-shadow: 0 0 0 0.2rem rgba(128, 137, 255, 0.5); } .btn-secondary { color: #fff; background-color: #708198; border-color: #708198; } .btn-secondary:hover { color: #fff; background-color: #5f6e84; border-color: #59687c; } .btn-secondary:focus, .btn-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(112, 129, 152, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { background-color: #708198; border-color: #708198; } .btn-secondary:not([disabled]):not(.disabled):active, .btn-secondary:not([disabled]):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #59687c; border-color: #546275; box-shadow: 0 0 0 0.2rem rgba(112, 129, 152, 0.5); } .btn-success { color: #212529; background-color: #19d9b4; border-color: #19d9b4; } .btn-success:hover { color: #fff; background-color: #15b798; border-color: #14ab8e; } .btn-success:focus, .btn-success.focus { box-shadow: 0 0 0 0.2rem rgba(25, 217, 180, 0.5); } .btn-success.disabled, .btn-success:disabled { background-color: #19d9b4; border-color: #19d9b4; } .btn-success:not([disabled]):not(.disabled):active, .btn-success:not([disabled]):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #14ab8e; border-color: #12a085; box-shadow: 0 0 0 0.2rem rgba(25, 217, 180, 0.5); } .btn-info { color: #212529; background-color: #84ce65; border-color: #84ce65; } .btn-info:hover { color: #212529; background-color: #6dc548; border-color: #65c23e; } .btn-info:focus, .btn-info.focus { box-shadow: 0 0 0 0.2rem rgba(132, 206, 101, 0.5); } .btn-info.disabled, .btn-info:disabled { background-color: #84ce65; border-color: #84ce65; } .btn-info:not([disabled]):not(.disabled):active, .btn-info:not([disabled]):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #212529; background-color: #65c23e; border-color: #60b93b; box-shadow: 0 0 0 0.2rem rgba(132, 206, 101, 0.5); } .btn-warning { color: #212529; background-color: #ff8765; border-color: #ff8765; } .btn-warning:hover { color: #fff; background-color: #ff693f; border-color: #ff5f32; } .btn-warning:focus, .btn-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255, 135, 101, 0.5); } .btn-warning.disabled, .btn-warning:disabled { background-color: #ff8765; border-color: #ff8765; } .btn-warning:not([disabled]):not(.disabled):active, .btn-warning:not([disabled]):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #fff; background-color: #ff5f32; border-color: #ff5525; box-shadow: 0 0 0 0.2rem rgba(255, 135, 101, 0.5); } .btn-danger { color: #212529; background-color: #fe60a1; border-color: #fe60a1; } .btn-danger:hover { color: #fff; background-color: #fe3a8b; border-color: #fe2d83; } .btn-danger:focus, .btn-danger.focus { box-shadow: 0 0 0 0.2rem rgba(254, 96, 161, 0.5); } .btn-danger.disabled, .btn-danger:disabled { background-color: #fe60a1; border-color: #fe60a1; } .btn-danger:not([disabled]):not(.disabled):active, .btn-danger:not([disabled]):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #fe2d83; border-color: #fe217c; box-shadow: 0 0 0 0.2rem rgba(254, 96, 161, 0.5); } .btn-light { color: #212529; background-color: #f6f7f8; border-color: #f6f7f8; } .btn-light:hover { color: #212529; background-color: #dfe3e8; border-color: #d8dde3; } .btn-light:focus, .btn-light.focus { box-shadow: 0 0 0 0.2rem rgba(246, 247, 248, 0.5); } .btn-light.disabled, .btn-light:disabled { background-color: #f6f7f8; border-color: #f6f7f8; } .btn-light:not([disabled]):not(.disabled):active, .btn-light:not([disabled]):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #d8dde3; border-color: #d1d6de; box-shadow: 0 0 0 0.2rem rgba(246, 247, 248, 0.5); } .btn-dark { color: #fff; background-color: #54546f; border-color: #54546f; } .btn-dark:hover { color: #fff; background-color: #444459; border-color: #3e3e52; } .btn-dark:focus, .btn-dark.focus { box-shadow: 0 0 0 0.2rem rgba(84, 84, 111, 0.5); } .btn-dark.disabled, .btn-dark:disabled { background-color: #54546f; border-color: #54546f; } .btn-dark:not([disabled]):not(.disabled):active, .btn-dark:not([disabled]):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #3e3e52; border-color: #39394b; box-shadow: 0 0 0 0.2rem rgba(84, 84, 111, 0.5); } .btn-outline-primary { color: #8089ff; background-color: transparent; background-image: none; border-color: #8089ff; } .btn-outline-primary:hover { color: #fff; background-color: #8089ff; border-color: #8089ff; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(128, 137, 255, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #8089ff; background-color: transparent; } .btn-outline-primary:not([disabled]):not(.disabled):active, .btn-outline-primary:not([disabled]):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #8089ff; border-color: #8089ff; box-shadow: 0 0 0 0.2rem rgba(128, 137, 255, 0.5); } .btn-outline-secondary { color: #708198; background-color: transparent; background-image: none; border-color: #708198; } .btn-outline-secondary:hover { color: #fff; background-color: #708198; border-color: #708198; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(112, 129, 152, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #708198; background-color: transparent; } .btn-outline-secondary:not([disabled]):not(.disabled):active, .btn-outline-secondary:not([disabled]):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #708198; border-color: #708198; box-shadow: 0 0 0 0.2rem rgba(112, 129, 152, 0.5); } .btn-outline-success { color: #19d9b4; background-color: transparent; background-image: none; border-color: #19d9b4; } .btn-outline-success:hover { color: #fff; background-color: #19d9b4; border-color: #19d9b4; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0.2rem rgba(25, 217, 180, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #19d9b4; background-color: transparent; } .btn-outline-success:not([disabled]):not(.disabled):active, .btn-outline-success:not([disabled]):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #19d9b4; border-color: #19d9b4; box-shadow: 0 0 0 0.2rem rgba(25, 217, 180, 0.5); } .btn-outline-info { color: #84ce65; background-color: transparent; background-image: none; border-color: #84ce65; } .btn-outline-info:hover { color: #fff; background-color: #84ce65; border-color: #84ce65; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.2rem rgba(132, 206, 101, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #84ce65; background-color: transparent; } .btn-outline-info:not([disabled]):not(.disabled):active, .btn-outline-info:not([disabled]):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #84ce65; border-color: #84ce65; box-shadow: 0 0 0 0.2rem rgba(132, 206, 101, 0.5); } .btn-outline-warning { color: #ff8765; background-color: transparent; background-image: none; border-color: #ff8765; } .btn-outline-warning:hover { color: #fff; background-color: #ff8765; border-color: #ff8765; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255, 135, 101, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ff8765; background-color: transparent; } .btn-outline-warning:not([disabled]):not(.disabled):active, .btn-outline-warning:not([disabled]):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #fff; background-color: #ff8765; border-color: #ff8765; box-shadow: 0 0 0 0.2rem rgba(255, 135, 101, 0.5); } .btn-outline-danger { color: #fe60a1; background-color: transparent; background-image: none; border-color: #fe60a1; } .btn-outline-danger:hover { color: #fff; background-color: #fe60a1; border-color: #fe60a1; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0.2rem rgba(254, 96, 161, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #fe60a1; background-color: transparent; } .btn-outline-danger:not([disabled]):not(.disabled):active, .btn-outline-danger:not([disabled]):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #fe60a1; border-color: #fe60a1; box-shadow: 0 0 0 0.2rem rgba(254, 96, 161, 0.5); } .btn-outline-light { color: #f6f7f8; background-color: transparent; background-image: none; border-color: #f6f7f8; } .btn-outline-light:hover { color: #fff; background-color: #f6f7f8; border-color: #f6f7f8; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0.2rem rgba(246, 247, 248, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f6f7f8; background-color: transparent; } .btn-outline-light:not([disabled]):not(.disabled):active, .btn-outline-light:not([disabled]):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #fff; background-color: #f6f7f8; border-color: #f6f7f8; box-shadow: 0 0 0 0.2rem rgba(246, 247, 248, 0.5); } .btn-outline-dark { color: #54546f; background-color: transparent; background-image: none; border-color: #54546f; } .btn-outline-dark:hover { color: #fff; background-color: #54546f; border-color: #54546f; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0.2rem rgba(84, 84, 111, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #54546f; background-color: transparent; } .btn-outline-dark:not([disabled]):not(.disabled):active, .btn-outline-dark:not([disabled]):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #54546f; border-color: #54546f; box-shadow: 0 0 0 0.2rem rgba(84, 84, 111, 0.5); } .btn-link { font-weight: 400; color: #8089ff; background-color: transparent; } .btn-link:hover { color: #3442ff; text-decoration: none; background-color: transparent; border-color: transparent; } .btn-link:focus, .btn-link.focus { text-decoration: none; border-color: transparent; box-shadow: none; } .btn-link:disabled, .btn-link.disabled { color: #8e9bae; } .btn-lg, .btn-group-lg > .btn { padding: 0.5rem 3rem; font-size: 1.25rem; line-height: 2.5; border-radius: 50rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 50rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { opacity: 0; transition: opacity 0.15s linear; } .fade.show { opacity: 1; } .collapse { display: none; } .collapse.show { display: block; } tr.collapse.show { display: table-row; } tbody.collapse.show { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } .dropup, .dropdown { position: relative; } .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 9; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 0 solid rgba(0, 0, 0, 0.15); border-radius: 0.5rem; } .dropup .dropdown-menu { margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-menu { margin-top: 0; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropright .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { margin-top: 0; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropleft .dropdown-toggle:empty::after { margin-left: 0; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #d8dde3; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #708198; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:focus, .dropdown-item:hover { color: #708198; text-decoration: none; background-color: #f6f7f8; } .dropdown-item.active, .dropdown-item:active { color: #FFF; text-decoration: none; background-color: #8089ff; } .dropdown-item.disabled, .dropdown-item:disabled { color: #8e9bae; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #8e9bae; white-space: nowrap; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 0 1 auto; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group, .btn-group-vertical .btn + .btn, .btn-group-vertical .btn + .btn-group, .btn-group-vertical .btn-group + .btn, .btn-group-vertical .btn-group + .btn-group { margin-left: 0; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after { margin-left: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical .btn, .btn-group-vertical .btn-group { width: 100%; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: 0; margin-left: 0; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; } .btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .custom-select, .input-group > .custom-file { position: relative; flex: 1 1 auto; width: 1%; margin-bottom: 0; } .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file:focus { z-index: 3; } .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: 0; } .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .custom-file { display: flex; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::before { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .custom-file:not(:first-child) .custom-file-label, .input-group > .custom-file:not(:first-child) .custom-file-label::before { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-prepend, .input-group-append { display: flex; } .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; } .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: 0; } .input-group-prepend { margin-right: 0; } .input-group-append { margin-left: 0; } .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.4; color: #708198; text-align: center; white-space: nowrap; background-color: #f6f7f8; border: 0 solid #ced4da; border-radius: 0.5rem; } .input-group-text input[type="radio"], .input-group-text input[type="checkbox"] { margin-top: 0; } .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .pagination { display: flex; padding-left: 0; list-style: none; border-radius: 0.5rem; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #8089ff; background-color: #fff; border: 1px solid #dee2e6; } .page-link:hover { color: #3442ff; text-decoration: none; background-color: #f6f7f8; border-color: #dee2e6; } .page-link:focus { z-index: 2; outline: 0; box-shadow: 0 0 0 0.2rem rgba(128, 137, 255, 0.25); } .page-link:not(:disabled):not(.disabled) { cursor: pointer; } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } .page-item:last-child .page-link { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; } .page-item.active .page-link { z-index: 1; color: #fff; background-color: #8089ff; border-color: #8089ff; } .page-item.disabled .page-link { color: #8e9bae; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 1.25rem; border-bottom-left-radius: 1.25rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 1.25rem; border-bottom-right-radius: 1.25rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: bold; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 10px; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-primary { color: #fff; background-color: #8089ff; } .badge-primary[href]:focus, .badge-primary[href]:hover { color: #fff; text-decoration: none; background-color: #4d5aff; } .badge-secondary { color: #fff; background-color: #708198; } .badge-secondary[href]:focus, .badge-secondary[href]:hover { color: #fff; text-decoration: none; background-color: #59687c; } .badge-success { color: #212529; background-color: #19d9b4; } .badge-success[href]:focus, .badge-success[href]:hover { color: #212529; text-decoration: none; background-color: #14ab8e; } .badge-info { color: #212529; background-color: #84ce65; } .badge-info[href]:focus, .badge-info[href]:hover { color: #212529; text-decoration: none; background-color: #65c23e; } .badge-warning { color: #212529; background-color: #ff8765; } .badge-warning[href]:focus, .badge-warning[href]:hover { color: #212529; text-decoration: none; background-color: #ff5f32; } .badge-danger { color: #212529; background-color: #fe60a1; } .badge-danger[href]:focus, .badge-danger[href]:hover { color: #212529; text-decoration: none; background-color: #fe2d83; } .badge-light { color: #212529; background-color: #f6f7f8; } .badge-light[href]:focus, .badge-light[href]:hover { color: #212529; text-decoration: none; background-color: #d8dde3; } .badge-dark { color: #fff; background-color: #54546f; } .badge-dark[href]:focus, .badge-dark[href]:hover { color: #fff; text-decoration: none; background-color: #3e3e52; } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:focus, .nav-link:hover { text-decoration: none; } .nav-link.disabled { color: #6c757d; } .nav-tabs { border-bottom: 0 solid #dee2e6; } .nav-tabs .nav-item { margin-bottom: 0; } .nav-tabs .nav-link { border: 0 solid transparent; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .dropdown-menu { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { border-radius: 0.5rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #8089ff; } .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0 0; } .navbar > .container, .navbar > .container-fluid { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.325rem; padding-bottom: 0.325rem; margin-right: 0; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } .navbar-brand:focus, .navbar-brand:hover { text-decoration: none; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 50rem; } .navbar-toggler:focus, .navbar-toggler:hover { text-decoration: none; } .navbar-toggler:not(:disabled):not(.disabled) { cursor: pointer; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; } @media (max-width: 575px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .navbar-expand-sm { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .dropdown-menu-right { right: 0; left: auto; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } .navbar-expand-sm .dropup .dropdown-menu { top: auto; bottom: 100%; } } @media (max-width: 767px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .dropdown-menu-right { right: 0; left: auto; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } .navbar-expand-md .dropup .dropdown-menu { top: auto; bottom: 100%; } } @media (max-width: 991px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .dropdown-menu-right { right: 0; left: auto; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } .navbar-expand-lg .dropup .dropdown-menu { top: auto; bottom: 100%; } } @media (max-width: 1199px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .dropdown-menu-right { right: 0; left: auto; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { flex-wrap: nowrap; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } .navbar-expand-xl .dropup .dropdown-menu { top: auto; bottom: 100%; } } @media (max-width: 1680px) { .navbar-expand-xxl > .container, .navbar-expand-xxl > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 1681px) { .navbar-expand-xxl { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xxl .navbar-nav { flex-direction: row; } .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xxl .navbar-nav .dropdown-menu-right { right: 0; left: auto; } .navbar-expand-xxl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xxl > .container, .navbar-expand-xxl > .container-fluid { flex-wrap: nowrap; } .navbar-expand-xxl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xxl .navbar-toggler { display: none; } .navbar-expand-xxl .dropup .dropdown-menu { top: auto; bottom: 100%; } } .navbar-expand { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .dropdown-menu-right { right: 0; left: auto; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid { flex-wrap: nowrap; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-expand .dropup .dropdown-menu { top: auto; bottom: 100%; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-text a { color: #fff; } .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover { color: #fff; } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 0 solid rgba(0, 0, 0, 0.125); border-radius: 0.5rem; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } .card-body { flex: 1 1 auto; padding: 1.25rem; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: transparent; border-bottom: 0 solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(0.5rem - 0) calc(0.5rem - 0) 0 0; } .card-header + .list-group .list-group-item:first-child { border-top: 0; } .card-footer { padding: 0.75rem 1.25rem; background-color: transparent; border-top: 0 solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(0.5rem - 0) calc(0.5rem - 0); } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .card-img { width: 100%; border-radius: calc(0.5rem - 0); } .card-img-top { width: 100%; border-top-left-radius: calc(0.5rem - 0); border-top-right-radius: calc(0.5rem - 0); } .card-img-bottom { width: 100%; border-bottom-right-radius: calc(0.5rem - 0); border-bottom-left-radius: calc(0.5rem - 0); } .card-deck { display: flex; flex-direction: column; } .card-deck .card { margin-bottom: 1rem; } @media (min-width: 576px) { .card-deck { flex-flow: row wrap; margin-right: -1rem; margin-left: -1rem; } .card-deck .card { display: flex; flex: 1 0 0%; flex-direction: column; margin-right: 1rem; margin-bottom: 0; margin-left: 1rem; } } .card-group { display: flex; flex-direction: column; } .card-group > .card { margin-bottom: 1rem; } @media (min-width: 576px) { .card-group { flex-flow: row wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:first-child .card-img-top, .card-group > .card:first-child .card-header { border-top-right-radius: 0; } .card-group > .card:first-child .card-img-bottom, .card-group > .card:first-child .card-footer { border-bottom-right-radius: 0; } .card-group > .card:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:last-child .card-img-top, .card-group > .card:last-child .card-header { border-top-left-radius: 0; } .card-group > .card:last-child .card-img-bottom, .card-group > .card:last-child .card-footer { border-bottom-left-radius: 0; } .card-group > .card:only-child { border-radius: 0.5rem; } .card-group > .card:only-child .card-img-top, .card-group > .card:only-child .card-header { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .card-group > .card:only-child .card-img-bottom, .card-group > .card:only-child .card-footer { border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } .card-group > .card:not(:first-child):not(:last-child):not(:only-child) { border-radius: 0; } .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer { border-radius: 0; } } .card-columns .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-columns { column-count: 3; column-gap: 1.25rem; } .card-columns .card { display: inline-block; width: 100%; } } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -25%); } .modal.show .modal-dialog { transform: translate(0, 0); } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - (0.5rem * 2)); } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 1.25rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem; border-bottom: 1px solid #e5e5e5; border-top-left-radius: 1.25rem; border-top-right-radius: 1.25rem; } .modal-header .close { padding: 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.4; } .modal-body { position: relative; flex: 1 1 auto; padding: 15px; } .modal-footer { display: flex; align-items: center; justify-content: flex-end; padding: 15px; border-top: 1px solid #e5e5e5; } .modal-footer > :not(:first-child) { margin-left: .25rem; } .modal-footer > :not(:last-child) { margin-right: .25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 600px; margin: 1.75rem auto; } .modal-dialog-centered { min-height: calc(100% - (1.75rem * 2)); } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg { max-width: 900px; } } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #8089ff !important; } a.bg-primary:focus, a.bg-primary:hover { background-color: #4d5aff !important; } .bg-secondary { background-color: #708198 !important; } a.bg-secondary:focus, a.bg-secondary:hover { background-color: #59687c !important; } .bg-success { background-color: #19d9b4 !important; } a.bg-success:focus, a.bg-success:hover { background-color: #14ab8e !important; } .bg-info { background-color: #84ce65 !important; } a.bg-info:focus, a.bg-info:hover { background-color: #65c23e !important; } .bg-warning { background-color: #ff8765 !important; } a.bg-warning:focus, a.bg-warning:hover { background-color: #ff5f32 !important; } .bg-danger { background-color: #fe60a1 !important; } a.bg-danger:focus, a.bg-danger:hover { background-color: #fe2d83 !important; } .bg-light { background-color: #f6f7f8 !important; } a.bg-light:focus, a.bg-light:hover { background-color: #d8dde3 !important; } .bg-dark { background-color: #54546f !important; } a.bg-dark:focus, a.bg-dark:hover { background-color: #3e3e52 !important; } .bg-white { background-color: #fff; } .bg-transparent { background-color: transparent; } .border { border: 1px solid #dee2e6; } .border-0 { border: 0; } .border-top-0 { border-top: 0; } .border-right-0 { border-right: 0; } .border-bottom-0 { border-bottom: 0; } .border-left-0 { border-left: 0; } .border-primary { border-color: #8089ff; } .border-secondary { border-color: #708198; } .border-success { border-color: #19d9b4; } .border-info { border-color: #84ce65; } .border-warning { border-color: #ff8765; } .border-danger { border-color: #fe60a1; } .border-light { border-color: #f6f7f8; } .border-dark { border-color: #54546f; } .border-white { border-color: #fff; } .rounded { border-radius: 0.5rem; } .rounded-top { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .rounded-right { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; } .rounded-bottom { border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } .rounded-left { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } .rounded-circle { border-radius: 50%; } .rounded-0 { border-radius: 0; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media (min-width: 1681px) { .d-xxl-none { display: none !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: flex !important; } .d-xxl-inline-flex { display: inline-flex !important; } } .d-print-block { display: none !important; } @media print { .d-print-block { display: block !important; } } .d-print-inline { display: none !important; } @media print { .d-print-inline { display: inline !important; } } .d-print-inline-block { display: none !important; } @media print { .d-print-inline-block { display: inline-block !important; } } @media print { .d-print-none { display: none !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.8571428571%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } @media (min-width: 1681px) { .flex-xxl-row { flex-direction: row !important; } .flex-xxl-column { flex-direction: column !important; } .flex-xxl-row-reverse { flex-direction: row-reverse !important; } .flex-xxl-column-reverse { flex-direction: column-reverse !important; } .flex-xxl-wrap { flex-wrap: wrap !important; } .flex-xxl-nowrap { flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xxl-start { justify-content: flex-start !important; } .justify-content-xxl-end { justify-content: flex-end !important; } .justify-content-xxl-center { justify-content: center !important; } .justify-content-xxl-between { justify-content: space-between !important; } .justify-content-xxl-around { justify-content: space-around !important; } .align-items-xxl-start { align-items: flex-start !important; } .align-items-xxl-end { align-items: flex-end !important; } .align-items-xxl-center { align-items: center !important; } .align-items-xxl-baseline { align-items: baseline !important; } .align-items-xxl-stretch { align-items: stretch !important; } .align-content-xxl-start { align-content: flex-start !important; } .align-content-xxl-end { align-content: flex-end !important; } .align-content-xxl-center { align-content: center !important; } .align-content-xxl-between { align-content: space-between !important; } .align-content-xxl-around { align-content: space-around !important; } .align-content-xxl-stretch { align-content: stretch !important; } .align-self-xxl-auto { align-self: auto !important; } .align-self-xxl-start { align-self: flex-start !important; } .align-self-xxl-end { align-self: flex-end !important; } .align-self-xxl-center { align-self: center !important; } .align-self-xxl-baseline { align-self: baseline !important; } .align-self-xxl-stretch { align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } @media (min-width: 1681px) { .float-xxl-left { float: left !important; } .float-xxl-right { float: right !important; } .float-xxl-none { float: none !important; } } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports (position: sticky) { .sticky-top { position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; clip-path: inset(50%); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; clip-path: none; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } @media (min-width: 1681px) { .m-xxl-0 { margin: 0 !important; } .mt-xxl-0, .my-xxl-0 { margin-top: 0 !important; } .mr-xxl-0, .mx-xxl-0 { margin-right: 0 !important; } .mb-xxl-0, .my-xxl-0 { margin-bottom: 0 !important; } .ml-xxl-0, .mx-xxl-0 { margin-left: 0 !important; } .m-xxl-1 { margin: 0.25rem !important; } .mt-xxl-1, .my-xxl-1 { margin-top: 0.25rem !important; } .mr-xxl-1, .mx-xxl-1 { margin-right: 0.25rem !important; } .mb-xxl-1, .my-xxl-1 { margin-bottom: 0.25rem !important; } .ml-xxl-1, .mx-xxl-1 { margin-left: 0.25rem !important; } .m-xxl-2 { margin: 0.5rem !important; } .mt-xxl-2, .my-xxl-2 { margin-top: 0.5rem !important; } .mr-xxl-2, .mx-xxl-2 { margin-right: 0.5rem !important; } .mb-xxl-2, .my-xxl-2 { margin-bottom: 0.5rem !important; } .ml-xxl-2, .mx-xxl-2 { margin-left: 0.5rem !important; } .m-xxl-3 { margin: 1rem !important; } .mt-xxl-3, .my-xxl-3 { margin-top: 1rem !important; } .mr-xxl-3, .mx-xxl-3 { margin-right: 1rem !important; } .mb-xxl-3, .my-xxl-3 { margin-bottom: 1rem !important; } .ml-xxl-3, .mx-xxl-3 { margin-left: 1rem !important; } .m-xxl-4 { margin: 1.5rem !important; } .mt-xxl-4, .my-xxl-4 { margin-top: 1.5rem !important; } .mr-xxl-4, .mx-xxl-4 { margin-right: 1.5rem !important; } .mb-xxl-4, .my-xxl-4 { margin-bottom: 1.5rem !important; } .ml-xxl-4, .mx-xxl-4 { margin-left: 1.5rem !important; } .m-xxl-5 { margin: 3rem !important; } .mt-xxl-5, .my-xxl-5 { margin-top: 3rem !important; } .mr-xxl-5, .mx-xxl-5 { margin-right: 3rem !important; } .mb-xxl-5, .my-xxl-5 { margin-bottom: 3rem !important; } .ml-xxl-5, .mx-xxl-5 { margin-left: 3rem !important; } .p-xxl-0 { padding: 0 !important; } .pt-xxl-0, .py-xxl-0 { padding-top: 0 !important; } .pr-xxl-0, .px-xxl-0 { padding-right: 0 !important; } .pb-xxl-0, .py-xxl-0 { padding-bottom: 0 !important; } .pl-xxl-0, .px-xxl-0 { padding-left: 0 !important; } .p-xxl-1 { padding: 0.25rem !important; } .pt-xxl-1, .py-xxl-1 { padding-top: 0.25rem !important; } .pr-xxl-1, .px-xxl-1 { padding-right: 0.25rem !important; } .pb-xxl-1, .py-xxl-1 { padding-bottom: 0.25rem !important; } .pl-xxl-1, .px-xxl-1 { padding-left: 0.25rem !important; } .p-xxl-2 { padding: 0.5rem !important; } .pt-xxl-2, .py-xxl-2 { padding-top: 0.5rem !important; } .pr-xxl-2, .px-xxl-2 { padding-right: 0.5rem !important; } .pb-xxl-2, .py-xxl-2 { padding-bottom: 0.5rem !important; } .pl-xxl-2, .px-xxl-2 { padding-left: 0.5rem !important; } .p-xxl-3 { padding: 1rem !important; } .pt-xxl-3, .py-xxl-3 { padding-top: 1rem !important; } .pr-xxl-3, .px-xxl-3 { padding-right: 1rem !important; } .pb-xxl-3, .py-xxl-3 { padding-bottom: 1rem !important; } .pl-xxl-3, .px-xxl-3 { padding-left: 1rem !important; } .p-xxl-4 { padding: 1.5rem !important; } .pt-xxl-4, .py-xxl-4 { padding-top: 1.5rem !important; } .pr-xxl-4, .px-xxl-4 { padding-right: 1.5rem !important; } .pb-xxl-4, .py-xxl-4 { padding-bottom: 1.5rem !important; } .pl-xxl-4, .px-xxl-4 { padding-left: 1.5rem !important; } .p-xxl-5 { padding: 3rem !important; } .pt-xxl-5, .py-xxl-5 { padding-top: 3rem !important; } .pr-xxl-5, .px-xxl-5 { padding-right: 3rem !important; } .pb-xxl-5, .py-xxl-5 { padding-bottom: 3rem !important; } .pl-xxl-5, .px-xxl-5 { padding-left: 3rem !important; } .m-xxl-auto { margin: auto !important; } .mt-xxl-auto, .my-xxl-auto { margin-top: auto !important; } .mr-xxl-auto, .mx-xxl-auto { margin-right: auto !important; } .mb-xxl-auto, .my-xxl-auto { margin-bottom: auto !important; } .ml-xxl-auto, .mx-xxl-auto { margin-left: auto !important; } } .text-justify { text-align: justify !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } @media (min-width: 576px) { .text-sm-left { text-align: left; } .text-sm-right { text-align: right; } .text-sm-center { text-align: center; } } @media (min-width: 768px) { .text-md-left { text-align: left; } .text-md-right { text-align: right; } .text-md-center { text-align: center; } } @media (min-width: 992px) { .text-lg-left { text-align: left; } .text-lg-right { text-align: right; } .text-lg-center { text-align: center; } } @media (min-width: 1200px) { .text-xl-left { text-align: left; } .text-xl-right { text-align: right; } .text-xl-center { text-align: center; } } @media (min-width: 1681px) { .text-xxl-left { text-align: left; } .text-xxl-right { text-align: right; } .text-xxl-center { text-align: center; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #8089ff !important; } a.text-primary:focus, a.text-primary:hover { color: #4d5aff !important; } .text-secondary { color: #708198 !important; } a.text-secondary:focus, a.text-secondary:hover { color: #59687c !important; } .text-success { color: #19d9b4 !important; } a.text-success:focus, a.text-success:hover { color: #14ab8e !important; } .text-info { color: #84ce65 !important; } a.text-info:focus, a.text-info:hover { color: #65c23e !important; } .text-warning { color: #ff8765 !important; } a.text-warning:focus, a.text-warning:hover { color: #ff5f32 !important; } .text-danger { color: #fe60a1 !important; } a.text-danger:focus, a.text-danger:hover { color: #fe2d83 !important; } .text-light { color: #f6f7f8 !important; } a.text-light:focus, a.text-light:hover { color: #d8dde3 !important; } .text-dark { color: #54546f !important; } a.text-dark:focus, a.text-dark:hover { color: #3e3e52 !important; } .text-muted { color: #8e9bae !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } /** * 02 :: Font Awesome * ----------------------------------------------------------------------- * * * Homepage: http://fontawesome.io * Author: @davegandy * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ @font-face { font-family: 'FontAwesome'; src: url(//growth.cool/wp-content/themes/gc/assets/css/../icons/fontawesome-webfont.eot?v=4.7.0); src: url(//growth.cool/wp-content/themes/gc/assets/css/../icons/fontawesome-webfont.eot?#iefix&v=4.7.0) format("embedded-opentype"), url(//growth.cool/wp-content/themes/gc/assets/css/../icons/fontawesome-webfont.woff2?v=4.7.0) format("woff2"), url(//growth.cool/wp-content/themes/gc/assets/css/../icons/fontawesome-webfont.woff?v=4.7.0) format("woff"), url(//growth.cool/wp-content/themes/gc/assets/css/../icons/fontawesome-webfont.ttf?v=4.7.0) format("truetype"), url(//growth.cool/wp-content/themes/gc/assets/css/../icons/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format("svg"); font-weight: normal; font-style: normal; font-display: swap; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa-glass:before { content: ""; } .fa-music:before { content: ""; } .fa-search:before { content: ""; } .fa-envelope-o:before { content: ""; } .fa-heart:before { content: ""; } .fa-star:before { content: ""; } .fa-star-o:before { content: ""; } .fa-user:before { content: ""; } .fa-film:before { content: ""; } .fa-th-large:before { content: ""; } .fa-th:before { content: ""; } .fa-th-list:before { content: ""; } .fa-check:before { content: ""; } .fa-remove:before, .fa-close:before, .fa-times:before { content: ""; } .fa-search-plus:before { content: ""; } .fa-search-minus:before { content: ""; } .fa-power-off:before { content: ""; } .fa-signal:before { content: ""; } .fa-gear:before, .fa-cog:before { content: ""; } .fa-trash-o:before { content: ""; } .fa-home:before { content: ""; } .fa-file-o:before { content: ""; } .fa-clock-o:before { content: ""; } .fa-road:before { content: ""; } .fa-download:before { content: ""; } .fa-arrow-circle-o-down:before { content: ""; } .fa-arrow-circle-o-up:before { content: ""; } .fa-inbox:before { content: ""; } .fa-play-circle-o:before { content: ""; } .fa-rotate-right:before, .fa-repeat:before { content: ""; } .fa-refresh:before { content: ""; } .fa-list-alt:before { content: ""; } .fa-lock:before { content: ""; } .fa-flag:before { content: ""; } .fa-headphones:before { content: ""; } .fa-volume-off:before { content: ""; } .fa-volume-down:before { content: ""; } .fa-volume-up:before { content: ""; } .fa-qrcode:before { content: ""; } .fa-barcode:before { content: ""; } .fa-tag:before { content: ""; } .fa-tags:before { content: ""; } .fa-book:before { content: ""; } .fa-bookmark:before { content: ""; } .fa-print:before { content: ""; } .fa-camera:before { content: ""; } .fa-font:before { content: ""; } .fa-bold:before { content: ""; } .fa-italic:before { content: ""; } .fa-text-height:before { content: ""; } .fa-text-width:before { content: ""; } .fa-align-left:before { content: ""; } .fa-align-center:before { content: ""; } .fa-align-right:before { content: ""; } .fa-align-justify:before { content: ""; } .fa-list:before { content: ""; } .fa-dedent:before, .fa-outdent:before { content: ""; } .fa-indent:before { content: ""; } .fa-video-camera:before { content: ""; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: ""; } .fa-pencil:before { content: ""; } .fa-map-marker:before { content: ""; } .fa-adjust:before { content: ""; } .fa-tint:before { content: ""; } .fa-edit:before, .fa-pencil-square-o:before { content: ""; } .fa-share-square-o:before { content: ""; } .fa-check-square-o:before { content: ""; } .fa-arrows:before { content: ""; } .fa-step-backward:before { content: ""; } .fa-fast-backward:before { content: ""; } .fa-backward:before { content: ""; } .fa-play:before { content: ""; } .fa-pause:before { content: ""; } .fa-stop:before { content: ""; } .fa-forward:before { content: ""; } .fa-fast-forward:before { content: ""; } .fa-step-forward:before { content: ""; } .fa-eject:before { content: ""; } .fa-chevron-left:before { content: ""; } .fa-chevron-right:before { content: ""; } .fa-plus-circle:before { content: ""; } .fa-minus-circle:before { content: ""; } .fa-times-circle:before { content: ""; } .fa-check-circle:before { content: ""; } .fa-question-circle:before { content: ""; } .fa-info-circle:before { content: ""; } .fa-crosshairs:before { content: ""; } .fa-times-circle-o:before { content: ""; } .fa-check-circle-o:before { content: ""; } .fa-ban:before { content: ""; } .fa-arrow-left:before { content: ""; } .fa-arrow-right:before { content: ""; } .fa-arrow-up:before { content: ""; } .fa-arrow-down:before { content: ""; } .fa-mail-forward:before, .fa-share:before { content: ""; } .fa-expand:before { content: ""; } .fa-compress:before { content: ""; } .fa-plus:before { content: ""; } .fa-minus:before { content: ""; } .fa-asterisk:before { content: ""; } .fa-exclamation-circle:before { content: ""; } .fa-gift:before { content: ""; } .fa-leaf:before { content: ""; } .fa-fire:before { content: ""; } .fa-eye:before { content: ""; } .fa-eye-slash:before { content: ""; } .fa-warning:before, .fa-exclamation-triangle:before { content: ""; } .fa-plane:before { content: ""; } .fa-calendar:before { content: ""; } .fa-random:before { content: ""; } .fa-comment:before { content: ""; } .fa-magnet:before { content: ""; } .fa-chevron-up:before { content: ""; } .fa-chevron-down:before { content: ""; } .fa-retweet:before { content: ""; } .fa-shopping-cart:before { content: ""; } .fa-folder:before { content: ""; } .fa-folder-open:before { content: ""; } .fa-arrows-v:before { content: ""; } .fa-arrows-h:before { content: ""; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: ""; } .fa-twitter-square:before { content: ""; } .fa-facebook-square:before { content: ""; } .fa-camera-retro:before { content: ""; } .fa-key:before { content: ""; } .fa-gears:before, .fa-cogs:before { content: ""; } .fa-comments:before { content: ""; } .fa-thumbs-o-up:before { content: ""; } .fa-thumbs-o-down:before { content: ""; } .fa-star-half:before { content: ""; } .fa-heart-o:before { content: ""; } .fa-sign-out:before { content: ""; } .fa-linkedin-square:before { content: ""; } .fa-thumb-tack:before { content: ""; } .fa-external-link:before { content: ""; } .fa-sign-in:before { content: ""; } .fa-trophy:before { content: ""; } .fa-github-square:before { content: ""; } .fa-upload:before { content: ""; } .fa-lemon-o:before { content: ""; } .fa-phone:before { content: ""; } .fa-square-o:before { content: ""; } .fa-bookmark-o:before { content: ""; } .fa-phone-square:before { content: ""; } .fa-twitter:before { content: ""; } .fa-facebook-f:before, .fa-facebook:before { content: ""; } .fa-github:before { content: ""; } .fa-unlock:before { content: ""; } .fa-credit-card:before { content: ""; } .fa-feed:before, .fa-rss:before { content: ""; } .fa-hdd-o:before { content: ""; } .fa-bullhorn:before { content: ""; } .fa-bell:before { content: ""; } .fa-certificate:before { content: ""; } .fa-hand-o-right:before { content: ""; } .fa-hand-o-left:before { content: ""; } .fa-hand-o-up:before { content: ""; } .fa-hand-o-down:before { content: ""; } .fa-arrow-circle-left:before { content: ""; } .fa-arrow-circle-right:before { content: ""; } .fa-arrow-circle-up:before { content: ""; } .fa-arrow-circle-down:before { content: ""; } .fa-globe:before { content: ""; } .fa-wrench:before { content: ""; } .fa-tasks:before { content: ""; } .fa-filter:before { content: ""; } .fa-briefcase:before { content: ""; } .fa-arrows-alt:before { content: ""; } .fa-group:before, .fa-users:before { content: ""; } .fa-chain:before, .fa-link:before { content: ""; } .fa-cloud:before { content: ""; } .fa-flask:before { content: ""; } .fa-cut:before, .fa-scissors:before { content: ""; } .fa-copy:before, .fa-files-o:before { content: ""; } .fa-paperclip:before { content: ""; } .fa-save:before, .fa-floppy-o:before { content: ""; } .fa-square:before { content: ""; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: ""; } .fa-list-ul:before { content: ""; } .fa-list-ol:before { content: ""; } .fa-strikethrough:before { content: ""; } .fa-underline:before { content: ""; } .fa-table:before { content: ""; } .fa-magic:before { content: ""; } .fa-truck:before { content: ""; } .fa-pinterest:before { content: ""; } .fa-pinterest-square:before { content: ""; } .fa-google-plus-square:before { content: ""; } .fa-google-plus:before { content: ""; } .fa-money:before { content: ""; } .fa-caret-down:before { content: ""; } .fa-caret-up:before { content: ""; } .fa-caret-left:before { content: ""; } .fa-caret-right:before { content: ""; } .fa-columns:before { content: ""; } .fa-unsorted:before, .fa-sort:before { content: ""; } .fa-sort-down:before, .fa-sort-desc:before { content: ""; } .fa-sort-up:before, .fa-sort-asc:before { content: ""; } .fa-envelope:before { content: ""; } .fa-linkedin:before { content: ""; } .fa-rotate-left:before, .fa-undo:before { content: ""; } .fa-legal:before, .fa-gavel:before { content: ""; } .fa-dashboard:before, .fa-tachometer:before { content: ""; } .fa-comment-o:before { content: ""; } .fa-comments-o:before { content: ""; } .fa-flash:before, .fa-bolt:before { content: ""; } .fa-sitemap:before { content: ""; } .fa-umbrella:before { content: ""; } .fa-paste:before, .fa-clipboard:before { content: ""; } .fa-lightbulb-o:before { content: ""; } .fa-exchange:before { content: ""; } .fa-cloud-download:before { content: ""; } .fa-cloud-upload:before { content: ""; } .fa-user-md:before { content: ""; } .fa-stethoscope:before { content: ""; } .fa-suitcase:before { content: ""; } .fa-bell-o:before { content: ""; } .fa-coffee:before { content: ""; } .fa-cutlery:before { content: ""; } .fa-file-text-o:before { content: ""; } .fa-building-o:before { content: ""; } .fa-hospital-o:before { content: ""; } .fa-ambulance:before { content: ""; } .fa-medkit:before { content: ""; } .fa-fighter-jet:before { content: ""; } .fa-beer:before { content: ""; } .fa-h-square:before { content: ""; } .fa-plus-square:before { content: ""; } .fa-angle-double-left:before { content: ""; } .fa-angle-double-right:before { content: ""; } .fa-angle-double-up:before { content: ""; } .fa-angle-double-down:before { content: ""; } .fa-angle-left:before { content: ""; } .fa-angle-right:before { content: ""; } .fa-angle-up:before { content: ""; } .fa-angle-down:before { content: ""; } .fa-desktop:before { content: ""; } .fa-laptop:before { content: ""; } .fa-tablet:before { content: ""; } .fa-mobile-phone:before, .fa-mobile:before { content: ""; } .fa-circle-o:before { content: ""; } .fa-quote-left:before { content: ""; } .fa-quote-right:before { content: ""; } .fa-spinner:before { content: ""; } .fa-circle:before { content: ""; } .fa-mail-reply:before, .fa-reply:before { content: ""; } .fa-github-alt:before { content: ""; } .fa-folder-o:before { content: ""; } .fa-folder-open-o:before { content: ""; } .fa-smile-o:before { content: ""; } .fa-frown-o:before { content: ""; } .fa-meh-o:before { content: ""; } .fa-gamepad:before { content: ""; } .fa-keyboard-o:before { content: ""; } .fa-flag-o:before { content: ""; } .fa-flag-checkered:before { content: ""; } .fa-terminal:before { content: ""; } .fa-code:before { content: ""; } .fa-mail-reply-all:before, .fa-reply-all:before { content: ""; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: ""; } .fa-location-arrow:before { content: ""; } .fa-crop:before { content: ""; } .fa-code-fork:before { content: ""; } .fa-unlink:before, .fa-chain-broken:before { content: ""; } .fa-question:before { content: ""; } .fa-info:before { content: ""; } .fa-exclamation:before { content: ""; } .fa-superscript:before { content: ""; } .fa-subscript:before { content: ""; } .fa-eraser:before { content: ""; } .fa-puzzle-piece:before { content: ""; } .fa-microphone:before { content: ""; } .fa-microphone-slash:before { content: ""; } .fa-shield:before { content: ""; } .fa-calendar-o:before { content: ""; } .fa-fire-extinguisher:before { content: ""; } .fa-rocket:before { content: ""; } .fa-maxcdn:before { content: ""; } .fa-chevron-circle-left:before { content: ""; } .fa-chevron-circle-right:before { content: ""; } .fa-chevron-circle-up:before { content: ""; } .fa-chevron-circle-down:before { content: ""; } .fa-html5:before { content: ""; } .fa-css3:before { content: ""; } .fa-anchor:before { content: ""; } .fa-unlock-alt:before { content: ""; } .fa-bullseye:before { content: ""; } .fa-ellipsis-h:before { content: ""; } .fa-ellipsis-v:before { content: ""; } .fa-rss-square:before { content: ""; } .fa-play-circle:before { content: ""; } .fa-ticket:before { content: ""; } .fa-minus-square:before { content: ""; } .fa-minus-square-o:before { content: ""; } .fa-level-up:before { content: ""; } .fa-level-down:before { content: ""; } .fa-check-square:before { content: ""; } .fa-pencil-square:before { content: ""; } .fa-external-link-square:before { content: ""; } .fa-share-square:before { content: ""; } .fa-compass:before { content: ""; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: ""; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: ""; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: ""; } .fa-euro:before, .fa-eur:before { content: ""; } .fa-gbp:before { content: ""; } .fa-dollar:before, .fa-usd:before { content: ""; } .fa-rupee:before, .fa-inr:before { content: ""; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: ""; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: ""; } .fa-won:before, .fa-krw:before { content: ""; } .fa-bitcoin:before, .fa-btc:before { content: ""; } .fa-file:before { content: ""; } .fa-file-text:before { content: ""; } .fa-sort-alpha-asc:before { content: ""; } .fa-sort-alpha-desc:before { content: ""; } .fa-sort-amount-asc:before { content: ""; } .fa-sort-amount-desc:before { content: ""; } .fa-sort-numeric-asc:before { content: ""; } .fa-sort-numeric-desc:before { content: ""; } .fa-thumbs-up:before { content: ""; } .fa-thumbs-down:before { content: ""; } .fa-youtube-square:before { content: ""; } .fa-youtube:before { content: ""; } .fa-xing:before { content: ""; } .fa-xing-square:before { content: ""; } .fa-youtube-play:before { content: ""; } .fa-dropbox:before { content: ""; } .fa-stack-overflow:before { content: ""; } .fa-instagram:before { content: ""; } .fa-flickr:before { content: ""; } .fa-adn:before { content: ""; } .fa-bitbucket:before { content: ""; } .fa-bitbucket-square:before { content: ""; } .fa-tumblr:before { content: ""; } .fa-tumblr-square:before { content: ""; } .fa-long-arrow-down:before { content: ""; } .fa-long-arrow-up:before { content: ""; } .fa-long-arrow-left:before { content: ""; } .fa-long-arrow-right:before { content: ""; } .fa-apple:before { content: ""; } .fa-windows:before { content: ""; } .fa-android:before { content: ""; } .fa-linux:before { content: ""; } .fa-dribbble:before { content: ""; } .fa-skype:before { content: ""; } .fa-foursquare:before { content: ""; } .fa-trello:before { content: ""; } .fa-female:before { content: ""; } .fa-male:before { content: ""; } .fa-gittip:before, .fa-gratipay:before { content: ""; } .fa-sun-o:before { content: ""; } .fa-moon-o:before { content: ""; } .fa-archive:before { content: ""; } .fa-bug:before { content: ""; } .fa-vk:before { content: ""; } .fa-weibo:before { content: ""; } .fa-renren:before { content: ""; } .fa-pagelines:before { content: ""; } .fa-stack-exchange:before { content: ""; } .fa-arrow-circle-o-right:before { content: ""; } .fa-arrow-circle-o-left:before { content: ""; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: ""; } .fa-dot-circle-o:before { content: ""; } .fa-wheelchair:before { content: ""; } .fa-vimeo-square:before { content: ""; } .fa-turkish-lira:before, .fa-try:before { content: ""; } .fa-plus-square-o:before { content: ""; } .fa-space-shuttle:before { content: ""; } .fa-slack:before { content: ""; } .fa-envelope-square:before { content: ""; } .fa-wordpress:before { content: ""; } .fa-openid:before { content: ""; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: ""; } .fa-mortar-board:before, .fa-graduation-cap:before { content: ""; } .fa-yahoo:before { content: ""; } .fa-google:before { content: ""; } .fa-reddit:before { content: ""; } .fa-reddit-square:before { content: ""; } .fa-stumbleupon-circle:before { content: ""; } .fa-stumbleupon:before { content: ""; } .fa-delicious:before { content: ""; } .fa-digg:before { content: ""; } .fa-pied-piper-pp:before { content: ""; } .fa-pied-piper-alt:before { content: ""; } .fa-drupal:before { content: ""; } .fa-joomla:before { content: ""; } .fa-language:before { content: ""; } .fa-fax:before { content: ""; } .fa-building:before { content: ""; } .fa-child:before { content: ""; } .fa-paw:before { content: ""; } .fa-spoon:before { content: ""; } .fa-cube:before { content: ""; } .fa-cubes:before { content: ""; } .fa-behance:before { content: ""; } .fa-behance-square:before { content: ""; } .fa-steam:before { content: ""; } .fa-steam-square:before { content: ""; } .fa-recycle:before { content: ""; } .fa-automobile:before, .fa-car:before { content: ""; } .fa-cab:before, .fa-taxi:before { content: ""; } .fa-tree:before { content: ""; } .fa-spotify:before { content: ""; } .fa-deviantart:before { content: ""; } .fa-soundcloud:before { content: ""; } .fa-database:before { content: ""; } .fa-file-pdf-o:before { content: ""; } .fa-file-word-o:before { content: ""; } .fa-file-excel-o:before { content: ""; } .fa-file-powerpoint-o:before { content: ""; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: ""; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: ""; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: ""; } .fa-file-movie-o:before, .fa-file-video-o:before { content: ""; } .fa-file-code-o:before { content: ""; } .fa-vine:before { content: ""; } .fa-codepen:before { content: ""; } .fa-jsfiddle:before { content: ""; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: ""; } .fa-circle-o-notch:before { content: ""; } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: ""; } .fa-ge:before, .fa-empire:before { content: ""; } .fa-git-square:before { content: ""; } .fa-git:before { content: ""; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: ""; } .fa-tencent-weibo:before { content: ""; } .fa-qq:before { content: ""; } .fa-wechat:before, .fa-weixin:before { content: ""; } .fa-send:before, .fa-paper-plane:before { content: ""; } .fa-send-o:before, .fa-paper-plane-o:before { content: ""; } .fa-history:before { content: ""; } .fa-circle-thin:before { content: ""; } .fa-header:before { content: ""; } .fa-paragraph:before { content: ""; } .fa-sliders:before { content: ""; } .fa-share-alt:before { content: ""; } .fa-share-alt-square:before { content: ""; } .fa-bomb:before { content: ""; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: ""; } .fa-tty:before { content: ""; } .fa-binoculars:before { content: ""; } .fa-plug:before { content: ""; } .fa-slideshare:before { content: ""; } .fa-twitch:before { content: ""; } .fa-yelp:before { content: ""; } .fa-newspaper-o:before { content: ""; } .fa-wifi:before { content: ""; } .fa-calculator:before { content: ""; } .fa-paypal:before { content: ""; } .fa-google-wallet:before { content: ""; } .fa-cc-visa:before { content: ""; } .fa-cc-mastercard:before { content: ""; } .fa-cc-discover:before { content: ""; } .fa-cc-amex:before { content: ""; } .fa-cc-paypal:before { content: ""; } .fa-cc-stripe:before { content: ""; } .fa-bell-slash:before { content: ""; } .fa-bell-slash-o:before { content: ""; } .fa-trash:before { content: ""; } .fa-copyright:before { content: ""; } .fa-at:before { content: ""; } .fa-eyedropper:before { content: ""; } .fa-paint-brush:before { content: ""; } .fa-birthday-cake:before { content: ""; } .fa-area-chart:before { content: ""; } .fa-pie-chart:before { content: ""; } .fa-line-chart:before { content: ""; } .fa-lastfm:before { content: ""; } .fa-lastfm-square:before { content: ""; } .fa-toggle-off:before { content: ""; } .fa-toggle-on:before { content: ""; } .fa-bicycle:before { content: ""; } .fa-bus:before { content: ""; } .fa-ioxhost:before { content: ""; } .fa-angellist:before { content: ""; } .fa-cc:before { content: ""; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: ""; } .fa-meanpath:before { content: ""; } .fa-buysellads:before { content: ""; } .fa-connectdevelop:before { content: ""; } .fa-dashcube:before { content: ""; } .fa-forumbee:before { content: ""; } .fa-leanpub:before { content: ""; } .fa-sellsy:before { content: ""; } .fa-shirtsinbulk:before { content: ""; } .fa-simplybuilt:before { content: ""; } .fa-skyatlas:before { content: ""; } .fa-cart-plus:before { content: ""; } .fa-cart-arrow-down:before { content: ""; } .fa-diamond:before { content: ""; } .fa-ship:before { content: ""; } .fa-user-secret:before { content: ""; } .fa-motorcycle:before { content: ""; } .fa-street-view:before { content: ""; } .fa-heartbeat:before { content: ""; } .fa-venus:before { content: ""; } .fa-mars:before { content: ""; } .fa-mercury:before { content: ""; } .fa-intersex:before, .fa-transgender:before { content: ""; } .fa-transgender-alt:before { content: ""; } .fa-venus-double:before { content: ""; } .fa-mars-double:before { content: ""; } .fa-venus-mars:before { content: ""; } .fa-mars-stroke:before { content: ""; } .fa-mars-stroke-v:before { content: ""; } .fa-mars-stroke-h:before { content: ""; } .fa-neuter:before { content: ""; } .fa-genderless:before { content: ""; } .fa-facebook-official:before { content: ""; } .fa-pinterest-p:before { content: ""; } .fa-whatsapp:before { content: ""; } .fa-server:before { content: ""; } .fa-user-plus:before { content: ""; } .fa-user-times:before { content: ""; } .fa-hotel:before, .fa-bed:before { content: ""; } .fa-viacoin:before { content: ""; } .fa-train:before { content: ""; } .fa-subway:before { content: ""; } .fa-medium:before { content: ""; } .fa-yc:before, .fa-y-combinator:before { content: ""; } .fa-optin-monster:before { content: ""; } .fa-opencart:before { content: ""; } .fa-expeditedssl:before { content: ""; } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: ""; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: ""; } .fa-battery-2:before, .fa-battery-half:before { content: ""; } .fa-battery-1:before, .fa-battery-quarter:before { content: ""; } .fa-battery-0:before, .fa-battery-empty:before { content: ""; } .fa-mouse-pointer:before { content: ""; } .fa-i-cursor:before { content: ""; } .fa-object-group:before { content: ""; } .fa-object-ungroup:before { content: ""; } .fa-sticky-note:before { content: ""; } .fa-sticky-note-o:before { content: ""; } .fa-cc-jcb:before { content: ""; } .fa-cc-diners-club:before { content: ""; } .fa-clone:before { content: ""; } .fa-balance-scale:before { content: ""; } .fa-hourglass-o:before { content: ""; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: ""; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: ""; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: ""; } .fa-hourglass:before { content: ""; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: ""; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: ""; } .fa-hand-scissors-o:before { content: ""; } .fa-hand-lizard-o:before { content: ""; } .fa-hand-spock-o:before { content: ""; } .fa-hand-pointer-o:before { content: ""; } .fa-hand-peace-o:before { content: ""; } .fa-trademark:before { content: ""; } .fa-registered:before { content: ""; } .fa-creative-commons:before { content: ""; } .fa-gg:before { content: ""; } .fa-gg-circle:before { content: ""; } .fa-tripadvisor:before { content: ""; } .fa-odnoklassniki:before { content: ""; } .fa-odnoklassniki-square:before { content: ""; } .fa-get-pocket:before { content: ""; } .fa-wikipedia-w:before { content: ""; } .fa-safari:before { content: ""; } .fa-chrome:before { content: ""; } .fa-firefox:before { content: ""; } .fa-opera:before { content: ""; } .fa-internet-explorer:before { content: ""; } .fa-tv:before, .fa-television:before { content: ""; } .fa-contao:before { content: ""; } .fa-500px:before { content: ""; } .fa-amazon:before { content: ""; } .fa-calendar-plus-o:before { content: ""; } .fa-calendar-minus-o:before { content: ""; } .fa-calendar-times-o:before { content: ""; } .fa-calendar-check-o:before { content: ""; } .fa-industry:before { content: ""; } .fa-map-pin:before { content: ""; } .fa-map-signs:before { content: ""; } .fa-map-o:before { content: ""; } .fa-map:before { content: ""; } .fa-commenting:before { content: ""; } .fa-commenting-o:before { content: ""; } .fa-houzz:before { content: ""; } .fa-vimeo:before { content: ""; } .fa-black-tie:before { content: ""; } .fa-fonticons:before { content: ""; } .fa-reddit-alien:before { content: ""; } .fa-edge:before { content: ""; } .fa-credit-card-alt:before { content: ""; } .fa-codiepie:before { content: ""; } .fa-modx:before { content: ""; } .fa-fort-awesome:before { content: ""; } .fa-usb:before { content: ""; } .fa-product-hunt:before { content: ""; } .fa-mixcloud:before { content: ""; } .fa-scribd:before { content: ""; } .fa-pause-circle:before { content: ""; } .fa-pause-circle-o:before { content: ""; } .fa-stop-circle:before { content: ""; } .fa-stop-circle-o:before { content: ""; } .fa-shopping-bag:before { content: ""; } .fa-shopping-basket:before { content: ""; } .fa-hashtag:before { content: ""; } .fa-bluetooth:before { content: ""; } .fa-bluetooth-b:before { content: ""; } .fa-percent:before { content: ""; } .fa-gitlab:before { content: ""; } .fa-wpbeginner:before { content: ""; } .fa-wpforms:before { content: ""; } .fa-envira:before { content: ""; } .fa-universal-access:before { content: ""; } .fa-wheelchair-alt:before { content: ""; } .fa-question-circle-o:before { content: ""; } .fa-blind:before { content: ""; } .fa-audio-description:before { content: ""; } .fa-volume-control-phone:before { content: ""; } .fa-braille:before { content: ""; } .fa-assistive-listening-systems:before { content: ""; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: ""; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: ""; } .fa-glide:before { content: ""; } .fa-glide-g:before { content: ""; } .fa-signing:before, .fa-sign-language:before { content: ""; } .fa-low-vision:before { content: ""; } .fa-viadeo:before { content: ""; } .fa-viadeo-square:before { content: ""; } .fa-snapchat:before { content: ""; } .fa-snapchat-ghost:before { content: ""; } .fa-snapchat-square:before { content: ""; } .fa-pied-piper:before { content: ""; } .fa-first-order:before { content: ""; } .fa-yoast:before { content: ""; } .fa-themeisle:before { content: ""; } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: ""; } .fa-fa:before, .fa-font-awesome:before { content: ""; } .fa-handshake-o:before { content: ""; } .fa-envelope-open:before { content: ""; } .fa-envelope-open-o:before { content: ""; } .fa-linode:before { content: ""; } .fa-address-book:before { content: ""; } .fa-address-book-o:before { content: ""; } .fa-vcard:before, .fa-address-card:before { content: ""; } .fa-vcard-o:before, .fa-address-card-o:before { content: ""; } .fa-user-circle:before { content: ""; } .fa-user-circle-o:before { content: ""; } .fa-user-o:before { content: ""; } .fa-id-badge:before { content: ""; } .fa-drivers-license:before, .fa-id-card:before { content: ""; } .fa-drivers-license-o:before, .fa-id-card-o:before { content: ""; } .fa-quora:before { content: ""; } .fa-free-code-camp:before { content: ""; } .fa-telegram:before { content: ""; } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: ""; } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: ""; } .fa-thermometer-2:before, .fa-thermometer-half:before { content: ""; } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: ""; } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: ""; } .fa-shower:before { content: ""; } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: ""; } .fa-podcast:before { content: ""; } .fa-window-maximize:before { content: ""; } .fa-window-minimize:before { content: ""; } .fa-window-restore:before { content: ""; } .fa-times-rectangle:before, .fa-window-close:before { content: ""; } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: ""; } .fa-bandcamp:before { content: ""; } .fa-grav:before { content: ""; } .fa-etsy:before { content: ""; } .fa-imdb:before { content: ""; } .fa-ravelry:before { content: ""; } .fa-eercast:before { content: ""; } .fa-microchip:before { content: ""; } .fa-snowflake-o:before { content: ""; } .fa-superpowers:before { content: ""; } .fa-wpexplorer:before { content: ""; } .fa-meetup:before { content: ""; } /** * 04. Owl Carousel * ----------------------------------------------------------------------- * * * Homepage: http://owlcarousel2.github.io/ * Author: David Deutsch * Author URL: https://github.com/daviddeutsch * License - MIT License */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -khtml-user-select: none; user-select: none; } .owl-carousel.owl-drag { cursor: url(//growth.cool/wp-content/themes/gc/assets/css/../img/cursors/openhand.cur), move; } .owl-carousel.owl-grab, .owl-carousel:focus { cursor: url(//growth.cool/wp-content/themes/gc/assets/css/../img/cursors/closedhand.cur), move; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .no-js .owl-carousel { display: block; } .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* 3.3 :: Owl Carousel Autoheight */ .owl-height { transition: height 500ms ease-in-out; } .owl-theme .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; display: none; } .owl-theme .owl-nav [class*='owl-'] { color: #8e9bae; } .owl-theme .owl-nav [class*='owl-']:hover { color: #8089ff; } .owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; } .owl-theme .owl-nav .owl-prev, .owl-theme .owl-nav .owl-next { position: absolute; top: 6rem; font-size: 0; } .owl-theme .owl-nav .owl-prev::after, .owl-theme .owl-nav .owl-next::after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 2rem; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .owl-theme .owl-nav .owl-prev { left: -2rem; } .owl-theme .owl-nav .owl-prev::after { content: '\f104'; } .owl-theme .owl-nav .owl-next { right: -2rem; } .owl-theme .owl-nav .owl-next::after { content: '\f105'; } @media (min-width: 740px) { .owl-theme .owl-nav { display: block; } } @media (min-width: 1250px) { .owl-theme .owl-nav .owl-prev { left: -3rem; } .owl-theme .owl-nav .owl-next { right: -3rem; } } .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; } .owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; } .owl-theme .owl-dots .owl-dot span { width: 8px; height: 8px; margin: 0.25rem 0.25rem; background: #8e9bae; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #8089ff; } /** * 03. Simple Line Icons * ----------------------------------------------------------------------- * * * Homepage: http://simplelineicons.com * Author: Sabbir Ahmed * Author URL: https://github.com/thesabbir * License - MIT License */ @font-face { font-family: "simple-line-icons"; src: url(//growth.cool/wp-content/themes/gc/assets/css/../icons/Simple-Line-Icons.eot?v=2.4.0); src: url(//growth.cool/wp-content/themes/gc/assets/css/../icons/Simple-Line-Icons.eot?v=2.4.0#iefix) format("embedded-opentype"), url(//growth.cool/wp-content/themes/gc/assets/css/../icons/Simple-Line-Icons.woff2?v=2.4.0) format("woff2"), url(//growth.cool/wp-content/themes/gc/assets/css/../icons/Simple-Line-Icons.ttf?v=2.4.0) format("truetype"), url(//growth.cool/wp-content/themes/gc/assets/css/../icons/Simple-Line-Icons.woff?v=2.4.0) format("woff"), url(//growth.cool/wp-content/themes/gc/assets/css/../icons/Simple-Line-Icons.svg?v=2.4.0#simple-line-icons) format("svg"); font-weight: normal; font-style: normal; font-display: swap; } .icon-user, .icon-people, .icon-user-female, .icon-user-follow, .icon-user-following, .icon-user-unfollow, .icon-login, .icon-logout, .icon-emotsmile, .icon-phone, .icon-call-end, .icon-call-in, .icon-call-out, .icon-map, .icon-location-pin, .icon-direction, .icon-directions, .icon-compass, .icon-layers, .icon-menu, .icon-list, .icon-options-vertical, .icon-options, .icon-arrow-down, .icon-arrow-left, .icon-arrow-right, .icon-arrow-up, .icon-arrow-up-circle, .icon-arrow-left-circle, .icon-arrow-right-circle, .icon-arrow-down-circle, .icon-check, .icon-clock, .icon-plus, .icon-minus, .icon-close, .icon-event, .icon-exclamation, .icon-organization, .icon-trophy, .icon-screen-smartphone, .icon-screen-desktop, .icon-plane, .icon-notebook, .icon-mustache, .icon-mouse, .icon-magnet, .icon-energy, .icon-disc, .icon-cursor, .icon-cursor-move, .icon-crop, .icon-chemistry, .icon-speedometer, .icon-shield, .icon-screen-tablet, .icon-magic-wand, .icon-hourglass, .icon-graduation, .icon-ghost, .icon-game-controller, .icon-fire, .icon-eyeglass, .icon-envelope-open, .icon-envelope-letter, .icon-bell, .icon-badge, .icon-anchor, .icon-wallet, .icon-vector, .icon-speech, .icon-puzzle, .icon-printer, .icon-present, .icon-playlist, .icon-pin, .icon-picture, .icon-handbag, .icon-globe-alt, .icon-globe, .icon-folder-alt, .icon-folder, .icon-film, .icon-feed, .icon-drop, .icon-drawer, .icon-docs, .icon-doc, .icon-diamond, .icon-cup, .icon-calculator, .icon-bubbles, .icon-briefcase, .icon-book-open, .icon-basket-loaded, .icon-basket, .icon-bag, .icon-action-undo, .icon-action-redo, .icon-wrench, .icon-umbrella, .icon-trash, .icon-tag, .icon-support, .icon-frame, .icon-size-fullscreen, .icon-size-actual, .icon-shuffle, .icon-share-alt, .icon-share, .icon-rocket, .icon-question, .icon-pie-chart, .icon-pencil, .icon-note, .icon-loop, .icon-home, .icon-grid, .icon-graph, .icon-microphone, .icon-music-tone-alt, .icon-music-tone, .icon-earphones-alt, .icon-earphones, .icon-equalizer, .icon-like, .icon-dislike, .icon-control-start, .icon-control-rewind, .icon-control-play, .icon-control-pause, .icon-control-forward, .icon-control-end, .icon-volume-1, .icon-volume-2, .icon-volume-off, .icon-calendar, .icon-bulb, .icon-chart, .icon-ban, .icon-bubble, .icon-camrecorder, .icon-camera, .icon-cloud-download, .icon-cloud-upload, .icon-envelope, .icon-eye, .icon-flag, .icon-heart, .icon-info, .icon-key, .icon-link, .icon-lock, .icon-lock-open, .icon-magnifier, .icon-magnifier-add, .icon-magnifier-remove, .icon-paper-clip, .icon-paper-plane, .icon-power, .icon-refresh, .icon-reload, .icon-settings, .icon-star, .icon-symbol-female, .icon-symbol-male, .icon-target, .icon-credit-card, .icon-paypal, .icon-social-tumblr, .icon-social-twitter, .icon-social-facebook, .icon-social-instagram, .icon-social-linkedin, .icon-social-pinterest, .icon-social-github, .icon-social-google, .icon-social-reddit, .icon-social-skype, .icon-social-dribbble, .icon-social-behance, .icon-social-foursqare, .icon-social-soundcloud, .icon-social-spotify, .icon-social-stumbleupon, .icon-social-youtube, .icon-social-dropbox, .icon-social-vkontakte, .icon-social-steam { display: inline-block; font-family: "simple-line-icons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-user:before { content: "\e005"; } .icon-people:before { content: "\e001"; } .icon-user-female:before { content: "\e000"; } .icon-user-follow:before { content: "\e002"; } .icon-user-following:before { content: "\e003"; } .icon-user-unfollow:before { content: "\e004"; } .icon-login:before { content: "\e066"; } .icon-logout:before { content: "\e065"; } .icon-emotsmile:before { content: "\e021"; } .icon-phone:before { content: "\e600"; } .icon-call-end:before { content: "\e048"; } .icon-call-in:before { content: "\e047"; } .icon-call-out:before { content: "\e046"; } .icon-map:before { content: "\e033"; } .icon-location-pin:before { content: "\e096"; } .icon-direction:before { content: "\e042"; } .icon-directions:before { content: "\e041"; } .icon-compass:before { content: "\e045"; } .icon-layers:before { content: "\e034"; } .icon-menu:before { content: "\e601"; } .icon-list:before { content: "\e067"; } .icon-options-vertical:before { content: "\e602"; } .icon-options:before { content: "\e603"; } .icon-arrow-down:before { content: "\e604"; } .icon-arrow-left:before { content: "\e605"; } .icon-arrow-right:before { content: "\e606"; } .icon-arrow-up:before { content: "\e607"; } .icon-arrow-up-circle:before { content: "\e078"; } .icon-arrow-left-circle:before { content: "\e07a"; } .icon-arrow-right-circle:before { content: "\e079"; } .icon-arrow-down-circle:before { content: "\e07b"; } .icon-check:before { content: "\e080"; } .icon-clock:before { content: "\e081"; } .icon-plus:before { content: "\e095"; } .icon-minus:before { content: "\e615"; } .icon-close:before { content: "\e082"; } .icon-event:before { content: "\e619"; } .icon-exclamation:before { content: "\e617"; } .icon-organization:before { content: "\e616"; } .icon-trophy:before { content: "\e006"; } .icon-screen-smartphone:before { content: "\e010"; } .icon-screen-desktop:before { content: "\e011"; } .icon-plane:before { content: "\e012"; } .icon-notebook:before { content: "\e013"; } .icon-mustache:before { content: "\e014"; } .icon-mouse:before { content: "\e015"; } .icon-magnet:before { content: "\e016"; } .icon-energy:before { content: "\e020"; } .icon-disc:before { content: "\e022"; } .icon-cursor:before { content: "\e06e"; } .icon-cursor-move:before { content: "\e023"; } .icon-crop:before { content: "\e024"; } .icon-chemistry:before { content: "\e026"; } .icon-speedometer:before { content: "\e007"; } .icon-shield:before { content: "\e00e"; } .icon-screen-tablet:before { content: "\e00f"; } .icon-magic-wand:before { content: "\e017"; } .icon-hourglass:before { content: "\e018"; } .icon-graduation:before { content: "\e019"; } .icon-ghost:before { content: "\e01a"; } .icon-game-controller:before { content: "\e01b"; } .icon-fire:before { content: "\e01c"; } .icon-eyeglass:before { content: "\e01d"; } .icon-envelope-open:before { content: "\e01e"; } .icon-envelope-letter:before { content: "\e01f"; } .icon-bell:before { content: "\e027"; } .icon-badge:before { content: "\e028"; } .icon-anchor:before { content: "\e029"; } .icon-wallet:before { content: "\e02a"; } .icon-vector:before { content: "\e02b"; } .icon-speech:before { content: "\e02c"; } .icon-puzzle:before { content: "\e02d"; } .icon-printer:before { content: "\e02e"; } .icon-present:before { content: "\e02f"; } .icon-playlist:before { content: "\e030"; } .icon-pin:before { content: "\e031"; } .icon-picture:before { content: "\e032"; } .icon-handbag:before { content: "\e035"; } .icon-globe-alt:before { content: "\e036"; } .icon-globe:before { content: "\e037"; } .icon-folder-alt:before { content: "\e039"; } .icon-folder:before { content: "\e089"; } .icon-film:before { content: "\e03a"; } .icon-feed:before { content: "\e03b"; } .icon-drop:before { content: "\e03e"; } .icon-drawer:before { content: "\e03f"; } .icon-docs:before { content: "\e040"; } .icon-doc:before { content: "\e085"; } .icon-diamond:before { content: "\e043"; } .icon-cup:before { content: "\e044"; } .icon-calculator:before { content: "\e049"; } .icon-bubbles:before { content: "\e04a"; } .icon-briefcase:before { content: "\e04b"; } .icon-book-open:before { content: "\e04c"; } .icon-basket-loaded:before { content: "\e04d"; } .icon-basket:before { content: "\e04e"; } .icon-bag:before { content: "\e04f"; } .icon-action-undo:before { content: "\e050"; } .icon-action-redo:before { content: "\e051"; } .icon-wrench:before { content: "\e052"; } .icon-umbrella:before { content: "\e053"; } .icon-trash:before { content: "\e054"; } .icon-tag:before { content: "\e055"; } .icon-support:before { content: "\e056"; } .icon-frame:before { content: "\e038"; } .icon-size-fullscreen:before { content: "\e057"; } .icon-size-actual:before { content: "\e058"; } .icon-shuffle:before { content: "\e059"; } .icon-share-alt:before { content: "\e05a"; } .icon-share:before { content: "\e05b"; } .icon-rocket:before { content: "\e05c"; } .icon-question:before { content: "\e05d"; } .icon-pie-chart:before { content: "\e05e"; } .icon-pencil:before { content: "\e05f"; } .icon-note:before { content: "\e060"; } .icon-loop:before { content: "\e064"; } .icon-home:before { content: "\e069"; } .icon-grid:before { content: "\e06a"; } .icon-graph:before { content: "\e06b"; } .icon-microphone:before { content: "\e063"; } .icon-music-tone-alt:before { content: "\e061"; } .icon-music-tone:before { content: "\e062"; } .icon-earphones-alt:before { content: "\e03c"; } .icon-earphones:before { content: "\e03d"; } .icon-equalizer:before { content: "\e06c"; } .icon-like:before { content: "\e068"; } .icon-dislike:before { content: "\e06d"; } .icon-control-start:before { content: "\e06f"; } .icon-control-rewind:before { content: "\e070"; } .icon-control-play:before { content: "\e071"; } .icon-control-pause:before { content: "\e072"; } .icon-control-forward:before { content: "\e073"; } .icon-control-end:before { content: "\e074"; } .icon-volume-1:before { content: "\e09f"; } .icon-volume-2:before { content: "\e0a0"; } .icon-volume-off:before { content: "\e0a1"; } .icon-calendar:before { content: "\e075"; } .icon-bulb:before { content: "\e076"; } .icon-chart:before { content: "\e077"; } .icon-ban:before { content: "\e07c"; } .icon-bubble:before { content: "\e07d"; } .icon-camrecorder:before { content: "\e07e"; } .icon-camera:before { content: "\e07f"; } .icon-cloud-download:before { content: "\e083"; } .icon-cloud-upload:before { content: "\e084"; } .icon-envelope:before { content: "\e086"; } .icon-eye:before { content: "\e087"; } .icon-flag:before { content: "\e088"; } .icon-heart:before { content: "\e08a"; } .icon-info:before { content: "\e08b"; } .icon-key:before { content: "\e08c"; } .icon-link:before { content: "\e08d"; } .icon-lock:before { content: "\e08e"; } .icon-lock-open:before { content: "\e08f"; } .icon-magnifier:before { content: "\e090"; } .icon-magnifier-add:before { content: "\e091"; } .icon-magnifier-remove:before { content: "\e092"; } .icon-paper-clip:before { content: "\e093"; } .icon-paper-plane:before { content: "\e094"; } .icon-power:before { content: "\e097"; } .icon-refresh:before { content: "\e098"; } .icon-reload:before { content: "\e099"; } .icon-settings:before { content: "\e09a"; } .icon-star:before { content: "\e09b"; } .icon-symbol-female:before { content: "\e09c"; } .icon-symbol-male:before { content: "\e09d"; } .icon-target:before { content: "\e09e"; } .icon-credit-card:before { content: "\e025"; } .icon-paypal:before { content: "\e608"; } .icon-social-tumblr:before { content: "\e00a"; } .icon-social-twitter:before { content: "\e009"; } .icon-social-facebook:before { content: "\e00b"; } .icon-social-instagram:before { content: "\e609"; } .icon-social-linkedin:before { content: "\e60a"; } .icon-social-pinterest:before { content: "\e60b"; } .icon-social-github:before { content: "\e60c"; } .icon-social-google:before { content: "\e60d"; } .icon-social-reddit:before { content: "\e60e"; } .icon-social-skype:before { content: "\e60f"; } .icon-social-dribbble:before { content: "\e00d"; } .icon-social-behance:before { content: "\e610"; } .icon-social-foursqare:before { content: "\e611"; } .icon-social-soundcloud:before { content: "\e612"; } .icon-social-spotify:before { content: "\e613"; } .icon-social-stumbleupon:before { content: "\e614"; } .icon-social-youtube:before { content: "\e008"; } .icon-social-dropbox:before { content: "\e00c"; } .icon-social-vkontakte:before { content: "\e618"; } .icon-social-steam:before { content: "\e620"; } /** * 05. SliderPro * ----------------------------------------------------------------------- * * * Homepage: http://bqworks.com/slider-pro/ * Author: bqworks * Author URL: http://bqworks.com/ */ .slider-pro { position: relative; margin: 0 auto; } .sp-slides-container { position: relative; } .sp-mask { position: relative; overflow: hidden; } .sp-slides { position: relative; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; } .sp-slide { position: absolute; } .sp-image-container { overflow: hidden; } .sp-image { position: relative; display: block; border: none; } .sp-no-js { overflow: hidden; max-width: 100%; } .sp-thumbnails-container { position: relative; overflow: hidden; direction: ltr; } .sp-top-thumbnails, .sp-bottom-thumbnails { left: 0; margin: 0 auto; } .sp-top-thumbnails { position: absolute; top: 0; margin-bottom: 4px; } .sp-bottom-thumbnails { margin-top: 4px; } .sp-left-thumbnails, .sp-right-thumbnails { position: absolute; top: 0; } .sp-right-thumbnails { right: 0; margin-left: 4px; } .sp-left-thumbnails { left: 0; margin-right: 4px; } .sp-thumbnails { position: relative; } .sp-thumbnail { border: none; } .sp-thumbnail-container { position: relative; display: block; overflow: hidden; float: left; -moz-box-sizing: border-box; box-sizing: border-box; } .sp-rtl .sp-thumbnail-container { float: right; } .sp-top-thumbnails .sp-thumbnail-container, .sp-bottom-thumbnails .sp-thumbnail-container { margin-left: 2px; margin-right: 2px; } .sp-top-thumbnails .sp-thumbnail-container:first-child, .sp-bottom-thumbnails .sp-thumbnail-container:first-child { margin-left: 0; } .sp-top-thumbnails .sp-thumbnail-container:last-child, .sp-bottom-thumbnails .sp-thumbnail-container:last-child { margin-right: 0; } .sp-left-thumbnails .sp-thumbnail-container, .sp-right-thumbnails .sp-thumbnail-container { margin-top: 2px; margin-bottom: 2px; } .sp-left-thumbnails .sp-thumbnail-container:first-child, .sp-right-thumbnails .sp-thumbnail-container:first-child { margin-top: 0; } .sp-left-thumbnails .sp-thumbnail-container:last-child, .sp-right-thumbnails .sp-thumbnail-container:last-child { margin-bottom: 0; } .sp-right-thumbnails.sp-has-pointer { margin-left: -13px; } .sp-right-thumbnails.sp-has-pointer .sp-thumbnail { position: absolute; left: 18px; margin-left: 0 !important; } .sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before { content: ''; position: absolute; height: 100%; border-left: 5px solid #F00; left: 0; top: 0; margin-left: 13px; } .sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after { content: ''; position: absolute; width: 0; height: 0; left: 0; top: 50%; margin-top: -8px; border-right: 13px solid #F00; border-top: 8px solid transparent; border-bottom: 8px solid transparent; } .sp-left-thumbnails.sp-has-pointer { margin-right: -13px; } .sp-left-thumbnails.sp-has-pointer .sp-thumbnail { position: absolute; right: 18px; } .sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:before { content: ''; position: absolute; height: 100%; border-left: 5px solid #F00; right: 0; top: 0; margin-right: 13px; } .sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:after { content: ''; position: absolute; width: 0; height: 0; right: 0; top: 50%; margin-top: -8px; border-left: 13px solid #F00; border-top: 8px solid transparent; border-bottom: 8px solid transparent; } .sp-bottom-thumbnails.sp-has-pointer { margin-top: -13px; } .sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail { position: absolute; top: 18px; margin-top: 0 !important; } .sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before { content: ''; position: absolute; width: 100%; border-bottom: 5px solid #F00; top: 0; margin-top: 13px; } .sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after { content: ''; position: absolute; width: 0; height: 0; left: 50%; top: 0; margin-left: -8px; border-bottom: 13px solid #F00; border-left: 8px solid transparent; border-right: 8px solid transparent; } .sp-top-thumbnails.sp-has-pointer { margin-bottom: -13px; } .sp-top-thumbnails.sp-has-pointer .sp-thumbnail { position: absolute; bottom: 18px; } .sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:before { content: ''; position: absolute; width: 100%; border-bottom: 5px solid #F00; bottom: 0; margin-bottom: 13px; } .sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:after { content: ''; position: absolute; width: 0; height: 0; left: 50%; bottom: 0; margin-left: -8px; border-top: 13px solid #F00; border-left: 8px solid transparent; border-right: 8px solid transparent; } .sp-layer { -webkit-backface-visibility: hidden; } .sp-grab { cursor: url(//growth.cool/wp-content/themes/gc/assets/css/../img/cursors/openhand.cur), move; } .sp-grabbing { cursor: url(//growth.cool/wp-content/themes/gc/assets/css/../img/cursors/closedhand.cur), move; } .sp-selectable { cursor: default; } .sp-caption-container { text-align: center; margin-top: 10px; } .sp-full-screen { margin: 0 !important; background-color: #000; } .sp-full-screen-button { position: absolute; top: 5px; right: 10px; font-size: 30px; line-height: 1; cursor: pointer; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .sp-full-screen-button:before { content: '\2195'; } .sp-fade-full-screen { opacity: 0; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .slider-pro:hover .sp-fade-full-screen { opacity: 1; } .sp-buttons { position: absolute; width: 100%; text-align: center; left: 0; bottom: 7rem; } .sp-rtl .sp-buttons { direction: rtl; } .sp-full-screen .sp-buttons { display: none; } .sp-button { width: 8px; height: 8px; background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; margin: 4px; display: inline-block; cursor: pointer; transition: background-color 0.3s ease-out; } .sp-button:hover { background-color: rgba(255, 255, 255, 0.75); } .sp-selected-button { background-color: white; } .sp-arrows { position: absolute; } .sp-fade-arrows { opacity: 0; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .sp-slides-container:hover .sp-fade-arrows { opacity: 1; } .sp-horizontal .sp-arrows { width: 100%; left: 0; top: 50%; margin-top: -15px; } .sp-vertical .sp-arrows { height: 100%; left: 50%; top: 0; margin-left: -10px; } .sp-arrow { position: absolute; display: block; width: 8px; height: 24px; cursor: pointer; } .sp-vertical .sp-arrow { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .sp-horizontal .sp-previous-arrow { left: 20px; right: auto; } .sp-horizontal.sp-rtl .sp-previous-arrow { right: 20px; left: auto; } .sp-horizontal .sp-next-arrow { right: 20px; left: auto; } .sp-horizontal.sp-rtl .sp-next-arrow { left: 20px; right: auto; } .sp-vertical .sp-previous-arrow { top: 20px; } .sp-vertical .sp-next-arrow { bottom: 20px; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .sp-previous-arrow:before, .sp-previous-arrow:after, .sp-next-arrow:before, .sp-next-arrow:after { content: ''; position: absolute; width: 50%; height: 50%; background-color: rgba(255, 255, 255, 0.75); transition: background-color 0.3s ease-out; } .sp-previous-arrow:before:hover, .sp-previous-arrow:after:hover, .sp-next-arrow:before:hover, .sp-next-arrow:after:hover { background-color: white; } .sp-arrow:before { left: 30%; top: 0; -webkit-transform: skew(145deg, 0deg); -ms-transform: skew(145deg, 0deg); transform: skew(145deg, 0deg); } .sp-arrow:after { left: 30%; top: 50%; -webkit-transform: skew(-145deg, 0deg); -ms-transform: skew(-145deg, 0deg); transform: skew(-145deg, 0deg); } .sp-next-arrow { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .sp-horizontal.sp-rtl .sp-previous-arrow { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .sp-horizontal.sp-rtl .sp-next-arrow { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .sp-thumbnail-arrows { position: absolute; } .sp-fade-thumbnail-arrows { opacity: 0; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .sp-thumbnails-container:hover .sp-fade-thumbnail-arrows { opacity: 1; } .sp-top-thumbnails .sp-thumbnail-arrows, .sp-bottom-thumbnails .sp-thumbnail-arrows { width: 100%; top: 50%; left: 0; margin-top: -12px; } .sp-left-thumbnails .sp-thumbnail-arrows, .sp-right-thumbnails .sp-thumbnail-arrows { height: 100%; top: 0; left: 50%; margin-left: -7px; } .sp-thumbnail-arrow { position: absolute; display: block; width: 15px; height: 25px; cursor: pointer; } .sp-left-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow, .sp-right-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .sp-top-thumbnails .sp-previous-thumbnail-arrow, .sp-bottom-thumbnails .sp-previous-thumbnail-arrow { left: 0px; } .sp-top-thumbnails .sp-next-thumbnail-arrow, .sp-bottom-thumbnails .sp-next-thumbnail-arrow { right: 0px; } .sp-left-thumbnails .sp-previous-thumbnail-arrow, .sp-right-thumbnails .sp-previous-thumbnail-arrow { top: 0px; } .sp-left-thumbnails .sp-next-thumbnail-arrow, .sp-right-thumbnails .sp-next-thumbnail-arrow { bottom: 0px; } .sp-previous-thumbnail-arrow:before, .sp-previous-thumbnail-arrow:after, .sp-next-thumbnail-arrow:before, .sp-next-thumbnail-arrow:after { content: ''; position: absolute; width: 50%; height: 50%; background-color: #FFF; } .sp-previous-thumbnail-arrow:before { left: 30%; top: 0; -webkit-transform: skew(145deg, 0deg); -ms-transform: skew(145deg, 0deg); transform: skew(145deg, 0deg); } .sp-previous-thumbnail-arrow:after { left: 30%; top: 50%; -webkit-transform: skew(-145deg, 0deg); -ms-transform: skew(-145deg, 0deg); transform: skew(-145deg, 0deg); } .sp-next-thumbnail-arrow:before { right: 30%; top: 0; -webkit-transform: skew(35deg, 0deg); -ms-transform: skew(35deg, 0deg); transform: skew(35deg, 0deg); } .sp-next-thumbnail-arrow:after { right: 30%; top: 50%; -webkit-transform: skew(-35deg, 0deg); -ms-transform: skew(-35deg, 0deg); transform: skew(-35deg, 0deg); } a.sp-video { text-decoration: none; } a.sp-video img { -webkit-backface-visibility: hidden; border: none; } a.sp-video:after { content: '\25B6'; position: absolute; width: 45px; padding-left: 5px; height: 50px; border: 2px solid #FFF; text-align: center; font-size: 30px; border-radius: 30px; top: 0; color: #FFF; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.2); margin: auto; line-height: 52px; } /** * 06. PrismJS * ----------------------------------------------------------------------- * */ code[class*="language-"], pre[class*="language-"] { color: #708198; background: none; font-family: 'Source Code Pro', monospace; font-weight: 600; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; word-wrap: normal; line-height: 1.5; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; border: none; } pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection, code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection { text-shadow: none; background: rgba(128, 137, 255, 0.25); } pre[class*="language-"]::selection, pre[class*="language-"] ::selection, code[class*="language-"]::selection, code[class*="language-"] ::selection { text-shadow: none; background: rgba(128, 137, 255, 0.25); } @media print { code[class*="language-"], pre[class*="language-"] { text-shadow: none; } } pre[class*="language-"] { padding: 0 1em; overflow: auto; } code .comment, pre .comment { display: inline; margin-bottom: 0; padding-bottom: 0; } :not(pre) > code[class*="language-"] { padding: .1em; border-radius: .3em; white-space: normal; } .token.comment, .token.prolog, .token.doctype, .token.cdata { color: #8e9bae; } .token.punctuation { color: #999; } .namespace { opacity: .7; } .token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol, .token.deleted { color: #fe60a1; } .token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted { color: #8089ff; } .token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string { color: #7ccb5b; background: rgba(255, 255, 255, 0.5); } .token.atrule, .token.attr-value, .token.keyword { color: #47caff; } .token.function { color: #fd81b5; } .token.regex, .token.important, .token.variable { color: #ff8765; } .token.important, .token.bold { font-weight: bold; } .token.italic { font-style: italic; } .token.entity { cursor: help; } pre.line-numbers { position: relative; padding-left: 3em; counter-reset: linenumber; } pre.line-numbers > code { position: relative; } .line-numbers .line-numbers-rows { position: absolute; pointer-events: none; top: 0; font-size: 100%; left: -3em; width: 3em; /* works for line-numbers below 1000 lines */ letter-spacing: -1px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .line-numbers-rows > span { pointer-events: none; display: block; counter-increment: linenumber; } .line-numbers-rows > span:before { content: counter(linenumber); color: #999; display: block; padding-right: 0.8em; text-align: right; } pre.code-toolbar { position: relative; } pre.code-toolbar > .toolbar { position: absolute; top: .3em; right: .2em; transition: opacity 0.3s ease-in-out; opacity: 0; } pre.code-toolbar:hover > .toolbar { opacity: 1; } pre.code-toolbar > .toolbar .toolbar-item { display: inline-block; } pre.code-toolbar > .toolbar a { cursor: pointer; } pre.code-toolbar > .toolbar button { background: none; border: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; padding: 0; -webkit-user-select: none; /* for button */ -moz-user-select: none; -ms-user-select: none; } pre.code-toolbar > .toolbar a, pre.code-toolbar > .toolbar button, pre.code-toolbar > .toolbar span { color: #bbb; font-size: .8em; padding: 0 .5em; background: #f5f2f0; background: rgba(224, 224, 224, 0.2); box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); border-radius: .5em; } pre.code-toolbar > .toolbar a:hover, pre.code-toolbar > .toolbar a:focus, pre.code-toolbar > .toolbar button:hover, pre.code-toolbar > .toolbar button:focus, pre.code-toolbar > .toolbar span:hover, pre.code-toolbar > .toolbar span:focus { color: inherit; text-decoration: none; } pre code { padding: 1rem; display: block; } .line-numbers-rows { padding: 1rem 0; background-color: #f6f7f8; color: #84ce65; } /** * 07. Animations * ----------------------------------------------------------------------- * */ @-webkit-keyframes fade_in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade_in { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fade_out { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fade_out { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes fade_in_up { 0% { opacity: 0; -webkit-transform: translateY(20%); transform: translateY(20%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes fade_in_up { 0% { opacity: 0; -webkit-transform: translateY(20%); transform: translateY(20%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @-webkit-keyframes fade_in_up_big { 0% { opacity: 0; -webkit-transform: translateY(50%); transform: translateY(50%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes fade_in_up_big { 0% { opacity: 0; -webkit-transform: translateY(50%); transform: translateY(50%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @-webkit-keyframes fade_in_left { 0% { opacity: 0; -webkit-transform: translateX(10%); transform: translateX(10%); } 100% { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); } } @keyframes fade_in_left { 0% { opacity: 0; -webkit-transform: translateX(10%); transform: translateX(10%); } 100% { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); } } @-webkit-keyframes fade_in_right { 0% { opacity: 0; -webkit-transform: translateX(-10%); transform: translateX(-10%); } 100% { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); } } @keyframes fade_in_right { 0% { opacity: 0; -webkit-transform: translateX(-10%); transform: translateX(-10%); } 100% { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); } } .animate { -webkit-animation-duration: 1250ms; animation-duration: 1250ms; -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animate-fast { -webkit-animation-duration: 500ms; animation-duration: 500ms; } .fade-in { -webkit-animation-name: fade_in; animation-name: fade_in; } .fade-out { -webkit-animation-name: fade_out; animation-name: fade_out; } .fade-in-up { -webkit-animation-name: fade_in_up; animation-name: fade_in_up; } .fade-in-up-big { -webkit-animation-name: fade_in_up_big; animation-name: fade_in_up_big; } .fade-out-down { -webkit-animation-name: fade_out_down; animation-name: fade_out_down; } .fade-in-left { -webkit-animation-name: fade_in_left; animation-name: fade_in_left; } .fade-in-right { -webkit-animation-name: fade_in_right; animation-name: fade_in_right; } @-webkit-keyframes animate_gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @keyframes animate_gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /** * 08. Colors * ----------------------------------------------------------------------- * */ body { color: #708198; } .heading, h1, h2, h3, h4, h5, h6 { color: #414c5a; } .section-heading .paragraph, .lead { color: #59687c; } a, a .heading { transition: color 0.25s ease-out; } a:hover, .btn:hover { color: #8089ff; } .ui-pricing-card .card-header .sub-heading { color: #59687c; } .text-indigo, .ui-icon-blocks .icon.text-indigo, .ui-card .card-header .heading.text-indigo, .pricing-items li .text-indigo { color: #8089ff; } .ui-icon-blocks .ui-icon-block > .icon.text-indigo { color: #8089ff; } .bg-indigo, .ui-card.bg-indigo, .ui-card.bg-indigo .card-body p { color: rgba(255, 255, 255, 0.85); background-color: #8089ff; } .bg-indigo .heading, .bg-indigo .sub-heading, .bg-indigo .ui-icon-blocks .ui-icon-block > .icon, .bg-indigo a, .bg-indigo .price, .ui-card.bg-indigo .heading, .ui-card.bg-indigo .sub-heading, .ui-card.bg-indigo .ui-icon-blocks .ui-icon-block > .icon, .ui-card.bg-indigo a, .ui-card.bg-indigo .price, .ui-card.bg-indigo .card-body p .heading, .ui-card.bg-indigo .card-body p .sub-heading, .ui-card.bg-indigo .card-body p .ui-icon-blocks .ui-icon-block > .icon, .ui-card.bg-indigo .card-body p a, .ui-card.bg-indigo .card-body p .price { color: #FFF; } .bg-indigo .section-heading .paragraph, .bg-indigo .lead, .ui-card.bg-indigo .section-heading .paragraph, .ui-card.bg-indigo .lead, .ui-card.bg-indigo .card-body p .section-heading .paragraph, .ui-card.bg-indigo .card-body p .lead { color: #FFF; } .bg-indigo .ui-card, .ui-card.bg-indigo .ui-card, .ui-card.bg-indigo .card-body p .ui-card { color: #8e9bae; } .bg-indigo .ui-card .heading, .bg-indigo .ui-card .sub-heading, .ui-card.bg-indigo .ui-card .heading, .ui-card.bg-indigo .ui-card .sub-heading, .ui-card.bg-indigo .card-body p .ui-card .heading, .ui-card.bg-indigo .card-body p .ui-card .sub-heading { color: #414c5a; } .bg-indigo .ui-card .ui-icon-block > .icon, .ui-card.bg-indigo .ui-card .ui-icon-block > .icon, .ui-card.bg-indigo .card-body p .ui-card .ui-icon-block > .icon { color: #8089ff; } .bg-indigo.btn, .ui-card.bg-indigo.btn, .ui-card.bg-indigo .card-body p.btn { color: #fff; } .bg-indigo.btn:hover, .ui-card.bg-indigo.btn:hover, .ui-card.bg-indigo .card-body p.btn:hover { color: #fff; } .ui-accordion-panel.ui-indigo .ui-accordion.active .toggle, .ui-accordion-panel.ui-indigo .ui-accordion:hover .toggle { color: #8089ff; } .ui-accordion-panel.ui-indigo .ui-accordion.active .toggle::after, .ui-accordion-panel.ui-indigo .ui-accordion:hover .toggle::after { color: #8089ff; } .ui-tabs.ui-indigo .nav-tabs li.active { background-color: #8089ff; color: #fff; } .ui-pricing-table .pricing-block.ui-indigo { background-color: rgba(128, 137, 255, 0.1); } .ui-pricing-table .pricing-block.ui-indigo .promo { background-color: #8089ff; color: #fff; } .ui-card.ui-curve .card-header.bg-indigo { color: rgba(255, 255, 255, 0.85); background-color: #8089ff; } .ui-card.ui-curve .card-header.bg-indigo .heading, .ui-card.ui-curve .card-header.bg-indigo .sub-heading, .ui-card.ui-curve .card-header.bg-indigo .ui-icon-block .icon { color: #FFF; } .ui-icon-blocks .ui-icon-block > .icon.icon-circle.bg-indigo { background-color: #8089ff; color: #fff; } .text-primary, .ui-icon-blocks .icon.text-primary, .ui-card .card-header .heading.text-primary, .pricing-items li .text-primary { color: #8089ff; } .ui-icon-blocks .ui-icon-block > .icon.text-primary { color: #8089ff; } .bg-primary, .ui-card.bg-primary, .ui-card.bg-primary .card-body p { color: rgba(255, 255, 255, 0.85); background-color: #8089ff; } .bg-primary .heading, .bg-primary .sub-heading, .bg-primary .ui-icon-blocks .ui-icon-block > .icon, .bg-primary a, .bg-primary .price, .ui-card.bg-primary .heading, .ui-card.bg-primary .sub-heading, .ui-card.bg-primary .ui-icon-blocks .ui-icon-block > .icon, .ui-card.bg-primary a, .ui-card.bg-primary .price, .ui-card.bg-primary .card-body p .heading, .ui-card.bg-primary .card-body p .sub-heading, .ui-card.bg-primary .card-body p .ui-icon-blocks .ui-icon-block > .icon, .ui-card.bg-primary .card-body p a, .ui-card.bg-primary .card-body p .price { color: #FFF; } .bg-primary .section-heading .paragraph, .bg-primary .lead, .ui-card.bg-primary .section-heading .paragraph, .ui-card.bg-primary .lead, .ui-card.bg-primary .card-body p .section-heading .paragraph, .ui-card.bg-primary .card-body p .lead { color: #FFF; } .bg-primary .ui-card, .ui-card.bg-primary .ui-card, .ui-card.bg-primary .card-body p .ui-card { color: #8e9bae; } .bg-primary .ui-card .heading, .bg-primary .ui-card .sub-heading, .ui-card.bg-primary .ui-card .heading, .ui-card.bg-primary .ui-card .sub-heading, .ui-card.bg-primary .card-body p .ui-card .heading, .ui-card.bg-primary .card-body p .ui-card .sub-heading { color: #414c5a; } .bg-primary .ui-card .ui-icon-block > .icon, .ui-card.bg-primary .ui-card .ui-icon-block > .icon, .ui-card.bg-primary .card-body p .ui-card .ui-icon-block > .icon { color: #8089ff; } .bg-primary.btn, .ui-card.bg-primary.btn, .ui-card.bg-primary .card-body p.btn { color: #fff; } .bg-primary.btn:hover, .ui-card.bg-primary.btn:hover, .ui-card.bg-primary .card-body p.btn:hover { color: #fff; } .ui-accordion-panel.ui-primary .ui-accordion.active .toggle, .ui-accordion-panel.ui-primary .ui-accordion:hover .toggle { color: #8089ff; } .ui-accordion-panel.ui-primary .ui-accordion.active .toggle::after, .ui-accordion-panel.ui-primary .ui-accordion:hover .toggle::after { color: #8089ff; } .ui-tabs.ui-primary .nav-tabs li.active { background-color: #8089ff; color: #fff; } .ui-pricing-table .pricing-block.ui-primary { background-color: rgba(128, 137, 255, 0.1); } .ui-pricing-table .pricing-block.ui-primary .promo { background-color: #8089ff; color: #fff; } .ui-card.ui-curve .card-header.bg-primary { color: rgba(255, 255, 255, 0.85); background-color: #8089ff; } .ui-card.ui-curve .card-header.bg-primary .heading, .ui-card.ui-curve .card-header.bg-primary .sub-heading, .ui-card.ui-curve .card-header.bg-primary .ui-icon-block .icon { color: #FFF; } .ui-icon-blocks .ui-icon-block > .icon.icon-circle.bg-primary { background-color: #8089ff; color: #fff; } .text-blue, .ui-icon-blocks .icon.text-blue, .ui-card .card-header .heading.text-blue, .pricing-items li .text-blue { color: #54ceff; } .ui-icon-blocks .ui-icon-block > .icon.text-blue { color: #54ceff; } .bg-blue, .ui-card.bg-blue, .ui-card.bg-blue .card-body p { color: #FFF; background-color: #54ceff; } .bg-blue .heading, .bg-blue .sub-heading, .bg-blue .ui-icon-blocks .ui-icon-block > .icon, .bg-blue a, .bg-blue .price, .ui-card.bg-blue .heading, .ui-card.bg-blue .sub-heading, .ui-card.bg-blue .ui-icon-blocks .ui-icon-block > .icon, .ui-card.bg-blue a, .ui-card.bg-blue .price, .ui-card.bg-blue .card-body p .heading, .ui-card.bg-blue .card-body p .sub-heading, .ui-card.bg-blue .card-body p .ui-icon-blocks .ui-icon-block > .icon, .ui-card.bg-blue .card-body p a, .ui-card.bg-blue .card-body p .price { color: #FFF; } .bg-blue .section-heading .paragraph, .bg-blue .lead, .ui-card.bg-blue .section-heading .paragraph, .ui-card.bg-blue .lead, .ui-card.bg-blue .card-body p .section-heading .paragraph, .ui-card.bg-blue .card-body p .lead { color: #FFF; } .bg-blue .ui-card, .ui-card.bg-blue .ui-card, .ui-card.bg-blue .card-body p .ui-card { color: #8e9bae; } .bg-blue .ui-card .heading, .bg-blue .ui-card .sub-heading, .ui-card.bg-blue .ui-card .heading, .ui-card.bg-blue .ui-card .sub-heading, .ui-card.bg-blue .card-body p .ui-card .heading, .ui-card.bg-blue .card-body p .ui-card .sub-heading { color: #414c5a; } .bg-blue .ui-card .ui-icon-block > .icon, .ui-card.bg-blue .ui-card .ui-icon-block > .icon, .ui-card.bg-blue .card-body p .ui-card .ui-icon-block > .icon { color: #8089ff; } .bg-blue.btn, .ui-card.bg-blue.btn, .ui-card.bg-blue .card-body p.btn { color: #fff; } .bg-blue.btn:hover, .ui-card.bg-blue.btn:hover, .ui-card.bg-blue .card-body p.btn:hover { color: #fff; } .ui-accordion-panel.ui-blue .ui-accordion.active .toggle, .ui-accordion-panel.ui-blue .ui-accordion:hover .toggle { color: #54ceff; } .ui-accordion-panel.ui-blue .ui-accordion.active .toggle::after, .ui-accordion-panel.ui-blue .ui-accordion:hover .toggle::after { color: #54ceff; } .ui-tabs.ui-blue .nav-tabs li.active { background-color: #54ceff; color: #fff; } .ui-pricing-table .pricing-block.ui-blue { background-color: rgba(84, 206, 255, 0.1); } .ui-pricing-table .pricing-block.ui-blue .promo { background-color: #54ceff; color: #fff; } .ui-card.ui-curve .card-header.bg-blue { color: rgba(255, 255, 255, 0.85); background-color: #54ceff; } .ui-card.ui-curve .card-header.bg-blue .heading, .ui-card.ui-curve .card-header.bg-blue .sub-heading, .ui-card.ui-curve .card-header.bg-blue .ui-icon-block .icon { color: #FFF; } .ui-icon-blocks .ui-icon-block > .icon.icon-circle.bg-blue { background-color: #54ceff; color: #fff; } .text-purple, .ui-icon-blocks .icon.text-purple, .ui-card .card-header .heading.text-purple, .pricing-items li .text-purple { color: #c961f7; } .ui-icon-blocks .ui-icon-block > .icon.text-purple { color: #c961f7; } .bg-purple, .ui-card.bg-purple, .ui-card.bg-purple .card-body p { color: rgba(255, 255, 255, 0.85); background-color: #c961f7; } .bg-purple .heading, .bg-purple .sub-heading, .bg-purple .ui-icon-blocks .ui-icon-block > .icon, .bg-purple a, .bg-purple .price, .ui-card.bg-purple .heading, .ui-card.bg-purple .sub-heading, .ui-card.bg-purple .ui-icon-blocks .ui-icon-block > .icon, .ui-card.bg-purple a, .ui-card.bg-purple .price, .ui-card.bg-purple .card-body p .heading, .ui-card.bg-purple .card-body p .sub-heading, .ui-card.bg-purple .card-body p .ui-icon-blocks .ui-icon-block > .icon, .ui-card.bg-purple .card-body p a, .ui-card.bg-purple .card-body p .price { color: #FFF; } .bg-purple .section-heading .paragraph, .bg-purple .lead, .ui-card.bg-purple .section-heading .paragraph, .ui-card.bg-purple .lead, .ui-card.bg-purple .card-body p .section-heading .paragraph, .ui-card.bg-purple .card-body p .lead { color: #FFF; } .bg-purple .ui-card, .ui-card.bg-purple .ui-card, .ui-card.bg-purple .card-body p .ui-card { color: #8e9bae; } .bg-purple .ui-card .heading, .bg-purple .ui-card .sub-heading, .ui-card.bg-purple .ui-card .heading, .ui-card.bg-purple .ui-card .sub-heading, .ui-card.bg-purple .card-body p .ui-card .heading, .ui-card.bg-purple .card-body p .ui-card .sub-heading { color: #414c5a; } .bg-purple .ui-card .ui-icon-block > .icon, .ui-card.bg-purple .ui-card .ui-icon-block > .icon, .ui-card.bg-purple .card-body p .ui-card .ui-icon-block > .icon { color: #8089ff; } .bg-purple.btn, .ui-card.bg-purple.btn, .ui-card.bg-purple .card-body p.btn { color: #fff; } .bg-purple.btn:hover, .ui-card.bg-purple.btn:hover, .ui-card.bg-purple .card-body p.btn:hover { color: #fff; } .ui-accordion-panel.ui-purple .ui-accordion.active .toggle, .ui-accordion-panel.ui-purple .ui-accordion:hover .toggle { color: #c961f7; } .ui-accordion-panel.ui-purple .ui-accordion.active .toggle::after, .ui-accordion-panel.ui-purple .ui-accordion:hover .toggle::after { color: #c961f7; } .ui-tabs.ui-purple .nav-tabs li.active { background-color: #c961f7; color: #fff; } .ui-pricing-table .pricing-block.ui-purple { background-color: rgba(201, 97, 247, 0.1); } .ui-pricing-table .pricing-block.ui-purple .promo { background-color: #c961f7; color: #fff; } .ui-card.ui-curve .card-header.bg-purple { color: rgba(255, 255, 255, 0.85); background-color: #c961f7; } .ui-card.ui-curve .card-header.bg-purple .heading, .ui-card.ui-curve .card-header.bg-purple .sub-heading, .ui-card.ui-curve .card-header.bg-purple .ui-icon-block .icon { color: #FFF; } .ui-icon-blocks .ui-icon-block > .icon.icon-circle.bg-purple { background-color: #c961f7; color: #fff; } .text-pink, .ui-icon-blocks .icon.text-pink, .ui-card .card-header .heading.text-pink, .pricing-items li .text-pink { color: #fd81b5; } .ui-icon-blocks .ui-icon-block > .icon.text-pink { color: #fd81b5; } .bg-pink, .ui-card.bg-pink, .ui-card.bg-pink .card-body p { color: rgba(255, 255, 255, 0.85); background-color: #fd81b5; } .bg-pink .heading, .bg-pink .sub-heading, .bg-pink .ui-icon-blocks .ui-icon-block > .icon, .bg-pink a, .bg-pink .price, .ui-card.bg-pink .heading, .ui-card.bg-pink .sub-heading, .ui-card.bg-pink .ui-icon-blocks .ui-icon-block > .icon, .ui-card.bg-pink a, .ui-card.bg-pink .price, .ui-card.bg-pink .card-body p .heading, .ui-card.bg-pink .card-body p .sub-heading, .ui-card.bg-pink .card-body p .ui-icon-blocks .ui-icon-block > .icon, .ui-card.bg-pink .card-body p a, .ui-card.bg-pink .card-body p .price { color: #FFF; } .bg-pink .section-heading .paragraph, .bg-pink .lead, .ui-card.bg-pink .section-heading .paragraph, .ui-card.bg-pink .lead, .ui-card.bg-pink .card-body p .section-heading .paragraph, .ui-card.bg-pink .card-body p .lead { color: #FFF; } .bg-pink .ui-card, .ui-card.bg-pink .ui-card, .ui-card.bg-pink .card-body p .ui-card { color: #8e9bae; } .bg-pink .ui-card .heading, .bg-pink .ui-card .sub-heading, .ui-card.bg-pink .ui-card .heading, .ui-card.bg-pink .ui-card .sub-heading, .ui-card.bg-pink .card-body p .ui-card .heading, .ui-card.bg-pink .card-body p .ui-card .sub-heading { color: #414c5a; } .bg-pink .ui-card .ui-icon-block > .icon, .ui-card.bg-pink .ui-card .ui-icon-block > .icon, .ui-card.bg-pink .card-body p .ui-card .ui-icon-block > .icon { color: #8089ff; } .bg-pink.btn, .ui-card.bg-pink.btn, .ui-card.bg-pink .card-body p.btn { color: #fff; } .bg-pink.btn:hover, .ui-card.bg-pink.btn:hover, .ui-card.bg-pink .card-body p.btn:hover { color: #fff; } .ui-accordion-panel.ui-pink .ui-accordion.active .toggle, .ui-accordion-panel.ui-pink .ui-accordion:hover .toggle { color: #fd81b5; } .ui-accordion-panel.ui-pink .ui-accordion.active .toggle::after, .ui-accordion-panel.ui-pink .ui-accordion:hover .toggle::after { color: #fd81b5; } .ui-tabs.ui-pink .nav-tabs li.active { background-color: #fd81b5; color: #fff; } .ui-pricing-table .pricing-block.ui-pink { background-color: rgba(253, 129, 181, 0.1); } .ui-pricing-table .pricing-block.ui-pink .promo { background-color: #fd81b5; color: #fff; } .ui-card.ui-curve .card-header.bg-pink { color: rgba(255, 255, 255, 0.85); background-color: #fd81b5; } .ui-card.ui-curve .card-header.bg-pink .heading, .ui-card.ui-curve .card-header.bg-pink .sub-heading, .ui-card.ui-curve .card-header.bg-pink .ui-icon-block .icon { color: #FFF; } .ui-icon-blocks .ui-icon-block > .icon.icon-circle.bg-pink { background-color: #fd81b5; color: #fff; } .text-green, .ui-icon-blocks .icon.text-green, .ui-card .card-header .heading.text-green, .pricing-items li .text-green { color: #19d9b4; } .ui-icon-blocks .ui-icon-block > .icon.text-green { color: #19d9b4; } .bg-green, .ui-card.bg-green, .ui-card.bg-green .card-body p { color: rgba(255, 255, 255, 0.85); background-color: #19d9b4; } .bg-green .heading, .bg-green .sub-heading, .bg-green .ui-icon-blocks .ui-icon-block > .icon, .bg-green a, .bg-green .price, .ui-card.bg-green .heading, .ui-card.bg-green .sub-heading, .ui-card.bg-green .ui-icon-blocks .ui-icon-block > .icon, .ui-card.bg-green a, .ui-card.bg-green .price, .ui-card.bg-green .card-body p .heading, .ui-card.bg-green .card-body p .sub-heading, .ui-card.bg-green .card-body p .ui-icon-blocks .ui-icon-block > .icon, .ui-card.bg-green .card-body p a, .ui-card.bg-green .card-body p .price { color: #FFF; } .bg-green .section-heading .paragraph, .bg-green .lead, .ui-card.bg-green .section-heading .paragraph, .ui-card.bg-green .lead, .ui-card.bg-green .card-body p .section-heading .paragraph, .ui-card.bg-green .card-body p .lead { color: #FFF; } .bg-green .ui-card, .ui-card.bg-green .ui-card, .ui-card.bg-green .card-body p .ui-card { color: #8e9bae; } .bg-green .ui-card .heading, .bg-green .ui-card .sub-heading, .ui-card.bg-green .ui-card .heading, .ui-card.bg-green .ui-card .sub-heading, .ui-card.bg-green .card-body p .ui-card .heading, .ui-card.bg-green .card-body p .ui-card .sub-heading { color: #414c5a; } .bg-green .ui-card .ui-icon-block > .icon, .ui-card.bg-green .ui-card .ui-icon-block > .icon, .ui-card.bg-green .card-body p .ui-card .ui-icon-block > .icon { color: #8089ff; } .bg-green.btn, .ui-card.bg-green.btn, .ui-card.bg-green .card-body p.btn { color: #fff; } .bg-green.btn:hover, .ui-card.bg-green.btn:hover, .ui-card.bg-green .card-body p.btn:hover { color: #fff; } .ui-accordion-panel.ui-green .ui-accordion.active .toggle, .ui-accordion-panel.ui-green .ui-accordion:hover .toggle { color: #19d9b4; } .ui-accordion-panel.ui-green .ui-accordion.active .toggle::after, .ui-accordion-panel.ui-green .ui-accordion:hover .toggle::after { color: #19d9b4; } .ui-tabs.ui-green .nav-tabs li.active { background-color: #19d9b4; color: #fff; } .ui-pricing-table .pricing-block.ui-green { background-color: rgba(25, 217, 180, 0.1); } .ui-pricing-table .pricing-block.ui-green .promo { background-color: #19d9b4; color: #fff; } .ui-card.ui-curve .card-header.bg-green { color: rgba(255, 255, 255, 0.85); background-color: #19d9b4; } .ui-card.ui-curve .card-header.bg-green .heading, .ui-card.ui-curve .card-header.bg-green .sub-heading, .ui-card.ui-curve .card-header.bg-green .ui-icon-block .icon { color: #FFF; } .ui-icon-blocks .ui-icon-block > .icon.icon-circle.bg-green { background-color: #19d9b4; color: #fff; } .text-lime, .ui-icon-blocks .icon.text-lime, .ui-card .card-header .heading.text-lime, .pricing-items li .text-lime { color: #84ce65; } .ui-icon-blocks .ui-icon-block > .icon.text-lime { color: #84ce65; } .bg-lime, .ui-card.bg-lime, .ui-card.bg-lime .card-body p { color: #FFF; background-color: #84ce65; } .bg-lime .heading, .bg-lime .sub-heading, .bg-lime .ui-icon-blocks .ui-icon-block > .icon, .bg-lime a, .bg-lime .price, .ui-card.bg-lime .heading, .ui-card.bg-lime .sub-heading, .ui-card.bg-lime .ui-icon-blocks .ui-icon-block > .icon, .ui-card.bg-lime a, .ui-card.bg-lime .price, .ui-card.bg-lime .card-body p .heading, .ui-card.bg-lime .card-body p .sub-heading, .ui-card.bg-lime .card-body p .ui-icon-blocks .ui-icon-block > .icon, .ui-card.bg-lime .card-body p a, .ui-card.bg-lime .card-body p .price { color: #FFF; } .bg-lime .section-heading .paragraph, .bg-lime .lead, .ui-card.bg-lime .section-heading .paragraph, .ui-card.bg-lime .lead, .ui-card.bg-lime .card-body p .section-heading .paragraph, .ui-card.bg-lime .card-body p .lead { color: #FFF; } .bg-lime .ui-card, .ui-card.bg-lime .ui-card, .ui-card.bg-lime .card-body p .ui-card { color: #8e9bae; } .bg-lime .ui-card .heading, .bg-lime .ui-card .sub-heading, .ui-card.bg-lime .ui-card .heading, .ui-card.bg-lime .ui-card .sub-heading, .ui-card.bg-lime .card-body p .ui-card .heading, .ui-card.bg-lime .card-body p .ui-card .sub-heading { color: #414c5a; } .bg-lime .ui-card .ui-icon-block > .icon, .ui-card.bg-lime .ui-card .ui-icon-block > .icon, .ui-card.bg-lime .card-body p .ui-card .ui-icon-block > .icon { color: #8089ff; } .bg-lime.btn, .ui-card.bg-lime.btn, .ui-card.bg-lime .card-body p.btn { color: #fff; } .bg-lime.btn:hover, .ui-card.bg-lime.btn:hover, .ui-card.bg-lime .card-body p.btn:hover { color: #fff; } .ui-accordion-panel.ui-lime .ui-accordion.active .toggle, .ui-accordion-panel.ui-lime .ui-accordion:hover .toggle { color: #84ce65; } .ui-accordion-panel.ui-lime .ui-accordion.active .toggle::after, .ui-accordion-panel.ui-lime .ui-accordion:hover .toggle::after { color: #84ce65; } .ui-tabs.ui-lime .nav-tabs li.active { background-color: #84ce65; color: #fff; } .ui-pricing-table .pricing-block.ui-lime { background-color: rgba(132, 206, 101, 0.1); } .ui-pricing-table .pricing-block.ui-lime .promo { background-color: #84ce65; color: #fff; } .ui-card.ui-curve .card-header.bg-lime { color: rgba(255, 255, 255, 0.85); background-color: #84ce65; } .ui-card.ui-curve .card-header.bg-lime .heading, .ui-card.ui-curve .card-header.bg-lime .sub-heading, .ui-card.ui-curve .card-header.bg-lime .ui-icon-block .icon { color: #FFF; } .ui-icon-blocks .ui-icon-block > .icon.icon-circle.bg-lime { background-color: #84ce65; color: #fff; } .text-orange, .ui-icon-blocks .icon.text-orange, .ui-card .card-header .heading.text-orange, .pricing-items li .text-orange { color: #ff8765; } .ui-icon-blocks .ui-icon-block > .icon.text-orange { color: #ff8765; } .bg-orange, .ui-card.bg-orange, .ui-card.bg-orange .card-body p { color: rgba(255, 255, 255, 0.85); background-color: #ff8765; } .bg-orange .heading, .bg-orange .sub-heading, .bg-orange .ui-icon-blocks .ui-icon-block > .icon, .bg-orange a, .bg-orange .price, .ui-card.bg-orange .heading, .ui-card.bg-orange .sub-heading, .ui-card.bg-orange .ui-icon-blocks .ui-icon-block > .icon, .ui-card.bg-orange a, .ui-card.bg-orange .price, .ui-card.bg-orange .card-body p .heading, .ui-card.bg-orange .card-body p .sub-heading, .ui-card.bg-orange .card-body p .ui-icon-blocks .ui-icon-block > .icon, .ui-card.bg-orange .card-body p a, .ui-card.bg-orange .card-body p .price { color: #FFF; } .bg-orange .section-heading .paragraph, .bg-orange .lead, .ui-card.bg-orange .section-heading .paragraph, .ui-card.bg-orange .lead, .ui-card.bg-orange .card-body p .section-heading .paragraph, .ui-card.bg-orange .card-body p .lead { color: #FFF; } .bg-orange .ui-card, .ui-card.bg-orange .ui-card, .ui-card.bg-orange .card-body p .ui-card { color: #8e9bae; } .bg-orange .ui-card .heading, .bg-orange .ui-card .sub-heading, .ui-card.bg-orange .ui-card .heading, .ui-card.bg-orange .ui-card .sub-heading, .ui-card.bg-orange .card-body p .ui-card .heading, .ui-card.bg-orange .card-body p .ui-card .sub-heading { color: #414c5a; } .bg-orange .ui-card .ui-icon-block > .icon, .ui-card.bg-orange .ui-card .ui-icon-block > .icon, .ui-card.bg-orange .card-body p .ui-card .ui-icon-block > .icon { color: #8089ff; } .bg-orange.btn, .ui-card.bg-orange.btn, .ui-card.bg-orange .card-body p.btn { color: #fff; } .bg-orange.btn:hover, .ui-card.bg-orange.btn:hover, .ui-card.bg-orange .card-body p.btn:hover { color: #fff; } .ui-accordion-panel.ui-orange .ui-accordion.active .toggle, .ui-accordion-panel.ui-orange .ui-accordion:hover .toggle { color: #ff8765; } .ui-accordion-panel.ui-orange .ui-accordion.active .toggle::after, .ui-accordion-panel.ui-orange .ui-accordion:hover .toggle::after { color: #ff8765; } .ui-tabs.ui-orange .nav-tabs li.active { background-color: #ff8765; color: #fff; } .ui-pricing-table .pricing-block.ui-orange { background-color: rgba(255, 135, 101, 0.1); } .ui-pricing-table .pricing-block.ui-orange .promo { background-color: #ff8765; color: #fff; } .ui-card.ui-curve .card-header.bg-orange { color: rgba(255, 255, 255, 0.85); background-color: #ff8765; } .ui-card.ui-curve .card-header.bg-orange .heading, .ui-card.ui-curve .card-header.bg-orange .sub-heading, .ui-card.ui-curve .card-header.bg-orange .ui-icon-block .icon { color: #FFF; } .ui-icon-blocks .ui-icon-block > .icon.icon-circle.bg-orange { background-color: #ff8765; color: #fff; } .text-red, .ui-icon-blocks .icon.text-red, .ui-card .card-header .heading.text-red, .pricing-items li .text-red { color: #fe60a1; } .ui-icon-blocks .ui-icon-block > .icon.text-red { color: #fe60a1; } .bg-red, .ui-card.bg-red, .ui-card.bg-red .card-body p { color: rgba(255, 255, 255, 0.85); background-color: #fe60a1; } .bg-red .heading, .bg-red .sub-heading, .bg-red .ui-icon-blocks .ui-icon-block > .icon, .bg-red a, .bg-red .price, .ui-card.bg-red .heading, .ui-card.bg-red .sub-heading, .ui-card.bg-red .ui-icon-blocks .ui-icon-block > .icon, .ui-card.bg-red a, .ui-card.bg-red .price, .ui-card.bg-red .card-body p .heading, .ui-card.bg-red .card-body p .sub-heading, .ui-card.bg-red .card-body p .ui-icon-blocks .ui-icon-block > .icon, .ui-card.bg-red .card-body p a, .ui-card.bg-red .card-body p .price { color: #FFF; } .bg-red .section-heading .paragraph, .bg-red .lead, .ui-card.bg-red .section-heading .paragraph, .ui-card.bg-red .lead, .ui-card.bg-red .card-body p .section-heading .paragraph, .ui-card.bg-red .card-body p .lead { color: #FFF; } .bg-red .ui-card, .ui-card.bg-red .ui-card, .ui-card.bg-red .card-body p .ui-card { color: #8e9bae; } .bg-red .ui-card .heading, .bg-red .ui-card .sub-heading, .ui-card.bg-red .ui-card .heading, .ui-card.bg-red .ui-card .sub-heading, .ui-card.bg-red .card-body p .ui-card .heading, .ui-card.bg-red .card-body p .ui-card .sub-heading { color: #414c5a; } .bg-red .ui-card .ui-icon-block > .icon, .ui-card.bg-red .ui-card .ui-icon-block > .icon, .ui-card.bg-red .card-body p .ui-card .ui-icon-block > .icon { color: #8089ff; } .bg-red.btn, .ui-card.bg-red.btn, .ui-card.bg-red .card-body p.btn { color: #fff; } .bg-red.btn:hover, .ui-card.bg-red.btn:hover, .ui-card.bg-red .card-body p.btn:hover { color: #fff; } .ui-accordion-panel.ui-red .ui-accordion.active .toggle, .ui-accordion-panel.ui-red .ui-accordion:hover .toggle { color: #fe60a1; } .ui-accordion-panel.ui-red .ui-accordion.active .toggle::after, .ui-accordion-panel.ui-red .ui-accordion:hover .toggle::after { color: #fe60a1; } .ui-tabs.ui-red .nav-tabs li.active { background-color: #fe60a1; color: #fff; } .ui-pricing-table .pricing-block.ui-red { background-color: rgba(254, 96, 161, 0.1); } .ui-pricing-table .pricing-block.ui-red .promo { background-color: #fe60a1; color: #fff; } .ui-card.ui-curve .card-header.bg-red { color: rgba(255, 255, 255, 0.85); background-color: #fe60a1; } .ui-card.ui-curve .card-header.bg-red .heading, .ui-card.ui-curve .card-header.bg-red .sub-heading, .ui-card.ui-curve .card-header.bg-red .ui-icon-block .icon { color: #FFF; } .ui-icon-blocks .ui-icon-block > .icon.icon-circle.bg-red { background-color: #fe60a1; color: #fff; } .text-gray, .ui-icon-blocks .icon.text-gray, .ui-card .card-header .heading.text-gray, .pricing-items li .text-gray { color: #708198; } .ui-icon-blocks .ui-icon-block > .icon.text-gray { color: #708198; } .bg-gray, .ui-card.bg-gray, .ui-card.bg-gray .card-body p { color: rgba(255, 255, 255, 0.85); background-color: #708198; } .bg-gray .heading, .bg-gray .sub-heading, .bg-gray .ui-icon-blocks .ui-icon-block > .icon, .bg-gray a, .bg-gray .price, .ui-card.bg-gray .heading, .ui-card.bg-gray .sub-heading, .ui-card.bg-gray .ui-icon-blocks .ui-icon-block > .icon, .ui-card.bg-gray a, .ui-card.bg-gray .price, .ui-card.bg-gray .card-body p .heading, .ui-card.bg-gray .card-body p .sub-heading, .ui-card.bg-gray .card-body p .ui-icon-blocks .ui-icon-block > .icon, .ui-card.bg-gray .card-body p a, .ui-card.bg-gray .card-body p .price { color: #FFF; } .bg-gray .section-heading .paragraph, .bg-gray .lead, .ui-card.bg-gray .section-heading .paragraph, .ui-card.bg-gray .lead, .ui-card.bg-gray .card-body p .section-heading .paragraph, .ui-card.bg-gray .card-body p .lead { color: #FFF; } .bg-gray .ui-card, .ui-card.bg-gray .ui-card, .ui-card.bg-gray .card-body p .ui-card { color: #8e9bae; } .bg-gray .ui-card .heading, .bg-gray .ui-card .sub-heading, .ui-card.bg-gray .ui-card .heading, .ui-card.bg-gray .ui-card .sub-heading, .ui-card.bg-gray .card-body p .ui-card .heading, .ui-card.bg-gray .card-body p .ui-card .sub-heading { color: #414c5a; } .bg-gray .ui-card .ui-icon-block > .icon, .ui-card.bg-gray .ui-card .ui-icon-block > .icon, .ui-card.bg-gray .card-body p .ui-card .ui-icon-block > .icon { color: #8089ff; } .bg-gray.btn, .ui-card.bg-gray.btn, .ui-card.bg-gray .card-body p.btn { color: #fff; } .bg-gray.btn:hover, .ui-card.bg-gray.btn:hover, .ui-card.bg-gray .card-body p.btn:hover { color: #fff; } .ui-accordion-panel.ui-gray .ui-accordion.active .toggle, .ui-accordion-panel.ui-gray .ui-accordion:hover .toggle { color: #708198; } .ui-accordion-panel.ui-gray .ui-accordion.active .toggle::after, .ui-accordion-panel.ui-gray .ui-accordion:hover .toggle::after { color: #708198; } .ui-tabs.ui-gray .nav-tabs li.active { background-color: #708198; color: #fff; } .ui-pricing-table .pricing-block.ui-gray { background-color: rgba(112, 129, 152, 0.1); } .ui-pricing-table .pricing-block.ui-gray .promo { background-color: #708198; color: #fff; } .ui-card.ui-curve .card-header.bg-gray { color: rgba(255, 255, 255, 0.85); background-color: #708198; } .ui-card.ui-curve .card-header.bg-gray .heading, .ui-card.ui-curve .card-header.bg-gray .sub-heading, .ui-card.ui-curve .card-header.bg-gray .ui-icon-block .icon { color: #FFF; } .ui-icon-blocks .ui-icon-block > .icon.icon-circle.bg-gray { background-color: #708198; color: #fff; } .text-light-gray, .ui-icon-blocks .icon.text-light-gray, .ui-card .card-header .heading.text-light-gray, .pricing-items li .text-light-gray { color: #8e9bae; } .ui-icon-blocks .ui-icon-block > .icon.text-light-gray { color: #8e9bae; } .bg-light-gray, .ui-card.bg-light-gray, .ui-card.bg-light-gray .card-body p { color: rgba(255, 255, 255, 0.85); background-color: #8e9bae; } .bg-light-gray .heading, .bg-light-gray .sub-heading, .bg-light-gray .ui-icon-blocks .ui-icon-block > .icon, .bg-light-gray a, .bg-light-gray .price, .ui-card.bg-light-gray .heading, .ui-card.bg-light-gray .sub-heading, .ui-card.bg-light-gray .ui-icon-blocks .ui-icon-block > .icon, .ui-card.bg-light-gray a, .ui-card.bg-light-gray .price, .ui-card.bg-light-gray .card-body p .heading, .ui-card.bg-light-gray .card-body p .sub-heading, .ui-card.bg-light-gray .card-body p .ui-icon-blocks .ui-icon-block > .icon, .ui-card.bg-light-gray .card-body p a, .ui-card.bg-light-gray .card-body p .price { color: #FFF; } .bg-light-gray .section-heading .paragraph, .bg-light-gray .lead, .ui-card.bg-light-gray .section-heading .paragraph, .ui-card.bg-light-gray .lead, .ui-card.bg-light-gray .card-body p .section-heading .paragraph, .ui-card.bg-light-gray .card-body p .lead { color: #FFF; } .bg-light-gray .ui-card, .ui-card.bg-light-gray .ui-card, .ui-card.bg-light-gray .card-body p .ui-card { color: #8e9bae; } .bg-light-gray .ui-card .heading, .bg-light-gray .ui-card .sub-heading, .ui-card.bg-light-gray .ui-card .heading, .ui-card.bg-light-gray .ui-card .sub-heading, .ui-card.bg-light-gray .card-body p .ui-card .heading, .ui-card.bg-light-gray .card-body p .ui-card .sub-heading { color: #414c5a; } .bg-light-gray .ui-card .ui-icon-block > .icon, .ui-card.bg-light-gray .ui-card .ui-icon-block > .icon, .ui-card.bg-light-gray .card-body p .ui-card .ui-icon-block > .icon { color: #8089ff; } .bg-light-gray.btn, .ui-card.bg-light-gray.btn, .ui-card.bg-light-gray .card-body p.btn { color: #fff; } .bg-light-gray.btn:hover, .ui-card.bg-light-gray.btn:hover, .ui-card.bg-light-gray .card-body p.btn:hover { color: #fff; } .ui-accordion-panel.ui-light-gray .ui-accordion.active .toggle, .ui-accordion-panel.ui-light-gray .ui-accordion:hover .toggle { color: #8e9bae; } .ui-accordion-panel.ui-light-gray .ui-accordion.active .toggle::after, .ui-accordion-panel.ui-light-gray .ui-accordion:hover .toggle::after { color: #8e9bae; } .ui-tabs.ui-light-gray .nav-tabs li.active { background-color: #8e9bae; color: #fff; } .ui-pricing-table .pricing-block.ui-light-gray { background-color: rgba(142, 155, 174, 0.1); } .ui-pricing-table .pricing-block.ui-light-gray .promo { background-color: #8e9bae; color: #fff; } .ui-card.ui-curve .card-header.bg-light-gray { color: rgba(255, 255, 255, 0.85); background-color: #8e9bae; } .ui-card.ui-curve .card-header.bg-light-gray .heading, .ui-card.ui-curve .card-header.bg-light-gray .sub-heading, .ui-card.ui-curve .card-header.bg-light-gray .ui-icon-block .icon { color: #FFF; } .ui-icon-blocks .ui-icon-block > .icon.icon-circle.bg-light-gray { background-color: #8e9bae; color: #fff; } .text-dark-gray, .ui-icon-blocks .icon.text-dark-gray, .ui-card .card-header .heading.text-dark-gray, .pricing-items li .text-dark-gray { color: #59687c; } .ui-icon-blocks .ui-icon-block > .icon.text-dark-gray { color: #59687c; } .bg-dark-gray, .ui-card.bg-dark-gray, .ui-card.bg-dark-gray .card-body p { color: rgba(255, 255, 255, 0.85); background-color: #59687c; } .bg-dark-gray .heading, .bg-dark-gray .sub-heading, .bg-dark-gray .ui-icon-blocks .ui-icon-block > .icon, .bg-dark-gray a, .bg-dark-gray .price, .ui-card.bg-dark-gray .heading, .ui-card.bg-dark-gray .sub-heading, .ui-card.bg-dark-gray .ui-icon-blocks .ui-icon-block > .icon, .ui-card.bg-dark-gray a, .ui-card.bg-dark-gray .price, .ui-card.bg-dark-gray .card-body p .heading, .ui-card.bg-dark-gray .card-body p .sub-heading, .ui-card.bg-dark-gray .card-body p .ui-icon-blocks .ui-icon-block > .icon, .ui-card.bg-dark-gray .card-body p a, .ui-card.bg-dark-gray .card-body p .price { color: #FFF; } .bg-dark-gray .section-heading .paragraph, .bg-dark-gray .lead, .ui-card.bg-dark-gray .section-heading .paragraph, .ui-card.bg-dark-gray .lead, .ui-card.bg-dark-gray .card-body p .section-heading .paragraph, .ui-card.bg-dark-gray .card-body p .lead { color: #FFF; } .bg-dark-gray .ui-card, .ui-card.bg-dark-gray .ui-card, .ui-card.bg-dark-gray .card-body p .ui-card { color: #8e9bae; } .bg-dark-gray .ui-card .heading, .bg-dark-gray .ui-card .sub-heading, .ui-card.bg-dark-gray .ui-card .heading, .ui-card.bg-dark-gray .ui-card .sub-heading, .ui-card.bg-dark-gray .card-body p .ui-card .heading, .ui-card.bg-dark-gray .card-body p .ui-card .sub-heading { color: #414c5a; } .bg-dark-gray .ui-card .ui-icon-block > .icon, .ui-card.bg-dark-gray .ui-card .ui-icon-block > .icon, .ui-card.bg-dark-gray .card-body p .ui-card .ui-icon-block > .icon { color: #8089ff; } .bg-dark-gray.btn, .ui-card.bg-dark-gray.btn, .ui-card.bg-dark-gray .card-body p.btn { color: #fff; } .bg-dark-gray.btn:hover, .ui-card.bg-dark-gray.btn:hover, .ui-card.bg-dark-gray .card-body p.btn:hover { color: #fff; } .ui-accordion-panel.ui-dark-gray .ui-accordion.active .toggle, .ui-accordion-panel.ui-dark-gray .ui-accordion:hover .toggle { color: #59687c; } .ui-accordion-panel.ui-dark-gray .ui-accordion.active .toggle::after, .ui-accordion-panel.ui-dark-gray .ui-accordion:hover .toggle::after { color: #59687c; } .ui-tabs.ui-dark-gray .nav-tabs li.active { background-color: #59687c; color: #fff; } .ui-pricing-table .pricing-block.ui-dark-gray { background-color: rgba(89, 104, 124, 0.1); } .ui-pricing-table .pricing-block.ui-dark-gray .promo { background-color: #59687c; color: #fff; } .ui-card.ui-curve .card-header.bg-dark-gray { color: rgba(255, 255, 255, 0.85); background-color: #59687c; } .ui-card.ui-curve .card-header.bg-dark-gray .heading, .ui-card.ui-curve .card-header.bg-dark-gray .sub-heading, .ui-card.ui-curve .card-header.bg-dark-gray .ui-icon-block .icon { color: #FFF; } .ui-icon-blocks .ui-icon-block > .icon.icon-circle.bg-dark-gray { background-color: #59687c; color: #fff; } .ui-gradient-purple { background: -webkit-linear-gradient(45deg, #fd81b5 0%, #c961f7 50%, #8089ff 100%); background: linear-gradient(45deg, #fd81b5 0%, #c961f7 50%, #8089ff 100%); } .hero-bg.ui-gradient-purple::before { background: -webkit-linear-gradient(45deg, #ff66a6 0%, #c035fd 50%, #6771ff 100%); background: linear-gradient(45deg, #ff66a6 0%, #c035fd 50%, #6771ff 100%); } .ui-card.ui-gradient-purple p.paragraph, .ui-card.ui-gradient-purple p { color: #FFF; } .ui-gradient-animator, .ui-gradient-purple, .ui-card.ui-gradient-purple { color: rgba(255, 255, 255, 0.85); } .ui-gradient-animator .heading, .ui-gradient-animator .sub-heading, .ui-gradient-animator .ui-icon-blocks .ui-icon-block > .icon, .ui-gradient-animator a, .ui-gradient-animator .price, .ui-gradient-purple .heading, .ui-gradient-purple .sub-heading, .ui-gradient-purple .ui-icon-blocks .ui-icon-block > .icon, .ui-gradient-purple a, .ui-gradient-purple .price, .ui-card.ui-gradient-purple .heading, .ui-card.ui-gradient-purple .sub-heading, .ui-card.ui-gradient-purple .ui-icon-blocks .ui-icon-block > .icon, .ui-card.ui-gradient-purple a, .ui-card.ui-gradient-purple .price { color: #FFF; } .ui-gradient-animator .section-heading .paragraph, .ui-gradient-animator .lead, .ui-gradient-purple .section-heading .paragraph, .ui-gradient-purple .lead, .ui-card.ui-gradient-purple .section-heading .paragraph, .ui-card.ui-gradient-purple .lead { color: #FFF; } .ui-gradient-animator .ui-card, .ui-gradient-purple .ui-card, .ui-card.ui-gradient-purple .ui-card { color: #8e9bae; } .ui-gradient-animator .ui-card .heading, .ui-gradient-animator .ui-card .sub-heading, .ui-gradient-purple .ui-card .heading, .ui-gradient-purple .ui-card .sub-heading, .ui-card.ui-gradient-purple .ui-card .heading, .ui-card.ui-gradient-purple .ui-card .sub-heading { color: #414c5a; } .ui-gradient-animator .ui-card .ui-icon-block .icon, .ui-gradient-purple .ui-card .ui-icon-block .icon, .ui-card.ui-gradient-purple .ui-card .ui-icon-block .icon { color: #8089ff; } .ui-gradient-animator .ui-tabs .nav-tabs li.nav-item a.nav-link, .ui-gradient-purple .ui-tabs .nav-tabs li.nav-item a.nav-link, .ui-card.ui-gradient-purple .ui-tabs .nav-tabs li.nav-item a.nav-link { color: #FFF; background-color: rgba(255, 255, 255, 0); } .ui-gradient-animator .ui-tabs .nav-tabs li.nav-item a.nav-link.active, .ui-gradient-purple .ui-tabs .nav-tabs li.nav-item a.nav-link.active, .ui-card.ui-gradient-purple .ui-tabs .nav-tabs li.nav-item a.nav-link.active { background-color: rgba(255, 255, 255, 0.25); color: #FFF; } .ui-gradient-animator .ui-checklist li, .ui-gradient-purple .ui-checklist li, .ui-card.ui-gradient-purple .ui-checklist li { border-bottom-color: rgba(255, 255, 255, 0.2); } .ui-gradient-animator .owl-theme .owl-dots .owl-dot span, .ui-gradient-purple .owl-theme .owl-dots .owl-dot span, .ui-card.ui-gradient-purple .owl-theme .owl-dots .owl-dot span { background-color: rgba(255, 255, 255, 0.5); } .ui-gradient-animator .owl-theme .owl-dots .owl-dot.active span, .ui-gradient-purple .owl-theme .owl-dots .owl-dot.active span, .ui-card.ui-gradient-purple .owl-theme .owl-dots .owl-dot.active span { background-color: white; } .ui-gradient-animator .owl-theme .owl-nav [class*='owl-'], .ui-gradient-purple .owl-theme .owl-nav [class*='owl-'], .ui-card.ui-gradient-purple .owl-theme .owl-nav [class*='owl-'] { color: rgba(255, 255, 255, 0.5); } .ui-gradient-animator .owl-theme .owl-nav [class*='owl-']:hover, .ui-gradient-purple .owl-theme .owl-nav [class*='owl-']:hover, .ui-card.ui-gradient-purple .owl-theme .owl-nav [class*='owl-']:hover { color: white; } .ui-gradient-animator .btn-link, .ui-gradient-animator .btn-link:hover, .ui-gradient-purple .btn-link, .ui-gradient-purple .btn-link:hover, .ui-card.ui-gradient-purple .btn-link, .ui-card.ui-gradient-purple .btn-link:hover { color: #fff; } .btn.ui-gradient-purple { color: #FFF; } .bg-overlay-gradient-purple { color: rgba(255, 255, 255, 0.85); } .bg-overlay-gradient-purple .heading, .bg-overlay-gradient-purple .sub-heading, .bg-overlay-gradient-purple .ui-icon-blocks .ui-icon-block > .icon, .bg-overlay-gradient-purple .section-heading .paragraph, .bg-overlay-gradient-purple .lead { color: #FFF; } .bg-overlay-gradient-purple::before { background: -webkit-linear-gradient(45deg, #fd81b5 0%, #c961f7 50%, #8089ff 100%); background: linear-gradient(45deg, #fd81b5 0%, #c961f7 50%, #8089ff 100%); } .ui-card.ui-curve .card-header.ui-gradient-purple { color: rgba(255, 255, 255, 0.85); background: -webkit-linear-gradient(45deg, #fd81b5 0%, #c961f7 50%, #8089ff 100%); background: linear-gradient(45deg, #fd81b5 0%, #c961f7 50%, #8089ff 100%); } .ui-card.ui-curve .card-header.ui-gradient-purple .heading, .ui-card.ui-curve .card-header.ui-gradient-purple .sub-heading, .ui-card.ui-curve .card-header.ui-gradient-purple .ui-icon-block .icon { color: #FFF; } .step-number.ui-gradient-purple, .step-number.ui-gradient-purple::before { background: -webkit-linear-gradient(45deg, #fd81b5 0%, #c961f7 50%, #8089ff 100%); background: linear-gradient(45deg, #fd81b5 0%, #c961f7 50%, #8089ff 100%); } .ui-icon-blocks .ui-icon-block > .icon.ui-gradient-purple { color: #FFF; } .ui-gradient-peach { background: -moz-linear-gradient(45deg, #fe60a1 0%, #ff8765 100%); background: linear-gradient(45deg, #fe60a1 0%, #ff8765 100%); } .hero-bg.ui-gradient-peach::before { background: -moz-linear-gradient(45deg, #ff4692 0%, #ff734c 100%); background: linear-gradient(45deg, #ff4692 0%, #ff734c 100%); } .ui-card.ui-gradient-peach p.paragraph, .ui-card.ui-gradient-peach p { color: #FFF; } .ui-gradient-animator, .ui-gradient-peach, .ui-card.ui-gradient-peach { color: rgba(255, 255, 255, 0.85); } .ui-gradient-animator .heading, .ui-gradient-animator .sub-heading, .ui-gradient-animator .ui-icon-blocks .ui-icon-block > .icon, .ui-gradient-animator a, .ui-gradient-animator .price, .ui-gradient-peach .heading, .ui-gradient-peach .sub-heading, .ui-gradient-peach .ui-icon-blocks .ui-icon-block > .icon, .ui-gradient-peach a, .ui-gradient-peach .price, .ui-card.ui-gradient-peach .heading, .ui-card.ui-gradient-peach .sub-heading, .ui-card.ui-gradient-peach .ui-icon-blocks .ui-icon-block > .icon, .ui-card.ui-gradient-peach a, .ui-card.ui-gradient-peach .price { color: #FFF; } .ui-gradient-animator .section-heading .paragraph, .ui-gradient-animator .lead, .ui-gradient-peach .section-heading .paragraph, .ui-gradient-peach .lead, .ui-card.ui-gradient-peach .section-heading .paragraph, .ui-card.ui-gradient-peach .lead { color: #FFF; } .ui-gradient-animator .ui-card, .ui-gradient-peach .ui-card, .ui-card.ui-gradient-peach .ui-card { color: #8e9bae; } .ui-gradient-animator .ui-card .heading, .ui-gradient-animator .ui-card .sub-heading, .ui-gradient-peach .ui-card .heading, .ui-gradient-peach .ui-card .sub-heading, .ui-card.ui-gradient-peach .ui-card .heading, .ui-card.ui-gradient-peach .ui-card .sub-heading { color: #414c5a; } .ui-gradient-animator .ui-card .ui-icon-block .icon, .ui-gradient-peach .ui-card .ui-icon-block .icon, .ui-card.ui-gradient-peach .ui-card .ui-icon-block .icon { color: #8089ff; } .ui-gradient-animator .ui-tabs .nav-tabs li.nav-item a.nav-link, .ui-gradient-peach .ui-tabs .nav-tabs li.nav-item a.nav-link, .ui-card.ui-gradient-peach .ui-tabs .nav-tabs li.nav-item a.nav-link { color: #FFF; background-color: rgba(255, 255, 255, 0); } .ui-gradient-animator .ui-tabs .nav-tabs li.nav-item a.nav-link.active, .ui-gradient-peach .ui-tabs .nav-tabs li.nav-item a.nav-link.active, .ui-card.ui-gradient-peach .ui-tabs .nav-tabs li.nav-item a.nav-link.active { background-color: rgba(255, 255, 255, 0.25); color: #FFF; } .ui-gradient-animator .ui-checklist li, .ui-gradient-peach .ui-checklist li, .ui-card.ui-gradient-peach .ui-checklist li { border-bottom-color: rgba(255, 255, 255, 0.2); } .ui-gradient-animator .owl-theme .owl-dots .owl-dot span, .ui-gradient-peach .owl-theme .owl-dots .owl-dot span, .ui-card.ui-gradient-peach .owl-theme .owl-dots .owl-dot span { background-color: rgba(255, 255, 255, 0.5); } .ui-gradient-animator .owl-theme .owl-dots .owl-dot.active span, .ui-gradient-peach .owl-theme .owl-dots .owl-dot.active span, .ui-card.ui-gradient-peach .owl-theme .owl-dots .owl-dot.active span { background-color: white; } .ui-gradient-animator .owl-theme .owl-nav [class*='owl-'], .ui-gradient-peach .owl-theme .owl-nav [class*='owl-'], .ui-card.ui-gradient-peach .owl-theme .owl-nav [class*='owl-'] { color: rgba(255, 255, 255, 0.5); } .ui-gradient-animator .owl-theme .owl-nav [class*='owl-']:hover, .ui-gradient-peach .owl-theme .owl-nav [class*='owl-']:hover, .ui-card.ui-gradient-peach .owl-theme .owl-nav [class*='owl-']:hover { color: white; } .ui-gradient-animator .btn-link, .ui-gradient-animator .btn-link:hover, .ui-gradient-peach .btn-link, .ui-gradient-peach .btn-link:hover, .ui-card.ui-gradient-peach .btn-link, .ui-card.ui-gradient-peach .btn-link:hover { color: #fff; } .btn.ui-gradient-peach { color: #FFF; } .bg-overlay-gradient-peach { color: rgba(255, 255, 255, 0.85); } .bg-overlay-gradient-peach .heading, .bg-overlay-gradient-peach .sub-heading, .bg-overlay-gradient-peach .ui-icon-blocks .ui-icon-block > .icon, .bg-overlay-gradient-peach .section-heading .paragraph, .bg-overlay-gradient-peach .lead { color: #FFF; } .bg-overlay-gradient-peach::before { background: -moz-linear-gradient(45deg, #fe60a1 0%, #ff8765 100%); background: linear-gradient(45deg, #fe60a1 0%, #ff8765 100%); } .ui-card.ui-curve .card-header.ui-gradient-peach { color: rgba(255, 255, 255, 0.85); background: -moz-linear-gradient(45deg, #fe60a1 0%, #ff8765 100%); background: linear-gradient(45deg, #fe60a1 0%, #ff8765 100%); } .ui-card.ui-curve .card-header.ui-gradient-peach .heading, .ui-card.ui-curve .card-header.ui-gradient-peach .sub-heading, .ui-card.ui-curve .card-header.ui-gradient-peach .ui-icon-block .icon { color: #FFF; } .step-number.ui-gradient-peach, .step-number.ui-gradient-peach::before { background: -moz-linear-gradient(45deg, #fe60a1 0%, #ff8765 100%); background: linear-gradient(45deg, #fe60a1 0%, #ff8765 100%); } .ui-icon-blocks .ui-icon-block > .icon.ui-gradient-peach { color: #FFF; } .ui-gradient-green { background: -moz-linear-gradient(45deg, #19d9b4 0%, #92d275 100%); background: linear-gradient(45deg, #19d9b4 0%, #92d275 100%); } .hero-bg.ui-gradient-green::before { background: -moz-linear-gradient(45deg, #11c8a4 0%, #81d15d 100%); background: linear-gradient(45deg, #11c8a4 0%, #81d15d 100%); } .ui-card.ui-gradient-green p.paragraph, .ui-card.ui-gradient-green p { color: #FFF; } .ui-gradient-animator, .ui-gradient-green, .ui-card.ui-gradient-green { color: rgba(255, 255, 255, 0.85); } .ui-gradient-animator .heading, .ui-gradient-animator .sub-heading, .ui-gradient-animator .ui-icon-blocks .ui-icon-block > .icon, .ui-gradient-animator a, .ui-gradient-animator .price, .ui-gradient-green .heading, .ui-gradient-green .sub-heading, .ui-gradient-green .ui-icon-blocks .ui-icon-block > .icon, .ui-gradient-green a, .ui-gradient-green .price, .ui-card.ui-gradient-green .heading, .ui-card.ui-gradient-green .sub-heading, .ui-card.ui-gradient-green .ui-icon-blocks .ui-icon-block > .icon, .ui-card.ui-gradient-green a, .ui-card.ui-gradient-green .price { color: #FFF; } .ui-gradient-animator .section-heading .paragraph, .ui-gradient-animator .lead, .ui-gradient-green .section-heading .paragraph, .ui-gradient-green .lead, .ui-card.ui-gradient-green .section-heading .paragraph, .ui-card.ui-gradient-green .lead { color: #FFF; } .ui-gradient-animator .ui-card, .ui-gradient-green .ui-card, .ui-card.ui-gradient-green .ui-card { color: #8e9bae; } .ui-gradient-animator .ui-card .heading, .ui-gradient-animator .ui-card .sub-heading, .ui-gradient-green .ui-card .heading, .ui-gradient-green .ui-card .sub-heading, .ui-card.ui-gradient-green .ui-card .heading, .ui-card.ui-gradient-green .ui-card .sub-heading { color: #414c5a; } .ui-gradient-animator .ui-card .ui-icon-block .icon, .ui-gradient-green .ui-card .ui-icon-block .icon, .ui-card.ui-gradient-green .ui-card .ui-icon-block .icon { color: #8089ff; } .ui-gradient-animator .ui-tabs .nav-tabs li.nav-item a.nav-link, .ui-gradient-green .ui-tabs .nav-tabs li.nav-item a.nav-link, .ui-card.ui-gradient-green .ui-tabs .nav-tabs li.nav-item a.nav-link { color: #FFF; background-color: rgba(255, 255, 255, 0); } .ui-gradient-animator .ui-tabs .nav-tabs li.nav-item a.nav-link.active, .ui-gradient-green .ui-tabs .nav-tabs li.nav-item a.nav-link.active, .ui-card.ui-gradient-green .ui-tabs .nav-tabs li.nav-item a.nav-link.active { background-color: rgba(255, 255, 255, 0.25); color: #FFF; } .ui-gradient-animator .ui-checklist li, .ui-gradient-green .ui-checklist li, .ui-card.ui-gradient-green .ui-checklist li { border-bottom-color: rgba(255, 255, 255, 0.2); } .ui-gradient-animator .owl-theme .owl-dots .owl-dot span, .ui-gradient-green .owl-theme .owl-dots .owl-dot span, .ui-card.ui-gradient-green .owl-theme .owl-dots .owl-dot span { background-color: rgba(255, 255, 255, 0.5); } .ui-gradient-animator .owl-theme .owl-dots .owl-dot.active span, .ui-gradient-green .owl-theme .owl-dots .owl-dot.active span, .ui-card.ui-gradient-green .owl-theme .owl-dots .owl-dot.active span { background-color: white; } .ui-gradient-animator .owl-theme .owl-nav [class*='owl-'], .ui-gradient-green .owl-theme .owl-nav [class*='owl-'], .ui-card.ui-gradient-green .owl-theme .owl-nav [class*='owl-'] { color: rgba(255, 255, 255, 0.5); } .ui-gradient-animator .owl-theme .owl-nav [class*='owl-']:hover, .ui-gradient-green .owl-theme .owl-nav [class*='owl-']:hover, .ui-card.ui-gradient-green .owl-theme .owl-nav [class*='owl-']:hover { color: white; } .ui-gradient-animator .btn-link, .ui-gradient-animator .btn-link:hover, .ui-gradient-green .btn-link, .ui-gradient-green .btn-link:hover, .ui-card.ui-gradient-green .btn-link, .ui-card.ui-gradient-green .btn-link:hover { color: #fff; } .btn.ui-gradient-green { color: #FFF; } .bg-overlay-gradient-green { color: rgba(255, 255, 255, 0.85); } .bg-overlay-gradient-green .heading, .bg-overlay-gradient-green .sub-heading, .bg-overlay-gradient-green .ui-icon-blocks .ui-icon-block > .icon, .bg-overlay-gradient-green .section-heading .paragraph, .bg-overlay-gradient-green .lead { color: #FFF; } .bg-overlay-gradient-green::before { background: -moz-linear-gradient(45deg, #19d9b4 0%, #92d275 100%); background: linear-gradient(45deg, #19d9b4 0%, #92d275 100%); } .ui-card.ui-curve .card-header.ui-gradient-green { color: rgba(255, 255, 255, 0.85); background: -moz-linear-gradient(45deg, #19d9b4 0%, #92d275 100%); background: linear-gradient(45deg, #19d9b4 0%, #92d275 100%); } .ui-card.ui-curve .card-header.ui-gradient-green .heading, .ui-card.ui-curve .card-header.ui-gradient-green .sub-heading, .ui-card.ui-curve .card-header.ui-gradient-green .ui-icon-block .icon { color: #FFF; } .step-number.ui-gradient-green, .step-number.ui-gradient-green::before { background: -moz-linear-gradient(45deg, #19d9b4 0%, #92d275 100%); background: linear-gradient(45deg, #19d9b4 0%, #92d275 100%); } .ui-icon-blocks .ui-icon-block > .icon.ui-gradient-green { color: #FFF; } .ui-gradient-blue { background: -moz-linear-gradient(45deg, #8089ff 0%, #54ceff 100%); background: linear-gradient(45deg, #8089ff 0%, #54ceff 100%); } .hero-bg.ui-gradient-blue::before { background: -moz-linear-gradient(45deg, #6771ff 0%, #3bc7ff 100%); background: linear-gradient(45deg, #6771ff 0%, #3bc7ff 100%); } .ui-card.ui-gradient-blue p.paragraph, .ui-card.ui-gradient-blue p { color: #FFF; } .ui-gradient-animator, .ui-gradient-blue, .ui-card.ui-gradient-blue { color: rgba(255, 255, 255, 0.85); } .ui-gradient-animator .heading, .ui-gradient-animator .sub-heading, .ui-gradient-animator .ui-icon-blocks .ui-icon-block > .icon, .ui-gradient-animator a, .ui-gradient-animator .price, .ui-gradient-blue .heading, .ui-gradient-blue .sub-heading, .ui-gradient-blue .ui-icon-blocks .ui-icon-block > .icon, .ui-gradient-blue a, .ui-gradient-blue .price, .ui-card.ui-gradient-blue .heading, .ui-card.ui-gradient-blue .sub-heading, .ui-card.ui-gradient-blue .ui-icon-blocks .ui-icon-block > .icon, .ui-card.ui-gradient-blue a, .ui-card.ui-gradient-blue .price { color: #FFF; } .ui-gradient-animator .section-heading .paragraph, .ui-gradient-animator .lead, .ui-gradient-blue .section-heading .paragraph, .ui-gradient-blue .lead, .ui-card.ui-gradient-blue .section-heading .paragraph, .ui-card.ui-gradient-blue .lead { color: #FFF; } .ui-gradient-animator .ui-card, .ui-gradient-blue .ui-card, .ui-card.ui-gradient-blue .ui-card { color: #8e9bae; } .ui-gradient-animator .ui-card .heading, .ui-gradient-animator .ui-card .sub-heading, .ui-gradient-blue .ui-card .heading, .ui-gradient-blue .ui-card .sub-heading, .ui-card.ui-gradient-blue .ui-card .heading, .ui-card.ui-gradient-blue .ui-card .sub-heading { color: #414c5a; } .ui-gradient-animator .ui-card .ui-icon-block .icon, .ui-gradient-blue .ui-card .ui-icon-block .icon, .ui-card.ui-gradient-blue .ui-card .ui-icon-block .icon { color: #8089ff; } .ui-gradient-animator .ui-tabs .nav-tabs li.nav-item a.nav-link, .ui-gradient-blue .ui-tabs .nav-tabs li.nav-item a.nav-link, .ui-card.ui-gradient-blue .ui-tabs .nav-tabs li.nav-item a.nav-link { color: #FFF; background-color: rgba(255, 255, 255, 0); } .ui-gradient-animator .ui-tabs .nav-tabs li.nav-item a.nav-link.active, .ui-gradient-blue .ui-tabs .nav-tabs li.nav-item a.nav-link.active, .ui-card.ui-gradient-blue .ui-tabs .nav-tabs li.nav-item a.nav-link.active { background-color: rgba(255, 255, 255, 0.25); color: #FFF; } .ui-gradient-animator .ui-checklist li, .ui-gradient-blue .ui-checklist li, .ui-card.ui-gradient-blue .ui-checklist li { border-bottom-color: rgba(255, 255, 255, 0.2); } .ui-gradient-animator .owl-theme .owl-dots .owl-dot span, .ui-gradient-blue .owl-theme .owl-dots .owl-dot span, .ui-card.ui-gradient-blue .owl-theme .owl-dots .owl-dot span { background-color: rgba(255, 255, 255, 0.5); } .ui-gradient-animator .owl-theme .owl-dots .owl-dot.active span, .ui-gradient-blue .owl-theme .owl-dots .owl-dot.active span, .ui-card.ui-gradient-blue .owl-theme .owl-dots .owl-dot.active span { background-color: white; } .ui-gradient-animator .owl-theme .owl-nav [class*='owl-'], .ui-gradient-blue .owl-theme .owl-nav [class*='owl-'], .ui-card.ui-gradient-blue .owl-theme .owl-nav [class*='owl-'] { color: rgba(255, 255, 255, 0.5); } .ui-gradient-animator .owl-theme .owl-nav [class*='owl-']:hover, .ui-gradient-blue .owl-theme .owl-nav [class*='owl-']:hover, .ui-card.ui-gradient-blue .owl-theme .owl-nav [class*='owl-']:hover { color: white; } .ui-gradient-animator .btn-link, .ui-gradient-animator .btn-link:hover, .ui-gradient-blue .btn-link, .ui-gradient-blue .btn-link:hover, .ui-card.ui-gradient-blue .btn-link, .ui-card.ui-gradient-blue .btn-link:hover { color: #fff; } .btn.ui-gradient-blue { color: #FFF; } .bg-overlay-gradient-blue { color: rgba(255, 255, 255, 0.85); } .bg-overlay-gradient-blue .heading, .bg-overlay-gradient-blue .sub-heading, .bg-overlay-gradient-blue .ui-icon-blocks .ui-icon-block > .icon, .bg-overlay-gradient-blue .section-heading .paragraph, .bg-overlay-gradient-blue .lead { color: #FFF; } .bg-overlay-gradient-blue::before { background: -moz-linear-gradient(45deg, #8089ff 0%, #54ceff 100%); background: linear-gradient(45deg, #8089ff 0%, #54ceff 100%); } .ui-card.ui-curve .card-header.ui-gradient-blue { color: rgba(255, 255, 255, 0.85); background: -moz-linear-gradient(45deg, #8089ff 0%, #54ceff 100%); background: linear-gradient(45deg, #8089ff 0%, #54ceff 100%); } .ui-card.ui-curve .card-header.ui-gradient-blue .heading, .ui-card.ui-curve .card-header.ui-gradient-blue .sub-heading, .ui-card.ui-curve .card-header.ui-gradient-blue .ui-icon-block .icon { color: #FFF; } .step-number.ui-gradient-blue, .step-number.ui-gradient-blue::before { background: -moz-linear-gradient(45deg, #8089ff 0%, #54ceff 100%); background: linear-gradient(45deg, #8089ff 0%, #54ceff 100%); } .ui-icon-blocks .ui-icon-block > .icon.ui-gradient-blue { color: #FFF; } .ui-gradient-dark { background: -moz-linear-gradient(45deg, #383a49 0%, #54546f 100%); background: linear-gradient(45deg, #383a49 0%, #54546f 100%); } .hero-bg.ui-gradient-dark::before { background: -moz-linear-gradient(45deg, #2a2d3d 0%, #454565 100%); background: linear-gradient(45deg, #2a2d3d 0%, #454565 100%); } .ui-card.ui-gradient-dark p.paragraph, .ui-card.ui-gradient-dark p { color: #FFF; } .ui-gradient-animator, .ui-gradient-dark, .ui-card.ui-gradient-dark { color: rgba(255, 255, 255, 0.85); } .ui-gradient-animator .heading, .ui-gradient-animator .sub-heading, .ui-gradient-animator .ui-icon-blocks .ui-icon-block > .icon, .ui-gradient-animator a, .ui-gradient-animator .price, .ui-gradient-dark .heading, .ui-gradient-dark .sub-heading, .ui-gradient-dark .ui-icon-blocks .ui-icon-block > .icon, .ui-gradient-dark a, .ui-gradient-dark .price, .ui-card.ui-gradient-dark .heading, .ui-card.ui-gradient-dark .sub-heading, .ui-card.ui-gradient-dark .ui-icon-blocks .ui-icon-block > .icon, .ui-card.ui-gradient-dark a, .ui-card.ui-gradient-dark .price { color: #FFF; } .ui-gradient-animator .section-heading .paragraph, .ui-gradient-animator .lead, .ui-gradient-dark .section-heading .paragraph, .ui-gradient-dark .lead, .ui-card.ui-gradient-dark .section-heading .paragraph, .ui-card.ui-gradient-dark .lead { color: #FFF; } .ui-gradient-animator .ui-card, .ui-gradient-dark .ui-card, .ui-card.ui-gradient-dark .ui-card { color: #8e9bae; } .ui-gradient-animator .ui-card .heading, .ui-gradient-animator .ui-card .sub-heading, .ui-gradient-dark .ui-card .heading, .ui-gradient-dark .ui-card .sub-heading, .ui-card.ui-gradient-dark .ui-card .heading, .ui-card.ui-gradient-dark .ui-card .sub-heading { color: #414c5a; } .ui-gradient-animator .ui-card .ui-icon-block .icon, .ui-gradient-dark .ui-card .ui-icon-block .icon, .ui-card.ui-gradient-dark .ui-card .ui-icon-block .icon { color: #8089ff; } .ui-gradient-animator .ui-tabs .nav-tabs li.nav-item a.nav-link, .ui-gradient-dark .ui-tabs .nav-tabs li.nav-item a.nav-link, .ui-card.ui-gradient-dark .ui-tabs .nav-tabs li.nav-item a.nav-link { color: #FFF; background-color: rgba(255, 255, 255, 0); } .ui-gradient-animator .ui-tabs .nav-tabs li.nav-item a.nav-link.active, .ui-gradient-dark .ui-tabs .nav-tabs li.nav-item a.nav-link.active, .ui-card.ui-gradient-dark .ui-tabs .nav-tabs li.nav-item a.nav-link.active { background-color: rgba(255, 255, 255, 0.25); color: #FFF; } .ui-gradient-animator .ui-checklist li, .ui-gradient-dark .ui-checklist li, .ui-card.ui-gradient-dark .ui-checklist li { border-bottom-color: rgba(255, 255, 255, 0.2); } .ui-gradient-animator .owl-theme .owl-dots .owl-dot span, .ui-gradient-dark .owl-theme .owl-dots .owl-dot span, .ui-card.ui-gradient-dark .owl-theme .owl-dots .owl-dot span { background-color: rgba(255, 255, 255, 0.5); } .ui-gradient-animator .owl-theme .owl-dots .owl-dot.active span, .ui-gradient-dark .owl-theme .owl-dots .owl-dot.active span, .ui-card.ui-gradient-dark .owl-theme .owl-dots .owl-dot.active span { background-color: white; } .ui-gradient-animator .owl-theme .owl-nav [class*='owl-'], .ui-gradient-dark .owl-theme .owl-nav [class*='owl-'], .ui-card.ui-gradient-dark .owl-theme .owl-nav [class*='owl-'] { color: rgba(255, 255, 255, 0.5); } .ui-gradient-animator .owl-theme .owl-nav [class*='owl-']:hover, .ui-gradient-dark .owl-theme .owl-nav [class*='owl-']:hover, .ui-card.ui-gradient-dark .owl-theme .owl-nav [class*='owl-']:hover { color: white; } .ui-gradient-animator .btn-link, .ui-gradient-animator .btn-link:hover, .ui-gradient-dark .btn-link, .ui-gradient-dark .btn-link:hover, .ui-card.ui-gradient-dark .btn-link, .ui-card.ui-gradient-dark .btn-link:hover { color: #fff; } .btn.ui-gradient-dark { color: #FFF; } .bg-overlay-gradient-dark { color: rgba(255, 255, 255, 0.85); } .bg-overlay-gradient-dark .heading, .bg-overlay-gradient-dark .sub-heading, .bg-overlay-gradient-dark .ui-icon-blocks .ui-icon-block > .icon, .bg-overlay-gradient-dark .section-heading .paragraph, .bg-overlay-gradient-dark .lead { color: #FFF; } .bg-overlay-gradient-dark::before { background: -moz-linear-gradient(45deg, #383a49 0%, #54546f 100%); background: linear-gradient(45deg, #383a49 0%, #54546f 100%); } .ui-card.ui-curve .card-header.ui-gradient-dark { color: rgba(255, 255, 255, 0.85); background: -moz-linear-gradient(45deg, #383a49 0%, #54546f 100%); background: linear-gradient(45deg, #383a49 0%, #54546f 100%); } .ui-card.ui-curve .card-header.ui-gradient-dark .heading, .ui-card.ui-curve .card-header.ui-gradient-dark .sub-heading, .ui-card.ui-curve .card-header.ui-gradient-dark .ui-icon-block .icon { color: #FFF; } .step-number.ui-gradient-dark, .step-number.ui-gradient-dark::before { background: -moz-linear-gradient(45deg, #383a49 0%, #54546f 100%); background: linear-gradient(45deg, #383a49 0%, #54546f 100%); } .ui-icon-blocks .ui-icon-block > .icon.ui-gradient-dark { color: #FFF; } .bg-light { background-color: #f6f7f8; } .btn-default { color: #8089ff; } .btn-default:hover, .btn-default:active { border: none; background-color: #fff; } /** * 09. Media * ----------------------------------------------------------------------- * */ .ui-app-icon { display: inline-block; width: 90px; height: 90px; margin: 0 auto 2rem auto; border-radius: 1.25rem; overflow: hidden; } .ui-app-icon img { width: 90px; height: 90px; } img.img-responsive { height: auto; width: 100%; max-width: 100%; } @media (max-width: 480px) { img.responsive-on-xs { height: auto; width: 100%; max-width: 100%; } } @media (max-width: 739px) { img.responsive-on-sm { height: auto; width: 100%; max-width: 100%; } } @media (max-width: 991px) { img.responsive-on-md { height: auto; width: 100%; max-width: 100%; } } @media (max-width: 1366px) { img.responsive-on-lg { height: auto; width: 100%; max-width: 100%; } } [data-max_width] { margin-left: auto; margin-right: auto; display: block; } [data-max_width].img-fluid { height: auto; width: 100%; } .img-wrapper { position: relative; } .section.intro-image { margin-top: -12rem; padding-left: 2rem; padding-right: 2rem; } @media (min-width: 768px) { .section.intro-image { margin-top: -16rem; } } @media (min-width: 1200px) { .section.intro-image { margin-top: -20rem; } } .section.intro-image img { border-radius: .5rem; } /** * 10. Shadows * ----------------------------------------------------------------------- * */ .shadow-sm { box-shadow: 0 1px 3px rgba(0, 9, 128, 0.05), 0 2px 5px rgba(0, 9, 128, 0.035); } .btn.shadow-sm { box-shadow: 0 1px 3px rgba(0, 9, 128, 0.05), 0 2px 5px rgba(0, 9, 128, 0.035), inset 0 1px 1px rgba(255, 255, 255, 0.1), inset 0 -1px 1px rgba(0, 0, 0, 0.075); } .shadow-md { box-shadow: 0 3px 5px rgba(0, 9, 128, 0.05), 0 4px 10px rgba(0, 9, 128, 0.035); } .btn.shadow-md { box-shadow: 0 3px 5px rgba(0, 9, 128, 0.05), 0 4px 10px rgba(0, 9, 128, 0.035), inset 0 1px 1px rgba(255, 255, 255, 0.1), inset 0 -1px 1px rgba(0, 0, 0, 0.075); } .shadow-lg { box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05); } .btn.shadow-lg { box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05), inset 0 1px 1px rgba(255, 255, 255, 0.1), inset 0 -1px 1px rgba(0, 0, 0, 0.075); } .shadow-xl { box-shadow: 0 7px 15px rgba(0, 9, 128, 0.05), 0 12px 28px rgba(0, 9, 128, 0.075); } .btn.shadow-xl { box-shadow: 0 7px 15px rgba(0, 9, 128, 0.05), 0 12px 28px rgba(0, 9, 128, 0.075), inset 0 1px 1px rgba(255, 255, 255, 0.1), inset 0 -1px 1px rgba(0, 0, 0, 0.075); } .shadow-xxl { box-shadow: 0 12px 22px rgba(0, 9, 128, 0.05), 0 20px 36px rgba(0, 9, 128, 0.075); } .btn.shadow-xxl { box-shadow: 0 12px 22px rgba(0, 9, 128, 0.05), 0 20px 36px rgba(0, 9, 128, 0.075), inset 0 1px 1px rgba(255, 255, 255, 0.1), inset 0 -1px 1px rgba(0, 0, 0, 0.075); } .ui-action-card.shadow-sm:hover { box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05); } .ui-action-card.shadow-md:hover { box-shadow: 0 7px 15px rgba(0, 9, 128, 0.05), 0 12px 28px rgba(0, 9, 128, 0.075); } .ui-action-card.shadow-lg:hover { box-shadow: 0 8px 18px rgba(0, 9, 128, 0.15), 0 15px 35px rgba(0, 9, 128, 0.2); } .ui-action-card.shadow-xl:hover { box-shadow: 0 10px 20px rgba(0, 9, 128, 0.15), 0 20px 48px rgba(0, 9, 128, 0.2); } /** * 11. Spacing * ----------------------------------------------------------------------- * */ .pt-0, .section.pt-0 { padding-top: 0; } .pt-1, .section.pt-1 { padding-top: 1rem; } .pt-2, .section.pt-2 { padding-top: 2rem; } .pt-3, .section.pt-3 { padding-top: 3rem; } .pt-4, .section.pt-4 { padding-top: 4rem; } .pt-8, .section.pt-8 { padding-top: 8rem; } .pt-6, .section.pt-6 { padding-top: 6rem; } .pb-0, .section.pb-0 { padding-bottom: 0; } .pb-1, .section.pb-1 { padding-bottom: 1rem; } .pb-2, .section.pb-2 { padding-bottom: 2rem; } .pb-3, .section.pb-3 { padding-bottom: 3rem; } .pb-4, .section.pb-4 { padding-bottom: 4rem; } .pb-6, .section.pb-6 { padding-bottom: 6rem; } .pb-8, .section.pb-8 { padding-bottom: 8rem; } .ui-card .card-header.pb-0 { padding: 2rem 2rem 0 2rem; } .mt-0 { margin-top: 0; } .mt-1 { margin-top: 1rem; } .mb-0, .section .section-heading.mb-0, .section .section-heading .paragraph.mb-0, .ui-tabs .nav-tabs.mb-0, .section .section-heading .heading.mb-0, .ui-icon-blocks .ui-icon-block.mb-0 { margin-bottom: 0; } .mb-2, .section .section-heading.mb-2 { margin-bottom: 2rem; } .mb-3, .section .section-heading.mb-3 { margin-bottom: 3rem; } .mb-4, .section .section-heading.mb-4 { margin-bottom: 4rem; } .mb-1, .section .section-heading .heading.mb-1 { margin-bottom: 1rem; } .mt-2 { margin-top: 2rem; } .mt-3 { margin-top: 3rem; } .mt-4 { margin-top: 4rem; } /** * 12. Typography * ----------------------------------------------------------------------- * */ html { font-size: 0rem; font-weight: 400; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-rendering: optimizeLegibility; speak: none; -webkit-font-smoothing: antialiased; } @media (min-width: 481px) { html { font-size: 1rem; } } @media (min-width: 740px) { html { font-size: 2rem; } } @media (min-width: 992px) { html { font-size: 3rem; } } body { font-size: 1rem; } .icon-lg { font-size: 3.6rem; } .lead { font-size: 1.1rem; } .text-left { text-align: left; } blockquote { position: relative; margin: 2.5rem 0; border-left: 5px solid #84ce65; padding: 1rem 2rem; font-size: 1.05rem; color: #59687c; font-style: italic; } blockquote::before { display: block; position: absolute; content: ''; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzgwODlGRjt9Cjwvc3R5bGU+CjxnIGlkPSJRdW90ZW1hcmtzLWxlZnQiPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTQwNSwyMDkuOGMtMS0xMS4xLTAuMi00MS41LDI4LjgtODMuNmMyLjItMy4yLDEuOC03LjUtMC45LTEwLjJjLTExLjgtMTEuOC0xOS4yLTE5LjMtMjQuMy0yNC41CgkJYy02LjgtNi45LTkuOC0xMC0xNC40LTE0LjFjLTMtMi43LTcuNi0yLjgtMTAuNi0wLjFjLTUwLjYsNDQtMTA2LjgsMTM1LTk4LjcsMjQ2LjVjNC44LDY1LjUsNTIuNSwxMTMsMTEzLjUsMTEzCgkJYzYyLjYsMCwxMTMuNS01MC45LDExMy41LTExMy41QzUxMiwyNjIuOCw0NjQuNiwyMTMuMiw0MDUsMjA5Ljh6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTIwLjksMjA5LjhjLTEtMTEuMS0wLjMtNDEuNCwyOC44LTgzLjZjMi4yLTMuMiwxLjgtNy41LTAuOS0xMC4yYy0xMS44LTExLjgtMTkuMS0xOS4zLTI0LjMtMjQuNQoJCWMtNi44LTYuOS05LjktMTAuMS0xNC40LTE0LjJjLTMtMi43LTcuNi0yLjctMTAuNi0wLjFjLTUwLjYsNDQtMTA2LjgsMTM1LTk4LjcsMjQ2LjV2MGM0LjgsNjUuNCw1Mi41LDExMywxMTMuNSwxMTMKCQljNjIuNiwwLDExMy41LTUwLjksMTEzLjUtMTEzLjVDMjI3LjksMjYyLjgsMTgwLjUsMjEzLjIsMTIwLjksMjA5Ljh6Ii8+CjwvZz4KPC9zdmc+Cg=="); background-size: cover; top: 0; left: 1rem; width: 60px; height: 60px; opacity: 0.2; } blockquote p { margin-bottom: 0; } blockquote .author { color: #84ce65; font-weight: 600; margin-top: 1rem; font-style: normal; } .ui-checklist { list-style: none; padding-left: 0; margin-bottom: 2rem; } .ui-checklist li { position: relative; padding-left: 2rem; margin-bottom: 1rem; } .ui-checklist li:nth-last-child(1) { margin-bottom: 0; border-bottom: none; } .ui-checklist li::before { content: '\f058'; font-family: 'FontAwesome'; position: absolute; left: 0; top: 50%; line-height: 1; margin-top: -0.5rem; font-size: 1.2rem; } .ui-checklist li .heading { font-size: 1rem; font-weight: 600; margin-bottom: .05rem; } .ui-checklist li p { margin-bottom: 0; } .ui-turncate-text { overflow: hidden; } /** * 13. Base * ----------------------------------------------------------------------- * */ html { font-size: 14px; font-weight: 400; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-rendering: optimizeLegibility; speak: none; -webkit-font-smoothing: antialiased; min-height: 100%; } @media (min-width: 768px) { html { font-size: 15px; } } @media (min-width: 992px) { html { font-size: 16px; } } .main { overflow: hidden; } body[data-fade_in="on-load"], [data-show] { opacity: 0; } *:focus { outline: 0 !important; } .flex-break { flex-basis: 100%; width: 0px; height: 0px; overflow: hidden; } @media (max-width: 575px) { .center-on-xs { text-align: center; } } @media (max-width: 767px) { .center-on-sm { text-align: center; } } @media (max-width: 991px) { .center-on-md { text-align: center; } } @media (min-width: 576px) and (max-width: 767px) { .container { padding-left: 2rem; padding-right: 2rem; } } [data-vertical_center="true"] { display: flex; flex-direction: column; justify-content: center; } .section.z-index-2 { z-index: 2; } .section.z-index-3 { z-index: 3; } /** * 14 Accordion * ----------------------------------------------------------------------- * */ .ui-accordion-panel { margin-bottom: 2rem; } .ui-accordion { margin-bottom: 1rem; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .ui-accordion .toggle { font-family: "Source Sans Pro", sans-serif; position: relative; margin-bottom: 0; margin-top: 0; padding: 1rem 1.5rem; font-size: 1.1rem; font-weight: 700; cursor: pointer; transition: color 0.25s ease-out; } .ui-accordion .toggle:hover { color: #8089ff; } .ui-accordion .toggle::after { font-family: 'FontAwesome'; content: '\f0d7'; position: absolute; top: 1.15rem; font-size: 20px; line-height: 16px; right: 1.5rem; color: #8e9bae; transition: transform 0.25s ease-out, color 0.25s ease-out; } .ui-accordion .toggle .icon { font-size: 1.2rem; margin-right: .25rem; line-height: .5; } .ui-accordion .body { display: none; padding: 0 1.5rem 1rem 1.5rem; } .ui-accordion .body p { margin-bottom: .25rem; } .ui-accordion.active .toggle { color: #8089ff; } .ui-accordion.active .toggle::after { color: #8089ff; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } /** * 15. Buttons * ----------------------------------------------------------------------- * */ .btn { font-family: "Source Sans Pro", sans-serif; display: inline-block; font-size: .9rem; padding: .6rem 1.5rem; text-transform: uppercase; letter-spacing: .03rem; } .btn.btn-sm, .btn-group-sm > .btn { font-size: .9rem; padding: .35rem 1rem; } .btn.btn-circle { width: 32px; line-height: 32px; height: 32px; padding: 0; } @media (min-width: 992px) { .btn { font-size: .95rem; padding: .6rem 1.5rem; } .btn.btn-circle { width: 37px; line-height: 37px; height: 37px; } } .btn-link { font-family: "Source Sans Pro", sans-serif; display: inline-block; font-size: .9rem; font-weight: 600; text-transform: uppercase; letter-spacing: .03rem; } .btn-arrow::after { content: "\2192"; display: inline-block; margin-left: .35rem; font-size: 1.2rem; line-height: 1; } .actions .btn { margin-bottom: 1rem; } .actions .btn:nth-last-child(1) { margin-right: 0; } @media (min-width: 350px) { .actions .btn { margin-right: 1rem; margin-bottom: 0; } } .btn-download { position: relative; padding-left: 4rem; text-align: left; } .btn-download span { display: block; } .btn-download span:nth-child(1) { font-size: 70%; } .btn-download::before { display: block; content: ''; position: absolute; height: 28px; width: 28px; top: 50%; left: 1.5rem; margin-top: -14px; } .btn-download.btn-app-store::before { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzMDUgMzA1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMDUgMzA1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+CjxnIGlkPSJYTUxJRF8yMjhfIj4KCTxwYXRoIGlkPSJYTUxJRF8yMjlfIiBjbGFzcz0ic3QwIiBkPSJNNDAuNywxMTIuMUMxNSwxNTYuOSwzMS4zLDIyNC44LDU5LjksMjY1LjljMTQuMiwyMC42LDI4LjYsMzkuMSw0OC40LDM5LjFjMC40LDAsMC43LDAsMS4xLDAKCQljOS4zLTAuNCwxNi0zLjIsMjIuNS02YzcuMy0zLjEsMTQuOC02LjMsMjYuNi02LjNjMTEuMiwwLDE4LjQsMy4xLDI1LjMsNi4xYzYuOCwzLDEzLjksNiwyNC4zLDUuOGMyMi4yLTAuNCwzNS45LTIwLjQsNDcuOS0zNy45CgkJYzEyLjYtMTguNCwxOC45LTM2LjIsMjEtNDNsMC4xLTAuM2MwLjQtMS4yLTAuMi0yLjUtMS4zLTMuMWMwLDAtMC4xLTAuMS0wLjItMC4xYy0zLjktMS42LTM4LjMtMTYuOC0zOC42LTU4LjQKCQljLTAuMy0zMy43LDI1LjgtNTEuNiwzMS01NC44bDAuMi0wLjJjMC42LTAuNCwxLTAuOSwxLjEtMS42YzAuMS0wLjcsMC0xLjMtMC40LTEuOWMtMTgtMjYuNC00NS42LTMwLjMtNTYuNy0zMC44CgkJYy0xLjYtMC4yLTMuMy0wLjItNC45LTAuMmMtMTMuMSwwLTI1LjYsNC45LTM1LjYsOC45Yy02LjksMi43LTEyLjksNS4xLTE3LjEsNS4xYy00LjYsMC0xMC43LTIuNC0xNy42LTUuMgoJCWMtOS4zLTMuNy0xOS45LTcuOS0zMS4xLTcuOWMtMC4zLDAtMC41LDAtMC44LDBDNzguOSw3My42LDU0LjMsODguNSw0MC43LDExMi4xeiIvPgoJPHBhdGggaWQ9IlhNTElEXzIzMF8iIGNsYXNzPSJzdDAiIGQ9Ik0yMTIuMSwwYy0xNS44LDAuNi0zNC43LDEwLjMtNDYsMjMuNmMtOS42LDExLjEtMTksMjkuNy0xNi41LDQ4LjRjMC4yLDEuMiwxLjEsMi4xLDIuMywyLjIKCQljMS4xLDAuMSwyLjEsMC4xLDMuMiwwLjFjMTUuNCwwLDMyLTguNSw0My40LTIyLjNjMTItMTQuNSwxOC0zMy4xLDE2LjItNDkuOEMyMTQuNSwwLjksMjEzLjQsMCwyMTIuMSwweiIvPgo8L2c+Cjwvc3ZnPgo="); } .btn-download.btn-google-play::before { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyODkuOCAyODkuOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjg5LjggMjg5Ljg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPGc+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTMuNCwxMy43Yy0wLjcsMi40LTEuMiw1LjEtMS4yLDh2MjQ2LjRjMCwzLDAuNSw1LjUsMS4xLDcuOWwxMzguMy0xMzFDMTUxLjcsMTQ1LDEzLjQsMTMuNywxMy40LDEzLjd6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjA1LjYsOTMuOUw0NC4yLDQuMWMtNi40LTMuOS0xMi44LTQuOS0xOC4xLTMuNWwxMzguOSwxMzEuOUwyMDUuNiw5My45eiIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTI2NS4xLDEyN2wtNDMuMS0yNGwtNDQuMSw0MS44bDQ1LDQyLjdsNDEuOS0yM0MyODUuMywxNTIuOSwyNzcuOCwxMzQuMSwyNjUuMSwxMjd6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjUuNiwyODkuMWM1LjQsMS41LDExLjksMC42LDE4LjUtMy40bDE2MS45LTg4LjlsLTQxLjQtMzkuNEMxNjQuNywxNTcuNCwyNS42LDI4OS4xLDI1LjYsMjg5LjF6Ii8+CjwvZz4KPC9zdmc+Cg=="); } /** * 16. Cards * ----------------------------------------------------------------------- * */ .ui-card { background-color: #FFF; border-radius: 0.5rem; } .ui-card .card-image { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; overflow: hidden; background-size: cover; background-position: center center; } .ui-card .card-image img { max-width: 100%; } .ui-card .card-header { padding: 2rem; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .ui-card .card-body { padding: 2rem; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; } .ui-card .card-footer { padding: 2rem; } .ui-card.ui-action-card { cursor: pointer; display: block; transition: box-shadow 0.35s ease-out; } .ui-card.ui-action-card p { color: #708198; margin-bottom: 0; } .ui-card.ui-curve .card-header { position: relative; background: #fff; overflow: hidden; } .ui-card.ui-curve .card-header::after { display: block; content: ''; height: 100%; background: url(//growth.cool/wp-content/themes/gc/assets/css/../img/svg-layers/curve-layer-gray.svg) bottom no-repeat; background-size: contain; position: absolute; bottom: -3px; left: -6px; right: -6px; z-index: 1; } .ui-card.ui-curve .card-header .paragraph { display: inline-block; max-width: 350px; margin-bottom: .25rem; } .ui-card.ui-curve .card-body { background-color: #f6f7f8; } .ui-card.ui-curve.color-card .card-header::after { background: url(//growth.cool/wp-content/themes/gc/assets/css/../img/svg-layers/curve-layer.svg) bottom no-repeat; } .ui-card.ui-curve.color-card .card-body { background-color: #FFF; } /** * 17. Collapsible Nav * ----------------------------------------------------------------------- * */ .ui-collapsible-nav { list-style: none; padding-left: 0; } .ui-collapsible-nav::after { display: block; clear: both; content: ""; } .ui-collapsible-nav ul { opacity: 0; padding-left: 1rem; list-style: none; overflow: hidden; transition: opacity 0.15s ease-out; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .ui-collapsible-nav ul::after { display: block; clear: both; content: ""; } .ui-collapsible-nav li { line-height: 2; } .ui-collapsible-nav li .label { font-size: .8rem; margin-left: .5rem; display: inline-block; color: #8e9bae; } .ui-collapsible-nav a { display: block; line-height: 2; color: #59687c; font-size: 1rem; } .ui-collapsible-nav a:hover { color: #414c5a; text-decoration: none; } .ui-collapsible-nav ul a { color: #708198; font-size: .9rem; } .ui-collapsible-nav ul a:hover { color: #59687c; } .ui-collapsible-nav .toggle { position: relative; font-weight: 600; } .ui-collapsible-nav .toggle::before { content: ''; display: block; position: absolute; top: 50%; right: 0; width: 10px; height: 10px; margin-top: -5px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQyIDQyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MiA0MjsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCI+CjxwYXRoIGQ9Ik0zNy4wNTksMTZIMjZWNC45NDFDMjYsMi4yMjQsMjMuNzE4LDAsMjEsMHMtNSwyLjIyNC01LDQuOTQxVjE2SDQuOTQxQzIuMjI0LDE2LDAsMTguMjgyLDAsMjFzMi4yMjQsNSw0Ljk0MSw1SDE2djExLjA1OSAgQzE2LDM5Ljc3NiwxOC4yODIsNDIsMjEsNDJzNS0yLjIyNCw1LTQuOTQxVjI2aDExLjA1OUMzOS43NzYsMjYsNDIsMjMuNzE4LDQyLDIxUzM5Ljc3NiwxNiwzNy4wNTksMTZ6IiBmaWxsPSIjMjQyYTMyIi8+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo="); background-size: 10px 10px; background-repeat: no-repeat; background-position: center; opacity: .3; } .ui-collapsible-nav .toggle.active::before { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQyIDQyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MiA0MjsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCI+CjxwYXRoIGQ9Ik0zNy4wNTksMTZIMjZIMTZINC45NDFDMi4yMjQsMTYsMCwxOC4yODIsMCwyMXMyLjIyNCw1LDQuOTQxLDVIMTZoMTBoMTEuMDU5QzM5Ljc3NiwyNiw0MiwyMy43MTgsNDIsMjEgIFMzOS43NzYsMTYsMzcuMDU5LDE2eiIgZmlsbD0iIzI0MmEzMiIvPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K"); } .ui-collapsible-nav .toggle.active ~ ul { opacity: 1; transition: opacity 0.5s ease-out 0.1s; } .ui-collapsible-nav .toggle.current-page { color: #8089ff; } /** * 18. Drop-downs * ----------------------------------------------------------------------- * */ .dropdown .dropdown-header { font-weight: 600; text-transform: uppercase; } .dropdown .dropdown-menu li a { font-weight: 600; } @media (min-width: 992px) { .ui-navigation .dropdown .dropdown-menu { position: absolute; } .ui-navigation .dropdown .dropdown-menu .dropdown-item.active a { color: #fff; } } /** * 19. Footer * ----------------------------------------------------------------------- * */ .ui-footer { position: relative; z-index: 2; } .ui-footer .footer-bg { padding: 8rem 0; } .ui-footer .heading, .ui-footer .paragraph { margin-top: 0; } .ui-footer .heading { margin-bottom: 1rem; } .ui-footer .paragraph { margin-bottom: 0; } .ui-footer .actions { margin-top: 2.25rem; } .ui-footer .actions.social-links { margin-top: 4rem; margin-bottom: 4rem; } @media (max-width: 739px) { .ui-footer .footer-col { margin-bottom: 4rem; } } .ui-footer .footer-copyright { padding: 1.25rem 0; } .ui-footer .footer-copyright p { font-size: .9rem; margin-bottom: 0; line-height: 40px; } .ui-footer .footer-copyright ul.footer-nav { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; height: 40px; } @media (max-width: 739px) { .ui-footer .footer-copyright ul.footer-nav { justify-content: center; } } .ui-footer .footer-copyright ul.footer-nav li { margin-bottom: 0; margin-left: 1rem; } .ui-footer .footer-copyright ul.footer-nav li:nth-child(1) { margin-left: 0; } .ui-footer .download-section { padding-top: 4rem; } @media (min-width: 481px) { .ui-footer .heading { margin-bottom: 1.25rem; } } @media (min-width: 740px) { .ui-footer .heading { margin-bottom: 1.5rem; } } @media (min-width: 992px) { .ui-footer .heading { margin-bottom: 1.75rem; } } .ui-footer .footer-heading { text-transform: uppercase; } .ui-footer ul { list-style: none; margin-bottom: 0; padding-left: 0; } .ui-footer ul.footer-nav li { margin-bottom: .35rem; } .ui-footer ul.footer-nav li a { display: block; font-family: "Source Sans Pro", sans-serif; font-weight: 600; font-size: .95rem; } .ui-footer .footer-about img { height: 40px; width: auto; margin-bottom: .15rem; } .ui-footer .footer-about p { font-size: .9rem; } .ui-footer.subscribe-footer { padding-top: 6rem; } .ui-footer.subscribe-footer .form-card { max-width: 600px; margin: -14rem auto 2rem auto; text-align: center; } .ui-footer.subscribe-footer .form-card .heading { margin-bottom: 1rem; } .input-group input.form-control { padding: 8px 1rem 8px 1.5rem; border-top-left-radius: 2rem; border-bottom-left-radius: 2rem; } .input-group .btn { padding: 0 1rem; line-height: 35px; } .ui-footer.contact-footer { padding-top: 6rem; } .ui-footer.contact-footer .form-card { margin: 0 0 2rem 0; } .ui-footer.contact-footer .form-card .heading { margin-bottom: 0; } .ui-footer.contact-footer .form-card.form-card-1 { margin: -14rem 0 2rem 0; } @media (min-width: 740px) { .ui-footer.contact-footer .form-card { margin: -14rem 0 2rem 0; } } .ui-footer.contact-footer .form-card .ui-icon-block { margin-bottom: 1rem; } .ui-footer.maps-footer, .ui-footer.contact-footer.maps-footer { margin-top: 0; padding-top: 0; } .ui-map { transform: translateZ(0px); height: 440px; } .ui-footer.ui-waves { margin-top: -2rem; } .ui-footer.ui-waves.subscribe-footer, .ui-footer.ui-waves.contact-footer { padding-top: 0; } .ui-footer.ui-waves .container { position: relative; z-index: 2; } .ui-footer.ui-waves .footer-bg { padding: 16rem 0 8rem 0; } .ui-footer.ui-waves::after { display: block; content: ''; height: 100%; background: url(//growth.cool/wp-content/themes/gc/assets/css/../img/svg-layers/waves2.svg) top no-repeat; background-size: contain; position: absolute; top: -5px; left: -1px; right: -1px; z-index: 1; } .ui-footer.mini-footer .footer-bg { padding: 2rem 0; } .ui-footer.mini-footer .footer-logo img { height: 40px; width: auto; } .ui-footer.mini-footer .footer-copyright { text-align: right; } /** * 20. Hero * ----------------------------------------------------------------------- * */ .ui-hero { position: relative; } .ui-hero.hero-sm { padding: 4rem 0 6rem 0; } @media (min-width: 992px) { .ui-hero.hero-sm { padding: 5rem 0 7rem 0; } } @media (min-width: 1200px) { .ui-hero.hero-sm { padding: 5rem 0 7rem 0; } } @media (min-width: 1681px) { .ui-hero.hero-sm { padding: 6rem 0 8rem 0; } } .ui-hero.page-hero .heading { font-size: 2.2rem; margin-bottom: 0; max-width: 100%; } @media (max-width: 767px) { .ui-hero.page-hero .heading { margin-bottom: 2rem; } } @media (min-width: 576px) { .ui-hero.page-hero .heading { font-size: 2.4rem; } } @media (min-width: 768px) { .ui-hero.page-hero .heading { font-size: 2.5rem; } } @media (min-width: 1200px) { .ui-hero.page-hero .heading { font-size: 2.6rem; } } @media (min-width: 768px) { .ui-hero.page-hero p { margin-top: 2rem; } } .ui-hero.hero-lg { padding: 2rem 0; } @media (min-width: 576px) { .ui-hero.hero-lg { padding: 2rem 0; } } @media (min-width: 768px) { .ui-hero.hero-lg { padding: 2rem 0; } } @media (min-width: 1200px) { .ui-hero.hero-lg { padding: 8rem 0; } } @media (max-width: 767px) { .ui-hero.hero-lg .heading, .ui-hero.hero-lg .paragraph { margin-left: auto; margin-right: auto; text-align: center; } } @media (min-width: 768px) { .ui-hero.hero-lg .heading, .ui-hero.hero-lg .paragraph { max-width: 500px; } } .ui-hero .container { padding-top: 50px; position: relative; z-index: 2; } @media (min-width: 576px) { .ui-hero .container { padding-top: 60px; } } .ui-hero .heading, .ui-hero .paragraph { max-width: 500px; } .ui-hero.hero-center { text-align: center; margin-bottom: 3rem; } .ui-hero.hero-center .heading, .ui-hero.hero-center .paragraph { margin-left: auto; margin-right: auto; max-width: 800px; } .ui-hero.hero-center .actions { text-align: center; } .ui-hero.hero-center img { margin-bottom: -14rem; } @media (min-width: 768px) { .ui-hero.hero-center img { margin-top: 4rem; } } .ui-hero.hero-center form { margin-left: auto; margin-right: auto; max-width: 520px; } .ui-hero.hero-center form .input-group { border-radius: 50px; box-shadow: 0 7px 15px rgba(0, 9, 128, 0.05), 0 12px 28px rgba(0, 9, 128, 0.075); } .ui-hero.hero-center .ui-video-toggle { -ms-flex-pack: center; justify-content: center; margin-left: auto; margin-right: auto; } .ui-hero .heading { margin-bottom: 1rem; font-size: 2.6rem; } @media (min-width: 576px) { .ui-hero .heading { margin-bottom: 1rem; font-size: 3rem; } } @media (min-width: 768px) { .ui-hero .heading { margin-bottom: 1.25rem; font-size: 3.6rem; } } @media (min-width: 992px) { .ui-hero .heading { margin-bottom: 1.25rem; } } .ui-hero .paragraph { margin-bottom: 0; font-size: 1.1rem; } .ui-hero .actions { margin-top: 1.75rem; text-align: center; margin-bottom: 3rem; } @media (min-width: 576px) { .ui-hero .actions { margin-top: 1.75rem; } } @media (min-width: 768px) { .ui-hero .actions { margin-top: 2rem; margin-bottom: 0; text-align: left; } } @media (min-width: 992px) { .ui-hero .actions { margin-top: 2rem; } } .ui-hero img { display: block; } @media (max-width: 739px) { .ui-hero img { margin-left: auto; margin-right: auto; } } .ui-hero.hero-bg { background-position: bottom center; background-size: cover; background-repeat: no-repeat; } .ui-hero.hero-bg::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0.75; } .ui-hero[class^="hero-svg-layer-"]::before, .ui-hero[class*=" hero-svg-layer-"]::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background-size: contain; background-repeat: no-repeat; } @media (min-width: 992px) { .ui-hero[class^="hero-svg-layer-"]::before, .ui-hero[class*=" hero-svg-layer-"]::before { background-size: 1300px; } } @media (min-width: 1200px) { .ui-hero[class^="hero-svg-layer-"]::before, .ui-hero[class*=" hero-svg-layer-"]::before { background-size: 1600px; } } .ui-hero.hero-svg-layer-1::before { background-size: cover; background-image: url(//growth.cool/wp-content/themes/gc/assets/css/../img/svg-layers/svg-layer-1.svg); background-position: center center; opacity: 0.4; } .ui-hero.hero-svg-layer-2::before { left: -10%; right: -10%; background-image: url(//growth.cool/wp-content/themes/gc/assets/css/../img/svg-layers/svg-layer-2.svg); background-position: top center; opacity: 0.4; } .ui-hero.hero-svg-layer-3::before { background-size: 1000px; background-repeat: repeat; background-image: url(//growth.cool/wp-content/themes/gc/assets/css/../img/svg-layers/svg-layer-3.svg); background-position: center center; opacity: 0.3; } .ui-hero.hero-svg-layer-4::before { left: 10%; right: 10%; background-size: contain; background-image: url(//growth.cool/wp-content/themes/gc/assets/css/../img/svg-layers/svg-layer-4.svg?v-10); background-position: center center; } @media (min-width: 992px) { .ui-hero.hero-svg-layer-4::before { background-size: 1200px; } } .ui-hero form .input-group input.form-control { padding: 11px 1rem 11px 1.5rem; } .ui-hero form .input-group .btn { line-height: 41px; } .ui-hero .hero-price { font-family: "Source Sans Pro", sans-serif; font-weight: 700; font-size: 1.6rem; vertical-align: middle; } .ui-hero.ui-hero-slider { padding: 2rem 0 3rem 0; } @media (min-width: 576px) { .ui-hero.ui-hero-slider { padding: 2rem 0 3rem 0; } } @media (min-width: 768px) { .ui-hero.ui-hero-slider { padding: 4rem 0 3rem 0; } } @media (min-width: 1200px) { .ui-hero.ui-hero-slider { padding: 5rem 0; } } @media (min-width: 1681px) { .ui-hero.ui-hero-slider { padding: 8rem 0; } } .ui-hero.ui-hero-slider .sp-slides { position: relative; z-index: 1; opacity: 1; transition: opacity 0.35s ease-out; } .ui-hero.ui-hero-slider .sp-slides.fade { opacity: 0; } .ui-hero.ui-hero-slider .sp-buttons { bottom: 1rem; z-index: 2; } @media (min-width: 768px) { .ui-hero.ui-hero-slider .sp-buttons { bottom: 1rem; } } @media (min-width: 1200px) { .ui-hero.ui-hero-slider .sp-buttons { bottom: 4rem; } } .ui-hero.ui-hero-slider.ui-waves .sp-buttons { bottom: 4rem; } @media (min-width: 768px) { .ui-hero.ui-hero-slider.ui-waves .sp-buttons { bottom: 6rem; } } @media (min-width: 1200px) { .ui-hero.ui-hero-slider.ui-waves .sp-buttons { bottom: 8rem; } } .ui-hero.ui-waves { margin: 0 0 -2rem 0; padding: 4rem 0 6rem 0; } @media (min-width: 576px) { .ui-hero.ui-waves { padding: 5rem 0 8rem 0; } } @media (min-width: 768px) { .ui-hero.ui-waves { padding: 5rem 0 10rem 0; } } @media (min-width: 1200px) { .ui-hero.ui-waves { padding: 5rem 0 13rem 0; } } @media (min-width: 1681px) { .ui-hero.ui-waves { padding: 8rem 0 14rem 0; } } .ui-hero.ui-waves::after { display: block; content: ''; height: 100%; background: url(//growth.cool/wp-content/themes/gc/assets/css/../img/svg-layers/waves.svg) bottom no-repeat; background-size: contain; position: absolute; bottom: -1px; left: -20%; right: -20%; z-index: 1; } @media (min-width: 768px) { .ui-hero.ui-waves::after { left: -1px; right: -1px; } } .ui-hero.ui-waves.hero-center img { margin-bottom: -14rem; } @media (max-width: 767px) { .ui-hero.ui-waves.hero-center img { margin-bottom: -6rem; } } .ui-hero.ui-curve { padding: 3rem 0 2rem 0; } @media (min-width: 768px) { .ui-hero.ui-curve { padding: 3rem 0 6rem 0; } } @media (min-width: 1200px) { .ui-hero.ui-curve { padding: 7rem 0 8rem 0; } } .ui-hero.ui-curve::after { display: block; content: ''; height: 100%; background: url(//growth.cool/wp-content/themes/gc/assets/css/../img/svg-layers/curve-layer.svg) bottom no-repeat; background-size: contain; position: absolute; bottom: -3px; left: -3px; right: -3px; z-index: 1; } @media (min-width: 992px) { .ui-hero.ui-curve::after { left: -10%; right: -10%; } } @media (min-width: 1200px) { .ui-hero.ui-curve::after { left: -20%; right: -20%; } } @media (min-width: 1500px) { .ui-hero.ui-curve::after { left: -30%; right: -30%; } } .ui-hero.ui-curve.hero-center { padding: 3rem 0 6rem 0; } @media (min-width: 768px) { .ui-hero.ui-curve.hero-center { padding: 3rem 0 10rem 0; } } @media (min-width: 1200px) { .ui-hero.ui-curve.hero-center { padding: 7rem 0 14rem 0; } } @media (max-width: 767px) { .ui-hero.ui-curve.hero-center { margin-bottom: 2rem; } } .ui-hero.ui-tilt { margin: 0 0 -8rem 0; padding: 2rem 0 4rem 0; } @media (min-width: 576px) { .ui-hero.ui-tilt { padding: 3rem 0 5rem 0; } } @media (min-width: 768px) { .ui-hero.ui-tilt { padding: 4rem 0 6rem 0; } } @media (min-width: 1200px) { .ui-hero.ui-tilt { padding: 6rem 0 12rem 0; } } @media (min-width: 1681px) { .ui-hero.ui-tilt { padding: 8rem 0 16rem 0; } } .ui-hero.ui-tilt::after { display: block; content: ''; position: absolute; left: -8rem; right: -8rem; height: 16rem; background-color: #FFF; -webkit-transform: rotate(-10deg); transform: rotate(-10deg); z-index: 1; } @media (min-width: 768px) { .ui-hero.ui-tilt::after { -webkit-transform: rotate(-8.5deg); transform: rotate(-8.5deg); } } @media (min-width: 992px) { .ui-hero.ui-tilt::after { -webkit-transform: rotate(-5.5deg); transform: rotate(-5.5deg); } } .ui-hero.ui-tilt::after { bottom: -8rem; } .ui-hero.ui-tilt.hero-center { margin-bottom: 0; } .ui-hero.ui-tilt.hero-center img { margin-bottom: -6rem; } @media (min-width: 768px) { .ui-hero.ui-tilt.hero-center img { margin-bottom: -8rem; } } @media (min-width: 1200px) { .ui-hero.ui-tilt.hero-center img { margin-bottom: -16rem; } } .ui-hero.ui-gradient-animator { background: linear-gradient(45deg, #fd81b5, #c961f7, #8089ff, #c961f7, #fe60a1, #ff8765, #fe60a1, #8089ff, #54ceff); background-size: 450% 100%; -webkit-animation-name: animate_gradient; animation-name: animate_gradient; -webkit-animation-duration: 35s; animation-duration: 35s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /** * 21. Icon Blocks * ----------------------------------------------------------------------- * */ .ui-icon-blocks { list-style: none; } .ui-icon-blocks .ui-icon-block { position: relative; margin-bottom: 2rem; } .ui-icon-blocks .ui-icon-block p { display: inline-block; max-width: 360px; margin-bottom: 0; } @media (min-width: 740px) { .ui-icon-blocks .ui-icon-block.mb-0-md-up { margin-bottom: 0; } } @media (min-width: 739px) { .ui-icon-blocks .ui-icon-block.mb-0-md-dwn { margin-bottom: 0; } } .ui-icon-blocks .ui-icon-block.col-6 p { max-width: 260px; } @media (min-width: 740px) { .ui-icon-blocks .ui-icon-block.col-6 p { max-width: 360px; } } .ui-icon-blocks .ui-icon-block .btn-link { margin-top: 1rem; } .ui-icon-blocks .ui-icon-block > .icon { font-size: 1.2rem; color: #8089ff; } .ui-icon-blocks .ui-icon-block > .icon.icon-circle { width: 4.8rem; height: 4.8rem; line-height: 4.8rem; border-radius: 100%; background-color: #FFF; box-shadow: 0 7px 15px rgba(0, 9, 128, 0.05), 0 12px 28px rgba(0, 9, 128, 0.075); } @media (min-width: 481px) { .ui-icon-blocks .ui-icon-block > .icon.icon-circle { width: 5rem; height: 5rem; line-height: 5rem; } } @media (min-width: 740px) { .ui-icon-blocks .ui-icon-block > .icon.icon-circle { width: 5.2rem; height: 5.2rem; line-height: 5.2rem; } } .ui-icon-blocks.ui-blocks-h { text-align: center; } .ui-icon-blocks.ui-blocks-h .ui-icon-block > .icon { display: inline-block; margin-bottom: 1.25rem; } .ui-icon-blocks.ui-blocks-v { padding-left: 2rem; } .ui-icon-blocks.ui-blocks-v .ui-icon-block > .icon { position: absolute; left: -2rem; top: .25rem; } @media (max-width: 991px) { .ui-icon-blocks.ui-blocks-v.center-on-md { text-align: left; max-width: 600px; margin-left: auto; margin-right: auto; } } .ui-icon-blocks.icons-md .ui-icon-block > .icon { font-size: 2rem; } @media (min-width: 481px) { .ui-icon-blocks.icons-md .ui-icon-block > .icon { font-size: 2.1rem; } } @media (min-width: 740px) { .ui-icon-blocks.icons-md .ui-icon-block > .icon { font-size: 2.2rem; } } .ui-icon-blocks.icons-md.ui-blocks-v { padding-left: 4rem; } .ui-icon-blocks.icons-md.ui-blocks-v .ui-icon-block > .icon { left: -4rem; top: .5rem; } .ui-icon-blocks.icons-lg .ui-icon-block > .icon { font-size: 2.3rem; } @media (min-width: 481px) { .ui-icon-blocks.icons-lg .ui-icon-block > .icon { font-size: 2.5rem; } } @media (min-width: 740px) { .ui-icon-blocks.icons-lg .ui-icon-block > .icon { font-size: 2.8rem; } } .ui-icon-blocks.icons-lg.ui-blocks-v { padding-left: 5rem; } .ui-icon-blocks.icons-lg.ui-blocks-v .ui-icon-block > .icon { left: -5rem; top: .5rem; } .ui-icon-blocks.ui-blocks-v.icons-sm { padding-left: 2rem; } .ui-icon-blocks.ui-blocks-v.icons-sm .ui-icon-block p { max-width: 100%; } .ui-icon-blocks.ui-blocks-v.icons-sm .ui-icon-block > .icon { position: absolute; left: -2rem; top: .125rem; font-size: 1.25rem; } /** * 22. Logos Cloud * ----------------------------------------------------------------------- * */ .ui-logos-cloud { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; padding: 0 3rem; } .ui-logos-cloud > div { width: 100px; height: 100px; margin: 1rem; overflow: hidden; border-radius: 100%; background-color: #fff; transition: transform 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275); box-shadow: 0 7px 15px rgba(0, 9, 128, 0.05), 0 12px 28px rgba(0, 9, 128, 0.075); } .ui-logos-cloud > div:nth-child(2) { break-after: always; } .ui-logos-cloud > div img { max-width: 100%; width: 100%; height: auto; } .ui-logos-cloud > div:hover { box-shadow: 0 12px 22px rgba(0, 9, 128, 0.05), 0 20px 36px rgba(0, 9, 128, 0.075); transform: scale(1.1); } @media (max-width: 991px) { .ui-logos-cloud { margin-top: 4rem; } } /** * 23. Modal * ----------------------------------------------------------------------- * */ .modal { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 9999; padding: 1rem; background-color: rgba(36, 42, 50, 0.75); } @media (min-width: 740px) { .modal { padding: 0; } } .modal .dialog { position: relative; padding-left: 0; padding-right: 0; border-radius: 0.5rem; box-shadow: 0 7px 15px rgba(0, 9, 128, 0.05), 0 12px 28px rgba(0, 9, 128, 0.075); } @media (min-width: 740px) { .modal .dialog { margin-top: 6rem; } } .modal .close { cursor: pointer; position: absolute; top: .5rem; right: 1rem; z-index: 9; opacity: 0.75; font-size: 1.4rem; } .modal .close:hover { opacity: 1; transition: opacity 0.25s; } body.modal-open { overflow: hidden; } /** * 24. Navigation Bar * ----------------------------------------------------------------------- * */ .navbar { display: block; position: fixed; width: 100%; font-family: "Source Sans Pro", sans-serif; align-items: inherit; box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05); transition: box-shadow 0.35s ease-out, background-color 0.35s ease-out; z-index: 9; top: 0; } @media (max-width: 481px) { .navbar { min-height: 50px; } } .navbar .navbar-brand { position: relative; font-size: 1.4rem; } .navbar .navbar-brand img { height: 30px; width: auto; position: absolute; top: 50%; left: 0; margin-top: -15px; transition: opacity 0.35s ease-out; } @media (min-width: 481px) { .navbar .navbar-brand img { height: 36px; margin-top: -18px; } } @media (min-width: 740px) { .navbar .navbar-brand img { height: 40px; margin-top: -20px; } } @media (max-width: 481px) { .navbar .navbar-brand { height: 50px; } } @media (max-width: 991px) { .navbar .navbar-brand { flex: 1; } } .navbar a { font-size: .95rem; font-weight: 600; } @media (min-width: 740px) { .navbar a { font-size: 1rem; } } .navbar .nav { display: flex; flex-direction: row; } .navbar .nav > li > a { color: #414c5a; padding-left: 10px; padding-right: 10px; } @media (min-width: 992px) { .navbar .nav > li > a { padding-left: 16px; padding-right: 16px; } } .navbar .nav > li > a:hover, .navbar .nav > li > a:active { color: #8089ff; } .navbar .nav > li.active > a { color: #8089ff; } .navbar.navbar-dark .nav > li.active > a { color: #fff; } .navbar.navbar-dark .nav > li > a { color: #fff; } .navbar .dropdown-toggle:after { display: inline-block; width: 0; height: 0; margin-left: .200em; vertical-align: .155em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; } .navbar .dropdown-menu { background-color: transparent; } @media (min-width: 740px) { .navbar .dropdown-menu { background-color: #FFF; box-shadow: 0 7px 15px rgba(0, 9, 128, 0.05), 0 12px 28px rgba(0, 9, 128, 0.075); } } .navbar .dropdown-menu a { font-size: .9rem; } .navbar .btn { transition: background 0.35s ease-out; padding: .4rem 1rem; margin: 9px 0 9px 1rem; color: #FFF; } @media (min-width: 481px) { .navbar .btn { margin: 13px 0 13px 1.25rem; } } @media (min-width: 740px) { .navbar .btn { margin: 13px 0 13px 1.5rem; } } .navbar .ui-navigation { flex: 1; } @media (min-width: 768px) { .navbar .ui-navigation { display: flex; align-items: center; } .navbar .ui-navigation.navbar-center { justify-content: center; } .navbar .ui-navigation.navbar-right { justify-content: flex-end; } } @media (min-width: 992px) { .navbar .ui-navigation { height: 60px; } } @media (min-width: 740px) { .navbar .ui-navigation.navbar-center .navbar-nav { display: flex; align-items: center; flex-direction: row; justify-content: center; float: none; } } .navbar .ui-navigation.navbar-right { display: flex; justify-content: flex-end; } .navbar.transparent, .navbar.transparent.dark, .navbar.transparent.light, .navbar.transparent.bg-primary { box-shadow: none; background-color: transparent; } .navbar.transparent:not(.text-dark) .navbar-brand, .navbar.transparent.dark:not(.text-dark) .navbar-brand, .navbar.transparent.light:not(.text-dark) .navbar-brand, .navbar.transparent.bg-primary:not(.text-dark) .navbar-brand { color: #FFF; } .navbar.transparent:not(.text-dark) .navbar-nav > li > a, .navbar.transparent.dark:not(.text-dark) .navbar-nav > li > a, .navbar.transparent.light:not(.text-dark) .navbar-nav > li > a, .navbar.transparent.bg-primary:not(.text-dark) .navbar-nav > li > a { color: #FFF; } .navbar.transparent:not(.text-dark) .navbar-nav > li > a:hover, .navbar.transparent.dark:not(.text-dark) .navbar-nav > li > a:hover, .navbar.transparent.light:not(.text-dark) .navbar-nav > li > a:hover, .navbar.transparent.bg-primary:not(.text-dark) .navbar-nav > li > a:hover { color: #FFF; } .navbar.transparent:not(.text-dark) .navbar-nav > li.active > a, .navbar.transparent.dark:not(.text-dark) .navbar-nav > li.active > a, .navbar.transparent.light:not(.text-dark) .navbar-nav > li.active > a, .navbar.transparent.bg-primary:not(.text-dark) .navbar-nav > li.active > a { color: #FFF; } .navbar.transparent:not(.text-dark) .btn, .navbar.transparent.dark:not(.text-dark) .btn, .navbar.transparent.light:not(.text-dark) .btn, .navbar.transparent.bg-primary:not(.text-dark) .btn { background: #FFF; color: #8089ff; } .navbar .ui-variable-logo .logo-default { opacity: 1; } .navbar .ui-variable-logo .logo-transparent { opacity: 0; } .navbar.transparent .ui-variable-logo .logo-default { opacity: 0; } .navbar.transparent .ui-variable-logo .logo-transparent { opacity: 1; } @media (max-width: 991px) { .ui-navigation { display: none; clear: both; padding-top: 1.25rem; padding-bottom: 1.25rem; border-top: 1px solid rgba(0, 0, 0, 0.05); } } @media (max-width: 991px) { .navbar .ui-navigation .nav.navbar-nav { display: flex; flex-direction: column; width: 100%; align-items: center; text-align: center; } .navbar .ui-navigation .nav.navbar-nav li { flex: 1; width: 100%; opacity: 0; } .navbar .ui-navigation .nav.navbar-nav a { font-size: 1rem; line-height: 2; display: block; } .navbar .ui-navigation .nav.navbar-nav .dropdown-menu { box-shadow: none; text-align: center; background-color: #f6f7f8; } .navbar .ui-navigation .nav.navbar-nav .dropdown-menu li { padding: 0; } .navbar .ui-navigation .nav.navbar-nav .dropdown-menu li a { color: #414c5a; } .navbar .ui-navigation .nav.navbar-nav .dropdown-menu li.active a { background-color: #8089ff; display: block; color: #fff; } } .mobile-nav-active .navbar-nav .dropdown-menu { padding: 0 0 .75rem 0; } .mobile-nav-active .navbar-nav.nav > li > a:hover { background-color: rgba(56, 58, 73, 0.1); } .ui-mobile-nav-toggle { margin-left: 1rem; } @media (min-width: 481px) { .ui-mobile-nav-toggle { margin-left: 2rem; } } @media (min-width: 992px) { .ui-mobile-nav-toggle { display: none; } } .ui-mobile-nav-toggle > div { position: relative; width: 24px; height: 16px; margin: 22px 0; } .ui-mobile-nav-toggle > div > span { display: block; position: absolute; height: 3px; width: 100%; background-color: #414c5a; border-radius: 4px; left: 0; -webkit-transform: rotate(0deg); transform: rotate(0deg); transition: 0.25s ease-out; } .ui-mobile-nav-toggle > div > span:nth-child(1) { top: 0px; } .ui-mobile-nav-toggle > div > span:nth-child(2), .ui-mobile-nav-toggle > div > span:nth-child(3) { top: 5.83333px; } .ui-mobile-nav-toggle > div > span:nth-child(4) { top: 11.66667px; } @media (max-width: 481px) { .ui-mobile-nav-toggle > div { margin: 17px 0; } } .ui-mobile-nav-toggle.active > div > span:nth-child(1) { top: 9.9999999px; width: 0%; left: 50%; } .ui-mobile-nav-toggle.active > div > span:nth-child(2) { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .ui-mobile-nav-toggle.active > div > span:nth-child(3) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .ui-mobile-nav-toggle.active > div > span:nth-child(4) { top: 9.9999999px; width: 0%; left: 50%; } .transparent .ui-mobile-nav-toggle > div > span, .navbar-dark .ui-mobile-nav-toggle > div > span { background-color: #FFF; } /** * 25. Sections * ----------------------------------------------------------------------- * */ .section { position: relative; padding: 8rem 0; z-index: 1; } .section.section-sm { padding: 4rem 0; } @media (max-width: 991px) { .section.ui-showcase-section div[class^="col-"]:nth-child(1) img, .section.ui-showcase-section div[class*=" col-"]:nth-child(1) img { float: right; margin-right: -4rem; } } @media (min-width: 992px) { .section.ui-showcase-section div[class^="col-"]:nth-child(2), .section.ui-showcase-section div[class*=" col-"]:nth-child(2) { padding-left: 2rem; } } @media (min-width: 1200px) { .section.ui-showcase-section div[class^="col-"]:nth-child(2), .section.ui-showcase-section div[class*=" col-"]:nth-child(2) { padding-left: 0; } } .section .section-heading { margin-bottom: 4rem; } .section .section-heading .icon { display: inline-block; font-size: 3.6rem; margin-bottom: 2rem; } .section .section-heading .heading { margin-top: 0; margin-bottom: 1rem; } .section .section-heading .paragraph { display: inline-block; max-width: 500px; font-size: 1.1rem; margin-bottom: 1rem; } .section .section-heading.center { text-align: center; } .section .section-heading.center .paragraph { margin: 0 auto; } @media (min-width: 481px) { .section .section-heading .heading, .section .section-heading .paragraph { margin-bottom: 1.25rem; } } @media (min-width: 740px) { .section .section-heading .heading, .section .section-heading .paragraph { margin-bottom: 1.5rem; } } @media (min-width: 992px) { .section .section-heading .heading, .section .section-heading .paragraph { margin-bottom: 1.75rem; } } .section.bg-overlay { background-position: center center; background-size: cover; } .section.bg-overlay .container { position: relative; z-index: 2; } .section.bg-overlay::before { display: block; content: ''; opacity: 0.8; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } .section.waves-layer .container { position: relative; z-index: 2; } .section.waves-layer::after { display: block; content: ''; position: absolute; bottom: -1px; left: -25%; right: -25%; height: 100%; background: url(//growth.cool/wp-content/themes/gc/assets/css/../img/svg-layers/waves-layer-a.svg) bottom no-repeat; background-size: contain; opacity: 0.75; z-index: 1; } @media (min-width: 740px) { .section.waves-layer::after { left: -15%; right: -15%; } } @media (min-width: 992px) { .section.waves-layer::after { left: -12%; right: -12%; } } @media (min-width: 1367px) { .section.waves-layer::after { left: -9%; right: -9%; } } .ui-action-section.ui-section-tilt { margin: -4rem 0; padding: 16rem 0; z-index: 0; } .ui-action-section.ui-section-tilt::before, .ui-action-section.ui-section-tilt::after { display: block; content: ''; position: absolute; left: -8rem; right: -8rem; height: 16rem; background-color: #FFF; -webkit-transform: rotate(-10deg); transform: rotate(-10deg); z-index: -1; } @media (min-width: 740px) { .ui-action-section.ui-section-tilt::before, .ui-action-section.ui-section-tilt::after { -webkit-transform: rotate(-8.5deg); transform: rotate(-8.5deg); } } @media (min-width: 992px) { .ui-action-section.ui-section-tilt::before, .ui-action-section.ui-section-tilt::after { -webkit-transform: rotate(-5.5deg); transform: rotate(-5.5deg); } } .ui-action-section.ui-section-tilt::before { top: -8rem; } .ui-action-section.ui-section-tilt::after { bottom: -8rem; } @media (max-width: 991px) { .ui-action-section.ui-section-tilt { margin: -8rem 0 0 0; } } .ui-action-section.ui-section-tilt .text-block { margin-top: 2rem; } @media (min-width: 768px) { .ui-action-section.ui-section-tilt .text-block { display: inline-block; margin-top: 6rem; } } @media (max-width: 767px) { .ui-action-section.ui-section-tilt .img-block { margin-bottom: -10rem; } } @media (max-width: 767px) { .ui-action-section .text-block { text-align: center; } } .ui-action-section .section-heading { margin-bottom: 0; } .ui-action-section .img-block { text-align: center; } .ui-action-section .img-block img { position: relative; margin-top: 4rem; margin-bottom: -12rem; z-index: 2; } @media (min-width: 768px) { .ui-action-section .img-block img { display: inline-block; margin-top: -6rem; margin-bottom: -12rem; } } .ui-action-section.action-section-simple .actions { margin-top: 2rem; } @media (min-width: 768px) { .ui-action-section.action-section-simple .actions { margin-top: 0; } } /** * 26. Tabs * ----------------------------------------------------------------------- * */ .ui-tabs .nav-tabs { font-family: "Source Sans Pro", sans-serif; margin-bottom: 2rem; } .ui-tabs .nav-tabs li { margin-right: .25rem; } .ui-tabs .nav-tabs li:nth-last-child(1) { margin-right: 0; } .ui-tabs .nav-tabs li a.active { background-color: #8089ff; box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05); color: #fff; } .ui-tabs .nav-tabs li a { border-radius: 0.25rem; transition: background-color 0.35s ease-out, box-shadow 0.35s ease-out; color: #59687c; font-weight: 700; text-transform: uppercase; } .ui-tabs .tab-pane { padding-top: 1rem; } .ui-tabs .tab-pane .sub-heading { font-weight: 600; margin-bottom: 2rem; } .ui-api-demo .tab-pane { padding-top: 1rem; } .ui-api-demo .nav-vertical li { display: inline-block; width: auto; margin-bottom: 0; } @media (min-width: 740px) { .ui-api-demo .tab-pane { padding-top: 0; } .ui-api-demo .nav-vertical li { display: block; width: 100%; margin-bottom: .25rem; } } /** * 27. Video * ----------------------------------------------------------------------- * */ .video-player { position: relative; padding-bottom: 56.245%; height: 0; border-radius: 0.5rem; background-color: #242a32; } .video-player iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .ui-video-toggle, .section .section-heading .ui-video-toggle { display: inline-block; font-weight: 600; text-transform: uppercase; font-size: .95rem; cursor: pointer; } .ui-video-toggle span, .section .section-heading .ui-video-toggle span { line-height: 40px; display: inline-block; vertical-align: top; } .ui-video-toggle .icon, .section .section-heading .ui-video-toggle .icon { font-size: 18px; height: 40px; width: 40px; line-height: 40px; border-radius: 100%; padding: 0 .8rem; margin-right: .5rem; margin-bottom: 0; box-shadow: 0 7px 15px rgba(0, 9, 128, 0.05), 0 12px 28px rgba(0, 9, 128, 0.075); } .ui-video-toggle .icon::before, .section .section-heading .ui-video-toggle .icon::before { display: inline-block; margin-left: 2px; } .ui-video-toggle.video-toggle-lg .icon, .section .section-heading .ui-video-toggle.video-toggle-lg .icon { height: 52px; width: 52px; line-height: 54px; font-size: 26px; } .video-modal .dialog { overflow: hidden; } .video-modal .close { color: #FFF; } /** * 28. Showcase Blocks * ----------------------------------------------------------------------- * */ .ui-showcase-blocks { text-align: center; } .ui-showcase-blocks > .row, .ui-showcase-blocks > .step-wrapper > .row { margin-bottom: 4rem; } .ui-showcase-blocks > .row:nth-last-child(1), .ui-showcase-blocks > .step-wrapper > .row:nth-last-child(1) { margin-bottom: 0; } .ui-showcase-blocks > .row > div:nth-child(1), .ui-showcase-blocks > .step-wrapper > .row > div:nth-child(1) { margin-bottom: 4rem; } .ui-showcase-blocks > .row > div:nth-child(1) { margin-bottom: 4rem; } .ui-showcase-blocks > .step-wrapper > .row > div:nth-child(1) { margin-bottom: 2rem; } @media (min-width: 740px) { .ui-showcase-blocks { text-align: left; } .ui-showcase-blocks > .row > div:nth-child(1), .ui-showcase-blocks > .step-wrapper > .row > div:nth-child(1) { margin-bottom: 0; } .ui-showcase-blocks > .row:nth-child(even), .ui-showcase-blocks > .step-wrapper:nth-child(even) > .row { flex-direction: row-reverse; } } .ui-showcase-blocks img { width: 100%; height: auto; } .laptop-showcase img.laptop { margin-bottom: -6rem; } @media (max-width: 991px) { .laptop-showcase img.laptop { margin-top: 4rem; } } @media (min-width: 768px) { .laptop-showcase img.laptop { margin-right: -16rem; } } @media (min-width: 992px) { .laptop-showcase img.laptop { margin-right: -14rem; } } @media (min-width: 1200px) { .laptop-showcase img.laptop { margin-right: -12rem; } } /** * 29. Steps * ----------------------------------------------------------------------- * */ .ui-steps .row { margin-left: -6rem; margin-right: -6rem; } .ui-steps div[class^="col-"], .ui-steps div[class*=" col-"] { padding-left: 6rem; padding-right: 6rem; } .ui-steps div[class^="col-"]:nth-child(1), .ui-steps div[class*=" col-"]:nth-child(1) { margin-bottom: 2rem; } @media (min-width: 740px) { .ui-steps div[class^="col-"]:nth-child(1), .ui-steps div[class*=" col-"]:nth-child(1) { margin-bottom: 0; } } @media (min-width: 740px) { .ui-steps { margin-top: 0; } } .ui-steps .step-wrapper { position: relative; padding-left: 6rem; text-align: left; padding-top: 0; padding-bottom: 2rem; } @media (min-width: 740px) { .ui-steps .step-wrapper { padding-left: 0; padding-top: 2rem; } .ui-steps .step-wrapper:nth-child(1) { margin-top: -2rem; } } .ui-steps .step-wrapper::before, .ui-steps .step-wrapper::after { content: ' '; position: absolute; left: 26px; margin-left: 0; width: 4px; border-radius: 4px; background-color: #c9d0d8; } @media (min-width: 740px) { .ui-steps .step-wrapper::before, .ui-steps .step-wrapper::after { left: 50%; margin-left: -2px; } } .ui-steps .step-wrapper::before { top: -1rem; bottom: calc(50% + (25px + 1rem)); display: none; } @media (min-width: 740px) { .ui-steps .step-wrapper::before { display: block; } } .ui-steps .step-wrapper::after { top: calc(50px + 1rem); bottom: 1rem; } @media (min-width: 740px) { .ui-steps .step-wrapper::after { top: calc(50% + (25px + 1rem)); bottom: -1rem; } } .ui-steps .step-wrapper:nth-child(1)::before { display: none; } .ui-steps .step-wrapper:nth-last-child(1)::after { display: none; } .ui-steps .step-wrapper .step-number { position: absolute; top: 10px; left: 1rem; width: 30px; height: 30px; line-height: 30px; color: #fff; font-family: "Source Sans Pro", sans-serif; font-size: 1.4rem; font-weight: 600; text-align: center; z-index: 2; } .ui-steps .step-wrapper .step-number::before { content: ' '; position: absolute; top: -10px; left: -10px; width: 50px; height: 50px; opacity: 0.25; z-index: -1; } @media (min-width: 740px) { .ui-steps .step-wrapper .step-number { top: calc(50% - 20px); left: calc(50% - 20px); width: 40px; height: 40px; line-height: 40px; font-size: 1.8rem; } .ui-steps .step-wrapper .step-number::before { width: 60px; height: 60px; top: -10px; left: -10px; } } .ui-steps .step-wrapper .step-number, .ui-steps .step-wrapper .step-number::before { border-radius: 100%; } /** * 30. Accordion Showcase * ----------------------------------------------------------------------- * */ @media (max-width: 739px) { .ui-accordion-showcase > div:nth-child(1) { margin-bottom: 4rem; } } @media (min-width: 740px) { .ui-accordion-showcase > div { float: right; } } /** * 31. App Screens * ----------------------------------------------------------------------- * */ .ui-app-screens .owl-stage-outer { padding: 1rem 0 2rem 0; } .ui-app-screens .ui-card { width: 275px; overflow: hidden; border-radius: 1.25rem; } .ui-app-screens .owl-item .ui-card { opacity: 0.75; filter: blur(0.5px); -webkit-transform: scale(0.85); transform: scale(0.85); transition: transform 0.35s ease-out, filter 0.35s ease-out, box-shadow 0.35s ease-out, opacity 0.35s ease-out; } .ui-app-screens .owl-item.center .ui-card { opacity: 1; filter: blur(0); box-shadow: 0 7px 15px rgba(0, 9, 128, 0.05), 0 12px 28px rgba(0, 9, 128, 0.075); -webkit-transform: scale(1); transform: scale(1); } /** * 32. App Showcase * ----------------------------------------------------------------------- * */ @media (max-width: 739px) { .ui-app-showcase .ui-icon-blocks.icons-md .ui-icon-block, .ui-app-showcase .ui-icon-blocks.icons-lg .ui-icon-block { margin-bottom: 2rem; } .ui-app-showcase [data-col="text_a"] .ui-icon-blocks.icons-md, .ui-app-showcase [data-col="text_a"] .ui-icon-blocks.icons-lg { margin-bottom: 0; } } /* Image Block * Keep Image True Width * And Move Off Canvas */ @media (max-width: 739px) { .ui-app-showcase [data-col="img"] img { display: block; float: right; min-width: 275px; } } /** * 33. App Stats * ----------------------------------------------------------------------- * */ .ui-stats .stat { margin-bottom: 0; } .ui-stats .ui-icon-block { margin-bottom: 0; } @media (max-width: 739px) { .ui-stats .ui-icon-block:nth-child(1), .ui-stats .ui-icon-block:nth-child(2) { margin-bottom: 2rem; } } /** * 34. Blog * ----------------------------------------------------------------------- * */ .ui-blog { padding: 4rem 0; } .ui-blog .blog-section { margin-bottom: 4rem; } .ui-blog .blog-section .section-label { color: #8e9bae; font-size: .9rem; text-transform: uppercase; } .ui-blog .blog-sidebar::after { display: block; clear: both; content: ""; } @media (min-width: 768px) { .ui-blog { display: table; width: 100%; } .ui-blog .blog-body, .ui-blog .blog-sidebar { display: table-cell; } .ui-blog .blog-sidebar { padding-left: 4rem; width: 200px; vertical-align: top; } .ui-blog .blog-sidebar .ui-widget { width: 200px; } } @media (min-width: 992px) { .ui-blog { padding: 5rem 0; } .ui-blog .blog-sidebar { padding-left: 5rem; width: 350px; } } @media (min-width: 1200px) { .ui-blog { padding: 6rem 0; } .ui-blog .blog-sidebar { padding-left: 6rem; width: 400px; } } @media (min-width: 768px) { .ui-blog.sidebar-left { display: flex; flex-direction: row-reverse; } .ui-blog.sidebar-left .blog-sidebar { padding-left: 0; margin-right: 6rem; } } .ui-blog-grid .post-item { margin-bottom: 2rem; } .ui-blog-grid .post-item .card-image { height: 180px; } @media (min-width: 576px) { .ui-blog-grid .post-item .card-image { height: 200px; } } @media (min-width: 768px) { .ui-blog-grid .post-item .card-image { height: 232px; } } .ui-blog-grid .post-item .card-image .ui-cover-img { max-width: none; } .ui-blog-grid .post-item .card-body { height: 6.8rem; } .ui-blog-list .post-item { border-bottom: 1px solid #d8dde3; padding-bottom: 1.5rem; margin-bottom: 4rem; } .ui-blog-list .post-item .heading { margin-bottom: .35rem; } .ui-blog-list .post-item .post-date { margin-bottom: 1.5rem; } .ui-blog-list .post-item .post-meta { margin-bottom: 1rem; } @media (max-width: 413px) { .ui-blog-list .post-item .post-meta div[class^="col-"], .ui-blog-list .post-item .post-meta div[class*=" col-"] { width: 100%; float: none; } } .ui-blog-list .post-item .post-meta .row > div:nth-last-child(1) { height: 40px; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ui-blog-list .post-item .post-meta .row > div:nth-last-child(1) > div { display: inline-block; height: 40px; line-height: 40px; font-size: .95rem; text-align: left; } @media (max-width: 413px) { .ui-blog-list .post-item .post-meta .row > div:nth-last-child(1) { display: none; } } .ui-blog-list .post-item .post-meta .post-author { height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ui-blog-list .post-item .post-meta .post-author span { display: inline-block; vertical-align: middle; } .ui-blog-list .post-item .post-meta .post-author .avatar { width: 40px; height: 40px; border-radius: 100%; overflow: hidden; } .ui-blog-list .post-item .post-meta .post-author .avatar img { width: 40px; height: 40px; } @media (max-width: 413px) { .ui-blog-list .post-item .post-meta .post-author .avatar { width: 32px; height: 32px; } .ui-blog-list .post-item .post-meta .post-author .avatar img { width: 32px; height: 32px; } } @media (max-width: 413px) { .ui-blog-list .post-item .post-meta .post-author { height: 32px; } } .ui-blog-list .post-item .post-meta .icon { padding-right: .5rem; color: #8089ff; font-size: 1.25rem; vertical-align: middle; } .ui-blog-list .post-item .post-body { padding: 1.8rem 2rem 2rem 2rem; } .ui-blog-list .post-item .post-text { margin-bottom: 1.5rem; } .ui-blog-list .post-item .post-text p { margin-bottom: 0; } .ui-blog-list .post-item .post-text .ui-turncate-text { height: 4.2rem; } .ui-blog-list .post-item .post-footer .row > div:nth-last-child(1) { height: 40px; text-align: right; } .ui-blog-list .post-item .post-footer .row > div:nth-last-child(1) > div { display: inline-block; height: 40px; margin-right: .5rem; line-height: 40px; text-align: left; } .ui-blog-list .post-item .post-footer .row > div:nth-last-child(1) > div:nth-last-child(1) { margin-right: 0; } .ui-blog-list .post-image { height: 280px; } @media (min-width: 576px) { .ui-blog-list .post-image { height: 300px; } } @media (min-width: 768px) { .ui-blog-list .post-image { height: 340px; } } .ui-card.post-item { height: calc(100% - 2rem); } .ui-card.post-item .card-header { padding: 1.5rem 1.5rem 0 1.5rem; } .ui-card.post-item .card-header .heading { margin-bottom: 0.25rem; } .ui-card.post-item .card-header small { font-size: .9rem; } .ui-card.post-item .card-body { padding: 1rem 1.5rem 1rem 1.5rem; } .ui-card.post-item .card-body p { margin-bottom: 0; } .ui-card.post-item .card-footer { padding: 0 1.5rem 1.5rem 1.5rem; } .ui-card.post-item .card-footer .post-meta { font-size: .9rem; } .ui-card.post-item .card-footer .post-meta .row { margin-top: 1rem; } .ui-card.post-item .card-footer .post-meta .row > div:nth-last-child(1) { height: 26px; text-align: right; } .ui-card.post-item .card-footer .post-meta .row > div:nth-last-child(1) > div { display: inline-block; vertical-align: middle; text-align: left; } .ui-card.post-item .card-footer .post-author { height: 26px; } .ui-card.post-item .card-footer .post-author span { display: inline-block; vertical-align: middle; } .ui-card.post-item .card-footer .post-author .avatar { width: 26px; height: 26px; border-radius: 100%; overflow: hidden; margin-right: .25rem; } .ui-card.post-item .card-footer .post-author .avatar img { width: 26px; height: 26px; } .post-image { background-size: cover; background-position: center center; border-radius: 0.5rem; overflow: hidden; } .post-image img { display: block; width: 100%; max-width: 100%; height: auto; } .ui-blog-post .heading { margin-bottom: 1.5rem; } .ui-blog-post .post-image { margin-bottom: 2rem; } .ui-blog-post .post-footer { padding-bottom: 4rem; border-bottom: 1px solid #d8dde3; margin-bottom: 4rem; margin-top: 2rem; } .ui-blog-post .post-footer .heading { text-transform: uppercase; margin-bottom: 1rem; } .ui-blog-post .post-footer .heading small { font-weight: 600; } .ui-blog-post .post-footer .post-tags { margin-top: 2rem; } @media (min-width: 576px) { .ui-blog-post .post-footer .post-tags { margin-top: 0; text-align: right; } } .ui-hero.ui-post-hero { padding: 6rem 0 0 0; } .ui-hero.ui-post-hero .post-meta { padding: 4rem 0 2rem 0; } .ui-hero.ui-post-hero .post-meta::after { display: block; clear: both; content: ""; } .ui-hero.ui-post-hero .post-meta > div { display: block; float: left; height: 22px; margin-right: 1.5rem; color: #FFF; font-weight: 500; font-size: .9rem; } .ui-hero.ui-post-hero .post-meta > div span, .ui-hero.ui-post-hero .post-meta > div span .icon { display: inline-block; line-height: 22px; vertical-align: middle; } .ui-hero.ui-post-hero .post-meta > div a { color: #FFF; position: relative; } .ui-hero.ui-post-hero .post-meta > div a::after { content: ''; position: absolute; bottom: -1px; left: 0; right: 0; height: 2px; border-bottom: 2px dotted rgba(255, 255, 255, 0.5); } .ui-hero.ui-post-hero .post-meta > div .icon { color: #FFF; font-size: 1.05rem; margin-right: .25rem; } .comment-reply { padding-left: 3rem; } .comment { display: flex; position: relative; padding-bottom: 2rem; margin-bottom: 2rem; } .comment.border { border: none; border-bottom: 1px solid #d8dde3; } .comment .date-posted { position: absolute; top: 0; right: 0; } .comment .text { padding-left: 2rem; } .comment .text .heading { margin-bottom: .5rem; } .comment .text p { margin-bottom: .5rem; } .comment .avatar { width: 60px; } .comment .avatar img { border-radius: 100%; width: 60px; height: auto; } .comment .comment-actions a { display: inline-block; color: #8e9bae; margin-right: .5rem; font-size: .8rem; } .comment .comment-actions a:hover { color: #8089ff; } .comment .comment-meta li { display: inline-block; margin-right: .75rem; font-weight: 400; font-size: .75rem; color: #708198; } .comment .comment-meta li a { font-weight: 400; color: #414c5a; } .comment .comment-meta li .icon { color: #414c5a; } .ui-comment-form a { border: none; font-size: 1.1rem; } .ui-author-card { padding: 1rem; } @media (min-width: 768px) { .ui-author-card { padding: 1.5rem; } } @media (min-width: 992px) { .ui-author-card { padding: 2rem; } } .ui-author-card .inner { display: table; width: 100%; } .ui-author-card .block { display: table-cell; } .ui-author-card .block:nth-child(1) { width: 110px; text-align: center; vertical-align: middle; } @media (min-width: 768px) { .ui-author-card .block:nth-child(1) { width: 120px; } } @media (min-width: 992px) { .ui-author-card .block:nth-child(1) { width: 130px; } } .ui-author-card .block:nth-last-child(1) { padding-left: 1rem; vertical-align: top; } @media (min-width: 768px) { .ui-author-card .block:nth-last-child(1) { padding-left: 1.5rem; } } @media (min-width: 992px) { .ui-author-card .block:nth-last-child(1) { padding-left: 2rem; } } .ui-author-card .avatar { width: 60px; margin: 0 auto 1rem auto; border-radius: 100%; overflow: hidden; } .ui-author-card .avatar img { max-width: 100%; width: 100%; height: auto; } @media (min-width: 768px) { .ui-author-card .avatar { width: 70px; } } @media (min-width: 992px) { .ui-author-card .avatar { width: 80px; } } .ui-author-card .heading { margin-bottom: .25rem; } .ui-author-card .sub-heading { font-size: .9rem; } .ui-author-card .paragraph { margin-bottom: 0; } .ui-author-card .social-links a { color: #FFF; margin-right: .35rem; font-size: 1.1rem; } .ui-author-card .social-links a:nth-last-child(1) { margin-right: 0; } .ui-widget { padding-bottom: 2rem; margin-bottom: 2rem; border-bottom: 1px solid #e7eaee; } .ui-widget .ui-widget-title { font-size: .9rem; text-transform: uppercase; color: #8e9bae; } .ui-basic-widget .image { border-radius: 0.5rem; overflow: hidden; } .ui-basic-widget .image img { display: block; width: 100%; max-width: 100%; height: auto; } .ui-basic-widget .heading { margin-top: 1rem; margin-bottom: .75rem; font-size: 1rem; } .ui-basic-widget .paragraph { font-size: .9rem; } .ui-posts-widget .post-item { display: block; position: relative; padding-left: 66px; height: 66px; color: #708198; } .ui-posts-widget .post-item:hover, .ui-posts-widget .post-item:hover .heading { color: #8089ff; } .ui-posts-widget .post-image { position: absolute; top: 50%; left: 0; width: 50px; height: 50px; margin-top: -25px; text-align: center; } .ui-posts-widget .post-image img { display: inline-block; width: 5rem; max-width: 5rem; height: auto; } .ui-posts-widget .post-body { display: flex; align-items: center; height: 100%; } .ui-posts-widget .post-body > .inner { width: 100%; } .ui-posts-widget .post-body .heading, .ui-posts-widget .post-body p { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .ui-posts-widget .post-body .heading { margin-top: 0; margin-bottom: .25rem; font-size: 1rem; } .ui-posts-widget .post-body p { margin-bottom: 0; font-size: .9rem; } .ui-instagram-widget::after { display: block; clear: both; content: ""; } .ui-instagram-widget a { display: block; width: 33.33333%; float: left; margin-bottom: 1rem; } .ui-instagram-widget img { max-width: 100%; width: 100%; height: auto; } @media (max-width: 767px) { .ui-instagram-widget, .ui-tags-widget { width: 48%; } } @media (max-width: 575px) { .ui-instagram-widget, .ui-tags-widget { width: 100%; float: none; padding-left: 0; padding-right: 0; } } @media (max-width: 767px) { .ui-instagram-widget { float: right; } } @media (max-width: 767px) { .ui-tags-widget { float: left; } } .ui-tags-widget .tag { display: inline-block; padding: .2rem .75rem; border-radius: 0.5rem; margin-bottom: .5rem; margin-right: .25rem; font-size: .9rem; border: 1px solid #d8dde3; transition: color 0.25s ease-out, background-color 0.25s ease-out; } .ui-tags-widget .tag.active, .ui-tags-widget .tag:hover { background-color: #8089ff; color: #FFF; } .ui-search-bar { position: relative; } .ui-search-bar input { display: block; width: 100%; border: none; padding: .5rem 1rem .5rem 2.5rem; } .ui-search-bar::after { display: block; position: absolute; content: ''; top: 50%; left: .75rem; width: 16px; height: 16px; margin-top: -8px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDQ2MCA0NjAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ2MCA0NjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojODA4OUZGO30KPC9zdHlsZT4KPGc+Cgk8Zz4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzg0LDE5MkMzODQsODYsMjk4LDAsMTkyLDBDODYsMCwwLDg2LDAsMTkyczg2LDE5MiwxOTIsMTkyQzI5OCwzODQsMzg0LDI5OCwzODQsMTkyeiBNMTkyLDMzNgoJCQljLTc5LjQsMC0xNDQtNjQuNi0xNDQtMTQ0UzExMi42LDQ4LDE5Miw0OGM3OS40LDAsMTQ0LDY0LjYsMTQ0LDE0NFMyNzEuNCwzMzYsMTkyLDMzNnoiLz4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDQ5LjUsNDEyLjRsLTg2LjYtODYuNmMtOS42LDE0LjktMjIuMiwyNy41LTM3LjEsMzcuMWw4Ni42LDg2LjZjMTAuMiwxMC4yLDI2LjksMTAuMiwzNy4xLDAKCQkJQzQ1OS43LDQzOS4yLDQ1OS43LDQyMi42LDQ0OS41LDQxMi40eiIvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo="); background-size: cover; z-index: 1; } /** * 35. Client Logos * ----------------------------------------------------------------------- * */ .ui-clients-logos { text-align: center; padding: 4rem 0 0 0; } .ui-clients-logos.section.section-sm { padding: 1.5rem 0; } @media (min-width: 1367px) { .ui-clients-logos.section.section-sm { padding: 2rem 0; } } .ui-clients-logos img { display: inline-block; height: 16px; width: auto; } @media (min-width: 740px) { .ui-clients-logos img { height: 20px; } } @media (min-width: 992px) { .ui-clients-logos img { height: 24px; } } @media (min-width: 1367px) { .ui-clients-logos img { height: 26px; } } @media (max-width: 767px) { .ui-clients-logos .d-flex > div img, .ui-clients-logos .d-flex > div img { height: 14px; } .ui-clients-logos .d-flex > div:nth-last-child(1), .ui-clients-logos .d-flex > div:nth-last-child(1) { display: none; } } @media (max-width: 575px) { .ui-clients-logos .d-flex > div:nth-last-child(2), .ui-clients-logos .d-flex > div:nth-last-child(2) { display: none; } } /** * 36. Device Slider * ----------------------------------------------------------------------- * */ .ui-device-slider { position: relative; width: 300px; margin: 0 auto; padding-bottom: 2rem; } .ui-device-slider .device img { max-width: 100%; height: auto; width: 100%; } .ui-device-slider .screens { position: absolute; width: 231px; top: 12.5%; left: 11.5%; right: 11.5%; bottom: 14%; } .ui-device-slider .screens .item { width: 231px; } .ui-device-slider .screens .item img { max-width: 100%; height: auto; width: 100%; background-color: #FFF; } .ui-device-slider .owl-carousel.owl-theme .owl-dots { margin-top: 5rem; } .section .row > div .ui-device-slider .device img { float: none; } /** * 37. Pricing Cards * ----------------------------------------------------------------------- * */ .ui-pricing-cards { max-width: 1000px; margin: 0 auto; text-align: center; } .ui-pricing-card .ui-card .card-header .heading { margin-bottom: .75rem; } .ui-pricing-card .ui-card .card-header .price { font-family: "Source Sans Pro", sans-serif; margin-bottom: 1rem; } .ui-pricing-card .ui-card .card-header .price .curency, .ui-pricing-card .ui-card .card-header .price .period { font-size: 1.1rem; font-weight: 600; } .ui-pricing-card .ui-card .card-header .price .price { font-size: 3.6rem; line-height: 1; font-weight: 700; } .ui-pricing-card .ui-card ul { list-style: none; padding-left: 0; margin-top: .75rem; margin-bottom: 1.5rem; } .ui-pricing-card .ui-card ul li { line-height: 2; font-weight: 600; } .ui-pricing-footer { text-align: center; margin-top: 6rem; } .ui-pricing-footer .paragraph { display: inline-block; max-width: 800px; } .ui-pricing-cards.owl-carousel { width: 250px; margin: 0 auto; } .ui-pricing-cards.owl-carousel .owl-stage-outer { overflow: visible; } .ui-pricing-cards.owl-carousel .owl-stage > div:nth-child(1), .ui-pricing-cards.owl-carousel .owl-stage > div:nth-child(3) { z-index: 1; } .ui-pricing-cards.owl-carousel .owl-stage > div:nth-child(2) { z-index: 2; } .ui-pricing-cards.owl-carousel .owl-stage > div:nth-child(1) .ui-card { margin-right: -3rem; margin-left: 3rem; } .ui-pricing-cards.owl-carousel .owl-stage > div:nth-child(3) .ui-card { margin-right: 3rem; margin-left: -3rem; } .ui-pricing-cards.owl-carousel .owl-stage > div:nth-child(2) .ui-card { margin-top: -1rem; } .ui-pricing-cards.owl-carousel .owl-stage > div:nth-child(2) .ui-card .card-header { padding-top: 3rem; } .ui-pricing-cards.owl-carousel .owl-stage > div:nth-child(2) .ui-card .card-body { padding-bottom: 3rem; } .ui-pricing-cards.owl-carousel .owl-dots { margin-top: 3rem; } @media (min-width: 481px) { .ui-pricing-cards.owl-carousel { width: 333.3333333px; } } @media (min-width: 740px) { .ui-pricing-cards.owl-carousel { margin: 0 -5%; width: 110%; } } @media (min-width: 1200px) { .ui-pricing-cards.owl-carousel { margin: 0 auto; width: 1000px; } } /* 43 :: TABBED SHOWCASE*/ @media (max-width: 739px) { .ui-tabbed-showcase > div:nth-child(1) { margin-bottom: 4rem; } } /** * 39. Testimonials * ----------------------------------------------------------------------- * */ .ui-testimonials .owl-stage-outer { margin: 0 -8px; padding-left: 8px; padding-top: .35rem; } .ui-testimonials .item .user { padding: 2rem 0; padding-left: .25rem; } .ui-testimonials .item .user::after { display: block; clear: both; content: ""; } .ui-testimonials .item .user .avatar { width: 60px; height: 60px; border-radius: 100%; margin-right: 1rem; float: left; overflow: hidden; } .ui-testimonials .item .user .avatar img { width: 100%; max-width: 100%; height: auto; } .ui-testimonials .item .user .info { float: left; } .ui-testimonials .item .user .info .heading { line-height: 1; margin-bottom: .25rem; margin-top: .25rem; } .ui-testimonials .item .user .info .sub-heading { margin-bottom: 0; font-size: .95rem; } .ui-testimonials .item .ui-card { position: relative; padding: 1.5rem; overflow: visible; text-align: center; } .ui-testimonials .item .ui-card p { font-family: "Source Sans Pro", sans-serif; color: #414c5a; margin-bottom: 0; font-weight: 600; } .ui-testimonials .item .ui-card::before { display: block; position: absolute; content: ''; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzgwODlGRjt9Cjwvc3R5bGU+CjxnIGlkPSJRdW90ZW1hcmtzLWxlZnQiPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTQwNSwyMDkuOGMtMS0xMS4xLTAuMi00MS41LDI4LjgtODMuNmMyLjItMy4yLDEuOC03LjUtMC45LTEwLjJjLTExLjgtMTEuOC0xOS4yLTE5LjMtMjQuMy0yNC41CgkJYy02LjgtNi45LTkuOC0xMC0xNC40LTE0LjFjLTMtMi43LTcuNi0yLjgtMTAuNi0wLjFjLTUwLjYsNDQtMTA2LjgsMTM1LTk4LjcsMjQ2LjVjNC44LDY1LjUsNTIuNSwxMTMsMTEzLjUsMTEzCgkJYzYyLjYsMCwxMTMuNS01MC45LDExMy41LTExMy41QzUxMiwyNjIuOCw0NjQuNiwyMTMuMiw0MDUsMjA5Ljh6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTIwLjksMjA5LjhjLTEtMTEuMS0wLjMtNDEuNCwyOC44LTgzLjZjMi4yLTMuMiwxLjgtNy41LTAuOS0xMC4yYy0xMS44LTExLjgtMTkuMS0xOS4zLTI0LjMtMjQuNQoJCWMtNi44LTYuOS05LjktMTAuMS0xNC40LTE0LjJjLTMtMi43LTcuNi0yLjctMTAuNi0wLjFjLTUwLjYsNDQtMTA2LjgsMTM1LTk4LjcsMjQ2LjV2MGM0LjgsNjUuNCw1Mi41LDExMywxMTMuNSwxMTMKCQljNjIuNiwwLDExMy41LTUwLjksMTEzLjUtMTEzLjVDMjI3LjksMjYyLjgsMTgwLjUsMjEzLjIsMTIwLjksMjA5Ljh6Ii8+CjwvZz4KPC9zdmc+Cg=="); background-size: cover; top: .75rem; left: 1rem; width: 40px; height: 40px; opacity: 0.2; } .ui-testimonials .item .ui-card::after { display: block; font-family: 'FontAwesome'; content: '\f0d7'; position: absolute; top: 100%; font-size: 50px; height: 10px; line-height: 10px; left: 1rem; color: #FFF; text-shadow: 0 5px 5px rgba(0, 9, 128, 0.05), 0 5px 10px rgba(0, 9, 128, 0.05); } /** * 40. Coming Soon * ----------------------------------------------------------------------- * */ body.coming-soon .ui-hero { padding: 4rem 0 14rem 0; } @media (min-width: 768px) { body.coming-soon .ui-hero { padding: 6rem 0 14rem 0; } } @media (min-width: 1200px) { body.coming-soon .ui-hero { padding: 8rem 0 16rem 0; } } body.coming-soon .ui-hero .container { padding-top: 0; } body.coming-soon .ui-hero .ui-app-icon { margin-bottom: .5rem; } body.coming-soon .ui-hero .ui-app-icon img { margin-bottom: 0; margin-top: 0; } body.coming-soon .app-logo { display: block; margin: 0 auto 2rem auto; } body.coming-soon .form-card { position: relative; max-width: 500px; margin: 4rem auto -16rem auto; } body.coming-soon .form-card .heading { font-size: 2rem; margin-bottom: 0; } body.coming-soon .form-card input.form-control { padding: 8px 1rem 8px 1.5rem; border-top-left-radius: 2rem; border-bottom-left-radius: 2rem; } body.coming-soon .form-card .btn { padding: 0 1rem; line-height: 35px; } body.coming-soon .actions { padding-top: 6rem; } body.coming-soon .ui-counter { margin-top: 3rem; } body.coming-soon .ui-counter > div { display: inline-block; width: 50px; height: 50px; box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05); background-color: rgba(255, 255, 255, 0.075); padding: 8px 0 4px 0; margin-left: 1rem; border-radius: .5rem; } body.coming-soon .ui-counter > div:nth-child(1) { margin-left: 0; } body.coming-soon .ui-counter > div .value { font-weight: 700; color: #FFF; height: 18px; line-height: 18px; margin-bottom: 2px; font-size: 1.4rem; } body.coming-soon .ui-counter > div .label { margin-bottom: 0; height: 18px; line-height: 16px; font-size: .8rem; font-weight: 600; } @media (min-width: 376px) { body.coming-soon .ui-counter > div { width: 70px; height: 70px; padding: 10px 0 5px 0; } body.coming-soon .ui-counter > div .value { height: 26px; line-height: 26px; margin-bottom: 4px; font-size: 1.8rem; } body.coming-soon .ui-counter > div .label { line-height: 17px; font-size: 9; } } @media (min-width: 576px) { body.coming-soon .ui-counter > div { width: 80px; height: 80px; padding: 14px 0 8px 0; } body.coming-soon .ui-counter > div .value { height: 32px; line-height: 32px; margin-bottom: 6px; font-size: 2.4rem; } body.coming-soon .ui-counter > div .label { line-height: 18px; font-size: 1; } } @media (min-width: 740px) { body.coming-soon .ui-counter > div { width: 86px; height: 86px; padding: 16px 0 9px 0; } body.coming-soon .ui-counter > div .value { height: 34px; line-height: 34px; margin-bottom: 8px; font-size: 2.8rem; } } @media (min-width: 992px) { body.coming-soon .ui-counter > div { width: 92px; height: 92px; padding: 18px 0 10px 0; } body.coming-soon .ui-counter > div .value { line-height: 36px; margin-bottom: 8px; font-size: 3rem; } } /** * 41. Pricing Table * ----------------------------------------------------------------------- * */ @media (min-width: 768px) { .ui-pricing-table { display: flex; justify-content: space-between; } } @media (min-width: 768px) { .ui-pricing-table .pricing-sidebar { padding-top: 40px; } } @media (max-width: 767px) { .ui-pricing-table .pricing-sidebar { margin-bottom: 4rem; } } .ui-pricing-table .pricing-sidebar .pricing-header { display: flex; flex-direction: column; justify-content: center; align-items: center; } .ui-pricing-table .pricing-sidebar .pricing-header .btn-group { margin-bottom: 1rem; } .ui-pricing-table .pricing-sidebar .pricing-header .btn-group a { color: #fff; } .ui-pricing-table .pricing-sidebar .pricing-header p { max-width: 180px; text-align: center; margin-bottom: 0; } @media (max-width: 767px) { .ui-pricing-table .pricing-sidebar .pricing-items { display: none; } } .ui-pricing-table .pricing-block { flex: 1; text-align: center; border-radius: 0.5rem; } @media (min-width: 768px) { .ui-pricing-table .pricing-block { padding-top: 40px; } } .ui-pricing-table .pricing-block .promo { text-transform: uppercase; padding: 0 1rem; font-family: "Source Sans Pro", sans-serif; font-weight: 600; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; height: 40px; line-height: 40px; } @media (min-width: 768px) { .ui-pricing-table .pricing-block .promo { margin-top: -40px; } } .ui-pricing-table .pricing-block .pricing-header { padding: 1rem; } .ui-pricing-table .pricing-block .pricing-header .price-plan { font-family: "Source Sans Pro", sans-serif; font-weight: 600; } .ui-pricing-table .pricing-block .pricing-header .price-wrapper { font-family: "Source Sans Pro", sans-serif; font-weight: 600; font-size: 1.3rem; height: 46px; display: flex; flex-direction: row; align-items: center; justify-content: center; } .ui-pricing-table .pricing-block .pricing-header .price-wrapper .price { font-size: 3.6rem; font-weight: 700; line-height: .8; } .ui-pricing-table .pricing-block .pricing-header .price-wrapper p { font-size: 1.1rem; margin-bottom: 0; max-width: 200px; display: inline-block; } .ui-pricing-table .pricing-block .pricing-header .price-wrapper p a { font-weight: 600; } .ui-pricing-table .pricing-block .pricing-header .price-description { margin-bottom: 0; margin-top: 1rem; padding: 0 1rem; } @media (max-width: 991px) { .ui-pricing-table .pricing-block .btn { margin: 2rem 0; } } @media (min-width: 768px) { .ui-pricing-table .pricing-block .btn { margin: 1rem 0; } } @media (max-width: 767px) { .ui-pricing-table .pricing-block { max-width: 400px; margin-left: auto; margin-right: auto; margin-bottom: 2rem; background-color: #f6f7f8; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; box-shadow: 0 7px 15px rgba(0, 9, 128, 0.05), 0 12px 28px rgba(0, 9, 128, 0.075); } .ui-pricing-table .pricing-block:nth-last-child(1) { margin-bottom: 0; } .ui-pricing-table .pricing-block .pricing-header { position: relative; background-color: #fff; padding: 3rem 2rem 4rem 2rem; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .ui-pricing-table .pricing-block .pricing-header::after { display: block; content: ''; height: 100%; background: url(//growth.cool/wp-content/themes/gc/assets/css/../img/svg-layers/curve-layer-gray.svg) bottom no-repeat; background-size: contain; position: absolute; bottom: -2px; left: -6px; right: -6px; z-index: 1; } .ui-pricing-table .pricing-block .pricing-header .price-plan { font-family: "Source Sans Pro", sans-serif; font-size: 1.5rem; font-weight: 700; } .ui-pricing-table .pricing-block .pricing-header .price-wrapper { align-items: flex-end; } .ui-pricing-table .pricing-block .pricing-header .price-wrapper .curency { padding-right: .25rem; } .ui-pricing-table .pricing-block .pricing-header .price-description { max-width: 260px; margin-left: auto; margin-right: auto; } .ui-pricing-table .pricing-block .pricing-items li { line-height: 34px; } } .ui-pricing-table .pricing-items { display: block; list-style: none; margin-bottom: 0; padding-left: 0; } @media (max-width: 767px) { .ui-pricing-table .pricing-items { margin-top: 1rem; } } .ui-pricing-table .pricing-items li { line-height: 40px; height: 40px; font-weight: 600; color: #414c5a; } @media (min-width: 768px) { .ui-pricing-table .pricing-items li { border-bottom: 1px solid #d8dde3; } } .ui-pricing-table .pricing-items li i { display: inline-block; margin-right: .5rem; font-weight: normal; } @media (min-width: 768px) { .ui-pricing-table .pricing-items li i { display: none; } } .ui-pricing-table i { font-style: normal; } @media (min-width: 768px) { .ui-pricing-extras { display: flex; justify-content: center; align-items: center; } } @media (max-width: 767px) { .ui-pricing-extras .icon { margin-bottom: 1rem; } } @media (min-width: 768px) { .ui-pricing-extras .icon { padding-right: 2rem; } } .ui-pricing-extras .icon > span { font-size: 4rem; } .ui-pricing-extras .text { flex: 1; } @media (max-width: 767px) { .ui-pricing-extras .text { display: inline-block; width: auto; } .ui-pricing-extras .text .ui-checklist li { display: inline-block; width: auto; padding-left: 1.5rem; padding-right: 2rem; } } .ui-pricing-extras .ui-checklist { text-align: left; } @media (max-width: 575px) { .ui-pricing-extras .ui-checklist { display: flex; align-items: center; margin-bottom: .5rem; } .ui-pricing-extras .ui-checklist li { margin-bottom: 0; } } .info-blocks .ui-card { height: 100%; } @media (max-width: 767px) { .info-blocks .col-md-4:not(:nth-last-child(1)) { margin-bottom: 2rem; } } /** * 42. Api Docs * ----------------------------------------------------------------------- * */ #ui-api-docs p { font-size: 15px; } #ui-api-docs p a { text-decoration: underline; } #ui-api-docs .docs-section { margin-top: 3rem; padding-bottom: 3rem; border-bottom: 2px solid #f6f7f8; } #ui-api-docs .docs-section:nth-child(1) { margin-top: 0; } #ui-api-docs .docs-section .row { margin-left: -.5rem; margin-right: -.5rem; } #ui-api-docs .docs-section div[class^="col-"], #ui-api-docs .docs-section div[class*=" col-"] { padding-left: .5rem; padding-right: .5rem; } #ui-api-docs .docs-section .actions a { margin-right: 1rem; } #ui-api-docs .docs-section .actions a:nth-last-child(1) { margin-right: 0; } #ui-api-docs .docs-section pre { background-color: #f6f7f8; } #ui-api-docs .docs-section pre .line-numbers-rows { background-color: #d8dde3; } #ui-api-docs .docs-sidebar .heading { margin-bottom: 1rem; font-size: 14px; color: #708198; text-transform: uppercase; } #ui-api-docs .docs-sidebar ul { list-style: none; margin-bottom: 2rem; padding-left: 0; } #ui-api-docs .docs-sidebar ul li { margin-bottom: .5rem; } #ui-api-docs .docs-sidebar ul li a { color: #414c5a; font-family: "Source Sans Pro", sans-serif; font-weight: 600; } #ui-api-docs .docs-sidebar ul li a:hover { color: #8089ff; } #ui-api-docs .docs-sidebar ul li i { display: inline-block; margin-right: .25rem; } #ui-api-docs .doc-action-cards div[class^="col-"], #ui-api-docs .doc-action-cards div[class*=" col-"] { margin-bottom: 1rem; } @media (min-width: 481px) { #ui-api-docs .doc-action-cards .row:nth-child(2) div[class^="col-"], #ui-api-docs .doc-action-cards .row:nth-child(2) div[class*=" col-"] { margin-bottom: 0rem; } } #ui-api-docs .doc-action-cards .ui-action-card { background-color: #f6f7f8; transition: background-color .35s ease-out; } #ui-api-docs .doc-action-cards .ui-action-card:hover { background-color: #d8dde3; } #ui-api-docs .docs-notice { padding: 1.5rem; background-color: rgba(254, 96, 161, 0.2); } #ui-api-docs .docs-article-links { list-style: none; padding-left: 0; margin-bottom: 0; } #ui-api-docs .docs-article-links li { display: block; padding: .25rem 1rem; margin-bottom: .5rem; border-radius: .25rem; box-shadow: 0 1px 3px rgba(0, 9, 128, 0.05), 0 2px 5px rgba(0, 9, 128, 0.035); } #ui-api-docs .docs-article-links li a { display: block; font-family: "Source Sans Pro", sans-serif; font-weight: 600; } #ui-api-docs .docs-article-links li i { display: block; line-height: 22px; float: right; } /** * 43. Contact Page * ----------------------------------------------------------------------- * */ @media (max-width: 991px) { .form-group .row > .col-sm-6:nth-child(1) { margin-bottom: 1rem; } } .contact-section .form-card { margin-top: 4rem; } @media (min-width: 768px) { .contact-section .form-card { margin-top: -2rem; } } .help-block.form-error { margin-top: .25rem; font-size: .875rem; color: #fe60a1; } .help-block.form-success { background-color: rgba(132, 206, 101, 0.25); font-weight: 600; text-align: center; padding: .25rem 1rem; border-radius: .25rem; margin-bottom: 1rem; display: block; } /** * 44. 404 Page * ----------------------------------------------------------------------- * */ .error404-page .main { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-height: 100vh; text-align: center; padding: 4rem 0; } .error404-page .main .error404-wrapper { max-width: 600px; width: 100%; padding: 4rem 1rem 0 1rem; } @media (min-width: 740px) { .error404-page .main .error404-wrapper { max-width: 800px; } } @media (min-width: 992px) { .error404-page .main .error404-wrapper { max-width: 900px; } } @media (min-width: 1367px) { .error404-page .main .error404-wrapper { max-width: 1000px; } } .error404-page .main .error404-wrapper img { width: 100%; max-width: 100%; height: auto; } .error404-page .main .error404-wrapper .heading { font-size: 3.6rem; margin: 2rem 0; }
Marketing has changed quite extensively over the past few decades, with much of this leading to a variety of sub-niches in the field, not to mention various social media platforms to take advantage of. One emerging trend in recent years has been Account Based Marketing (ABM), which has proven to be effective in certain areas, such as LinkedIn.
This has led to many digital marketing professionals wondering how it can be used to develop their brand, as well as a few other questions.
*no credit card required
Perhaps some of the most notable of these questions have been what is Account Based Marketing and why LinkedIn is best place to do it. While these may seem like they’re simple questions, they require a somewhat detailed answer.
ABM is a refined marketing strategy that seeks to provide a more personalized approach to generating a sales funnel. The approach flips the traditional advertising model, which typically starts by attracting people – or accounts – to a website and slowly whittling down these numbers until a company finds the customers that they’re looking for.
In contrast, ABM defines its key customers before tailoring a strategy for those particular accounts, which can then lead to more long-lasting opportunities.
Compared to other social media platforms, LinkedIn has a few distinct benefits, with the most notable of these being that it offers a more targeted approach to marketing. This is provided through the various tools that are unique to the platform, which allows digital marketing specialists to limit their strategy to professionals who will engage with their content.
With this approach, we’ve seen a much more refined approach to brand awareness and content engagement, as it removes what could be deemed the ‘wasteful’ areas of a campaign. This is something that feeds directly into ABM, as the practice requires as strategic an approach as possible.
*no credit card required
More information about how it works
Follow easy steps from the posts below to get better results from LinkedIn marketing
Love it or hate it, LinkedIn is a proven platform for just about any business-related activity. And while LinkedIn isn’t the largest of all social media networks, it’s highly trusted, and becomes not just a platform for connecting with your colleagues...
Using your LinkedIn can have many benefits to creating a unique customer list. There are several...
Your connections constantly publish great posts related to the business you make. A lot of your potential...
LinkedIn is at the vanguard of professional networking. Use this simple tactic to quickly expand...
LinkedIn is like a mobile phone or e-mail: everyone has it! However, making or having a profile is not...
TRY NOW
*no credit card required