/*!------------------------------------------------------------------------------------------------------------------ *
 *                                                                                                                    *
 * [Master Stylesheet]                                                                                                *
 *                                                                                                                    *
 * Project      Clarity                                                                                               *
 * Version      3.0.0                                                                                                 *
 * Description  Responsive Multipurpose Clean and Minimal Site Template                                               *
 *                                                                                                                    *
 * ------------------------------------------------------------------------------------------------------------------ */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|Roboto:100,300,400,500,700&display=swap);:root {
    --color-facebook: #3b5998;
    --color-facebook-hover: #4467b0;
    --color-facebook-active: #2d4373;
    --color-facebook-fore: #fff;
    --color-facebook-hover-fore: #fff;
    --color-facebook-active-fore: #fff;
    --color-twitter: #00aced;
    --color-twitter-hover: #0fbdff;
    --color-twitter-active: #0087ba;
    --color-twitter-fore: #fff;
    --color-twitter-hover-fore: #fff;
    --color-twitter-active-fore: #fff;
    --color-linkedin: #007bb6;
    --color-linkedin-hover: #0091d7;
    --color-linkedin-active: #005983;
    --color-linkedin-fore: #fff;
    --color-linkedin-hover-fore: #fff;
    --color-linkedin-active-fore: #fff;
    --color-skype: #00aff0;
    --color-skype-hover: #12bfff;
    --color-skype-active: #008abd;
    --color-skype-fore: #fff;
    --color-skype-hover-fore: #fff;
    --color-skype-active-fore: #fff;
    --color-googleplus: #dd4b39;
    --color-googleplus-hover: #e26555;
    --color-googleplus-active: #c23321;
    --color-googleplus-fore: #fff;
    --color-googleplus-hover-fore: #fff;
    --color-googleplus-active-fore: #fff;
    --color-pinterest: #cb2027;
    --color-pinterest-hover: #de2e35;
    --color-pinterest-active: #9f191f;
    --color-pinterest-fore: #fff;
    --color-pinterest-hover-fore: #fff;
    --color-pinterest-active-fore: #fff;
    --color-youtube: #b00;
    --color-youtube-hover: #dc0000;
    --color-youtube-active: #800;
    --color-youtube-fore: #fff;
    --color-youtube-hover-fore: #fff;
    --color-youtube-active-fore: #fff;
    --color-vine: #00b488;
    --color-vine-hover: #00d5a1;
    --color-vine-active: #008161;
    --color-vine-fore: #fff;
    --color-vine-hover-fore: #fff;
    --color-vine-active-fore: #fff;
    --color-dribbble: #ea4c89;
    --color-dribbble-hover: #ed6a9d;
    --color-dribbble-active: #e51e6b;
    --color-dribbble-fore: #fff;
    --color-dribbble-hover-fore: #fff;
    --color-dribbble-active-fore: #fff;
    --color-flickr: #ff0084;
    --color-flickr-hover: #ff2194;
    --color-flickr-active: #cc006a;
    --color-flickr-fore: #fff;
    --color-flickr-hover-fore: #fff;
    --color-flickr-active-fore: #fff;
    --color-behance: #1769ff;
    --color-behance-hover: #387eff;
    --color-behance-active: #0050e3;
    --color-behance-fore: #fff;
    --color-behance-hover-fore: #fff;
    --color-behance-active-fore: #fff;
    --color-vimeo: #1ab7ea;
    --color-vimeo-hover: #38c1ed;
    --color-vimeo-active: #1295bf;
    --color-vimeo-fore: #fff;
    --color-vimeo-hover-fore: #fff;
    --color-vimeo-active-fore: #fff;
    --color-tumblr: #32506d;
    --color-tumblr-hover: #3c6184;
    --color-tumblr-active: #22364a;
    --color-tumblr-fore: #fff;
    --color-tumblr-hover-fore: #fff;
    --color-tumblr-active-fore: #fff;
    --color-instagram: #bc2a8d;
    --color-instagram-hover: #d2359f;
    --color-instagram-active: #92216e;
    --color-instagram-fore: #fff;
    --color-instagram-hover-fore: #fff;
    --color-instagram-active-fore: #fff;
    --color-vk: #45668e;
    --color-vk-hover: #5076a4;
    --color-vk-active: #344d6c;
    --color-vk-fore: #fff;
    --color-vk-hover-fore: #fff;
    --color-vk-active-fore: #fff;
    --color-wordpress: #21759b;
    --color-wordpress-hover: #278ab6;
    --color-wordpress-active: #185571;
    --color-wordpress-fore: #fff;
    --color-wordpress-hover-fore: #fff;
    --color-wordpress-active-fore: #fff;
    --color-yahoo: #7B0099;
    --color-yahoo-hover: #9600ba;
    --color-yahoo-active: #520066;
    --color-yahoo-fore: #fff;
    --color-yahoo-hover-fore: #fff;
    --color-yahoo-active-fore: #fff;
    --color-blogger: #fb8f3d;
    --color-blogger-hover: #fca25d;
    --color-blogger-active: #fa720b;
    --color-blogger-fore: #fff;
    --color-blogger-hover-fore: #fff;
    --color-blogger-active-fore: #fff;
    --color-soundcloud: #ff3a00;
    --color-soundcloud-hover: #ff5421;
    --color-soundcloud-active: #cc2e00;
    --color-soundcloud-fore: #fff;
    --color-soundcloud-hover-fore: #fff;
    --color-soundcloud-active-fore: #fff;
    --color-android: #a4c827;
    --color-android-hover: #b4d838;
    --color-android-active: #819d1f;
    --color-android-fore: #fff;
    --color-android-hover-fore: #fff;
    --color-android-active-fore: #fff;
    --color-apple: #646c6f;
    --color-apple-hover: #747d80;
    --color-apple-active: #4c5254;
    --color-apple-fore: #fff;
    --color-apple-hover-fore: #fff;
    --color-apple-active-fore: #fff
}

:root[data-theme="main"] {
    --color-blue: #00aeef;
    --color-blue-hover: #11beff;
    --color-blue-active: #0089bc;
    --color-blue-fore: #fff;
    --color-blue-hover-fore: #fff;
    --color-blue-active-fore: #fff;
    --color-indigo: #6610f2;
    --color-indigo-hover: #7a2ff4;
    --color-indigo-active: #510bc4;
    --color-indigo-fore: #fff;
    --color-indigo-hover-fore: #fff;
    --color-indigo-active-fore: #fff;
    --color-purple: #6f42c1;
    --color-purple-hover: #825bc9;
    --color-purple-active: #59339d;
    --color-purple-fore: #fff;
    --color-purple-hover-fore: #fff;
    --color-purple-active-fore: #fff;
    --color-pink: #e83e8c;
    --color-pink-hover: #ec5c9e;
    --color-pink-active: #d91a72;
    --color-pink-fore: #fff;
    --color-pink-hover-fore: #fff;
    --color-pink-active-fore: #fff;
    --color-red: #fc574e;
    --color-red-hover: #fd766f;
    --color-red-active: #fb271c;
    --color-red-fore: #fff;
    --color-red-hover-fore: #fff;
    --color-red-active-fore: #fff;
    --color-orange: #fd7e14;
    --color-orange-hover: #fd9035;
    --color-orange-active: #dc6502;
    --color-orange-fore: #fff;
    --color-orange-hover-fore: #fff;
    --color-orange-active-fore: #fff;
    --color-yellow: #ffc107;
    --color-yellow-hover: #ffc928;
    --color-yellow-active: #d39e00;
    --color-yellow-fore: #fff;
    --color-yellow-hover-fore: #fff;
    --color-yellow-active-fore: #fff;
    --color-green: #28a745;
    --color-green-hover: #2ec250;
    --color-green-active: #1e7e34;
    --color-green-fore: #fff;
    --color-green-hover-fore: #fff;
    --color-green-active-fore: #fff;
    --color-teal: #20c997;
    --color-teal-hover: #2ddea9;
    --color-teal-active: #199d76;
    --color-teal-fore: #fff;
    --color-teal-hover-fore: #fff;
    --color-teal-active-fore: #fff;
    --color-cyan: #17a2b8;
    --color-cyan-hover: #1bbcd5;
    --color-cyan-active: #117a8b;
    --color-cyan-fore: #fff;
    --color-cyan-hover-fore: #fff;
    --color-cyan-active-fore: #fff;
    --color-black: #000;
    --color-black-hover: #111;
    --color-black-active: #000;
    --color-black-fore: #fff;
    --color-black-hover-fore: #fff;
    --color-black-active-fore: #fff;
    --color-white: #fff;
    --color-white-hover: #fff;
    --color-white-active: #e6e5e5;
    --color-white-fore: #444;
    --color-white-hover-fore: #444;
    --color-white-active-fore: #444;
    --color-light: #f8f9fa;
    --color-light-hover: #fff;
    --color-light-active: #dae0e5;
    --color-light-fore: #fff;
    --color-light-hover-fore: #fff;
    --color-light-active-fore: #fff;
    --color-dark: #212429;
    --color-dark-hover: #30343b;
    --color-dark-active: #0a0b0d;
    --color-dark-fore: #fff;
    --color-dark-hover-fore: #fff;
    --color-dark-active-fore: #fff;
    --color-primary: #222;
    --color-primary-hover: #333;
    --color-primary-active: #090808;
    --color-primary-fore: #fff;
    --color-primary-hover-fore: #fff;
    --color-primary-active-fore: #fff;
    --color-secondary: #dadada;
    --color-secondary-hover: #ebebeb;
    --color-secondary-active: #c1c0c0;
    --color-secondary-fore: #444;
    --color-secondary-hover-fore: #444;
    --color-secondary-active-fore: #444;
    --color-success: #28a745;
    --color-success-hover: #2ec250;
    --color-success-active: #1e7e34;
    --color-success-fore: #fff;
    --color-success-hover-fore: #fff;
    --color-success-active-fore: #fff;
    --color-info: #6610f2;
    --color-info-hover: #7a2ff4;
    --color-info-active: #510bc4;
    --color-info-fore: #fff;
    --color-info-hover-fore: #fff;
    --color-info-active-fore: #fff;
    --color-warning: #fd7e14;
    --color-warning-hover: #fd9035;
    --color-warning-active: #dc6502;
    --color-warning-fore: #fff;
    --color-warning-hover-fore: #fff;
    --color-warning-active-fore: #fff;
    --color-danger: #e83e8c;
    --color-danger-hover: #ec5c9e;
    --color-danger-active: #d91a72;
    --color-danger-fore: #fff;
    --color-danger-hover-fore: #fff;
    --color-danger-active-fore: #fff
}

:root[data-theme="main"] {
    --text-color: #444;
    --text-muted-color: #97a0a8;
    --text-heading-color: #232323;
    --text-light-color: rgba(255,255,255,0.85);
    --text-light-muted-color: rgba(255,255,255,0.65);
    --text-light-heading-color: #fff;
    --link-color: #2b2a2a;
    --link-hover-color: #3b3b3b;
    --link-active-color: #111;
    --link-light-color: #fff;
    --link-light-hover-color: #fff;
    --link-light-active-color: #e6e5e5;
    --border-color: #ddd;
    --border-muted-color: #eaeaea;
    --border-hover-color: #232323;
    --border-light-color: #eaeaea;
    --border-light-muted-color: #eaeaea;
    --navbar-link-color: #2b2a2a;
    --navbar-mobile-bg: #f8f9fa;
    --body-bg: #fff
}

.bg-transparent {
    background: transparent !important
}

.badge {
    padding: var(--badge-padding-y) var(--badge-padding-x);
    margin: 0 .45rem .35rem 0;
    font-size: var(--badge-font-size);
    font-weight: var(--badge-font-weight);
    border-radius: var(--button-border-radius)
}

.badge:empty,.badge:empty.badge-pill {
    display: inline-block;
    padding: 0;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    border-radius: 50%;
    border: 1px solid #fff
}

.badge[class*="outline-"] {
    border: 1px solid transparent
}

.badge.badge-pill {
    padding-left: var(--badge-pill-padding-x);
    padding-right: var(--badge-pill-padding-x);
    border-radius: var(--badge-pill-padding-x)
}

.btn .badge {
    top: 0
}

.badge.badge-facebook {
    color: var(--color-facebook-fore);
    border-color: var(--color-facebook);
    background-color: var(--color-facebook)
}

a.badge.badge-facebook:hover,a.badge.badge-facebook:focus,.btn.badge.badge-facebook:hover,.btn.badge.badge-facebook:focus {
    color: var(--color-facebook-hover-fore);
    border-color: var(--color-facebook-hover);
    background-color: var(--color-facebook-hover)
}

a.badge.badge-facebook:active,.btn.badge.badge-facebook:active {
    color: var(--color-facebook-active-fore);
    border-color: var(--color-facebook-active);
    background-color: var(--color-facebook-active)
}

.badge.badge-outline-facebook {
    color: var(--color-facebook);
    border-color: var(--color-facebook);
    background-color: transparent
}

a.badge.badge-outline-facebook:hover,a.badge.badge-outline-facebook:focus,.btn.badge.badge-outline-facebook:hover,.btn.badge.badge-outline-facebook:focus {
    color: var(--color-facebook-hover-fore);
    border-color: var(--color-facebook-hover);
    background-color: var(--color-facebook-hover)
}

a.badge.badge-outline-facebook:active,.btn.badge.badge-outline-facebook:active {
    color: var(--color-facebook-active-fore);
    border-color: var(--color-facebook-active);
    background-color: var(--color-facebook-active)
}

.badge.badge-twitter {
    color: var(--color-twitter-fore);
    border-color: var(--color-twitter);
    background-color: var(--color-twitter)
}

a.badge.badge-twitter:hover,a.badge.badge-twitter:focus,.btn.badge.badge-twitter:hover,.btn.badge.badge-twitter:focus {
    color: var(--color-twitter-hover-fore);
    border-color: var(--color-twitter-hover);
    background-color: var(--color-twitter-hover)
}

a.badge.badge-twitter:active,.btn.badge.badge-twitter:active {
    color: var(--color-twitter-active-fore);
    border-color: var(--color-twitter-active);
    background-color: var(--color-twitter-active)
}

.badge.badge-outline-twitter {
    color: var(--color-twitter);
    border-color: var(--color-twitter);
    background-color: transparent
}

a.badge.badge-outline-twitter:hover,a.badge.badge-outline-twitter:focus,.btn.badge.badge-outline-twitter:hover,.btn.badge.badge-outline-twitter:focus {
    color: var(--color-twitter-hover-fore);
    border-color: var(--color-twitter-hover);
    background-color: var(--color-twitter-hover)
}

a.badge.badge-outline-twitter:active,.btn.badge.badge-outline-twitter:active {
    color: var(--color-twitter-active-fore);
    border-color: var(--color-twitter-active);
    background-color: var(--color-twitter-active)
}

.badge.badge-linkedin {
    color: var(--color-linkedin-fore);
    border-color: var(--color-linkedin);
    background-color: var(--color-linkedin)
}

a.badge.badge-linkedin:hover,a.badge.badge-linkedin:focus,.btn.badge.badge-linkedin:hover,.btn.badge.badge-linkedin:focus {
    color: var(--color-linkedin-hover-fore);
    border-color: var(--color-linkedin-hover);
    background-color: var(--color-linkedin-hover)
}

a.badge.badge-linkedin:active,.btn.badge.badge-linkedin:active {
    color: var(--color-linkedin-active-fore);
    border-color: var(--color-linkedin-active);
    background-color: var(--color-linkedin-active)
}

.badge.badge-outline-linkedin {
    color: var(--color-linkedin);
    border-color: var(--color-linkedin);
    background-color: transparent
}

a.badge.badge-outline-linkedin:hover,a.badge.badge-outline-linkedin:focus,.btn.badge.badge-outline-linkedin:hover,.btn.badge.badge-outline-linkedin:focus {
    color: var(--color-linkedin-hover-fore);
    border-color: var(--color-linkedin-hover);
    background-color: var(--color-linkedin-hover)
}

a.badge.badge-outline-linkedin:active,.btn.badge.badge-outline-linkedin:active {
    color: var(--color-linkedin-active-fore);
    border-color: var(--color-linkedin-active);
    background-color: var(--color-linkedin-active)
}

.badge.badge-skype {
    color: var(--color-skype-fore);
    border-color: var(--color-skype);
    background-color: var(--color-skype)
}

a.badge.badge-skype:hover,a.badge.badge-skype:focus,.btn.badge.badge-skype:hover,.btn.badge.badge-skype:focus {
    color: var(--color-skype-hover-fore);
    border-color: var(--color-skype-hover);
    background-color: var(--color-skype-hover)
}

a.badge.badge-skype:active,.btn.badge.badge-skype:active {
    color: var(--color-skype-active-fore);
    border-color: var(--color-skype-active);
    background-color: var(--color-skype-active)
}

.badge.badge-outline-skype {
    color: var(--color-skype);
    border-color: var(--color-skype);
    background-color: transparent
}

a.badge.badge-outline-skype:hover,a.badge.badge-outline-skype:focus,.btn.badge.badge-outline-skype:hover,.btn.badge.badge-outline-skype:focus {
    color: var(--color-skype-hover-fore);
    border-color: var(--color-skype-hover);
    background-color: var(--color-skype-hover)
}

a.badge.badge-outline-skype:active,.btn.badge.badge-outline-skype:active {
    color: var(--color-skype-active-fore);
    border-color: var(--color-skype-active);
    background-color: var(--color-skype-active)
}

.badge.badge-googleplus {
    color: var(--color-googleplus-fore);
    border-color: var(--color-googleplus);
    background-color: var(--color-googleplus)
}

a.badge.badge-googleplus:hover,a.badge.badge-googleplus:focus,.btn.badge.badge-googleplus:hover,.btn.badge.badge-googleplus:focus {
    color: var(--color-googleplus-hover-fore);
    border-color: var(--color-googleplus-hover);
    background-color: var(--color-googleplus-hover)
}

a.badge.badge-googleplus:active,.btn.badge.badge-googleplus:active {
    color: var(--color-googleplus-active-fore);
    border-color: var(--color-googleplus-active);
    background-color: var(--color-googleplus-active)
}

.badge.badge-outline-googleplus {
    color: var(--color-googleplus);
    border-color: var(--color-googleplus);
    background-color: transparent
}

a.badge.badge-outline-googleplus:hover,a.badge.badge-outline-googleplus:focus,.btn.badge.badge-outline-googleplus:hover,.btn.badge.badge-outline-googleplus:focus {
    color: var(--color-googleplus-hover-fore);
    border-color: var(--color-googleplus-hover);
    background-color: var(--color-googleplus-hover)
}

a.badge.badge-outline-googleplus:active,.btn.badge.badge-outline-googleplus:active {
    color: var(--color-googleplus-active-fore);
    border-color: var(--color-googleplus-active);
    background-color: var(--color-googleplus-active)
}

.badge.badge-pinterest {
    color: var(--color-pinterest-fore);
    border-color: var(--color-pinterest);
    background-color: var(--color-pinterest)
}

a.badge.badge-pinterest:hover,a.badge.badge-pinterest:focus,.btn.badge.badge-pinterest:hover,.btn.badge.badge-pinterest:focus {
    color: var(--color-pinterest-hover-fore);
    border-color: var(--color-pinterest-hover);
    background-color: var(--color-pinterest-hover)
}

a.badge.badge-pinterest:active,.btn.badge.badge-pinterest:active {
    color: var(--color-pinterest-active-fore);
    border-color: var(--color-pinterest-active);
    background-color: var(--color-pinterest-active)
}

.badge.badge-outline-pinterest {
    color: var(--color-pinterest);
    border-color: var(--color-pinterest);
    background-color: transparent
}

a.badge.badge-outline-pinterest:hover,a.badge.badge-outline-pinterest:focus,.btn.badge.badge-outline-pinterest:hover,.btn.badge.badge-outline-pinterest:focus {
    color: var(--color-pinterest-hover-fore);
    border-color: var(--color-pinterest-hover);
    background-color: var(--color-pinterest-hover)
}

a.badge.badge-outline-pinterest:active,.btn.badge.badge-outline-pinterest:active {
    color: var(--color-pinterest-active-fore);
    border-color: var(--color-pinterest-active);
    background-color: var(--color-pinterest-active)
}

.badge.badge-youtube {
    color: var(--color-youtube-fore);
    border-color: var(--color-youtube);
    background-color: var(--color-youtube)
}

a.badge.badge-youtube:hover,a.badge.badge-youtube:focus,.btn.badge.badge-youtube:hover,.btn.badge.badge-youtube:focus {
    color: var(--color-youtube-hover-fore);
    border-color: var(--color-youtube-hover);
    background-color: var(--color-youtube-hover)
}

a.badge.badge-youtube:active,.btn.badge.badge-youtube:active {
    color: var(--color-youtube-active-fore);
    border-color: var(--color-youtube-active);
    background-color: var(--color-youtube-active)
}

.badge.badge-outline-youtube {
    color: var(--color-youtube);
    border-color: var(--color-youtube);
    background-color: transparent
}

a.badge.badge-outline-youtube:hover,a.badge.badge-outline-youtube:focus,.btn.badge.badge-outline-youtube:hover,.btn.badge.badge-outline-youtube:focus {
    color: var(--color-youtube-hover-fore);
    border-color: var(--color-youtube-hover);
    background-color: var(--color-youtube-hover)
}

a.badge.badge-outline-youtube:active,.btn.badge.badge-outline-youtube:active {
    color: var(--color-youtube-active-fore);
    border-color: var(--color-youtube-active);
    background-color: var(--color-youtube-active)
}

.badge.badge-vine {
    color: var(--color-vine-fore);
    border-color: var(--color-vine);
    background-color: var(--color-vine)
}

a.badge.badge-vine:hover,a.badge.badge-vine:focus,.btn.badge.badge-vine:hover,.btn.badge.badge-vine:focus {
    color: var(--color-vine-hover-fore);
    border-color: var(--color-vine-hover);
    background-color: var(--color-vine-hover)
}

a.badge.badge-vine:active,.btn.badge.badge-vine:active {
    color: var(--color-vine-active-fore);
    border-color: var(--color-vine-active);
    background-color: var(--color-vine-active)
}

.badge.badge-outline-vine {
    color: var(--color-vine);
    border-color: var(--color-vine);
    background-color: transparent
}

a.badge.badge-outline-vine:hover,a.badge.badge-outline-vine:focus,.btn.badge.badge-outline-vine:hover,.btn.badge.badge-outline-vine:focus {
    color: var(--color-vine-hover-fore);
    border-color: var(--color-vine-hover);
    background-color: var(--color-vine-hover)
}

a.badge.badge-outline-vine:active,.btn.badge.badge-outline-vine:active {
    color: var(--color-vine-active-fore);
    border-color: var(--color-vine-active);
    background-color: var(--color-vine-active)
}

.badge.badge-dribbble {
    color: var(--color-dribbble-fore);
    border-color: var(--color-dribbble);
    background-color: var(--color-dribbble)
}

a.badge.badge-dribbble:hover,a.badge.badge-dribbble:focus,.btn.badge.badge-dribbble:hover,.btn.badge.badge-dribbble:focus {
    color: var(--color-dribbble-hover-fore);
    border-color: var(--color-dribbble-hover);
    background-color: var(--color-dribbble-hover)
}

a.badge.badge-dribbble:active,.btn.badge.badge-dribbble:active {
    color: var(--color-dribbble-active-fore);
    border-color: var(--color-dribbble-active);
    background-color: var(--color-dribbble-active)
}

.badge.badge-outline-dribbble {
    color: var(--color-dribbble);
    border-color: var(--color-dribbble);
    background-color: transparent
}

a.badge.badge-outline-dribbble:hover,a.badge.badge-outline-dribbble:focus,.btn.badge.badge-outline-dribbble:hover,.btn.badge.badge-outline-dribbble:focus {
    color: var(--color-dribbble-hover-fore);
    border-color: var(--color-dribbble-hover);
    background-color: var(--color-dribbble-hover)
}

a.badge.badge-outline-dribbble:active,.btn.badge.badge-outline-dribbble:active {
    color: var(--color-dribbble-active-fore);
    border-color: var(--color-dribbble-active);
    background-color: var(--color-dribbble-active)
}

.badge.badge-flickr {
    color: var(--color-flickr-fore);
    border-color: var(--color-flickr);
    background-color: var(--color-flickr)
}

a.badge.badge-flickr:hover,a.badge.badge-flickr:focus,.btn.badge.badge-flickr:hover,.btn.badge.badge-flickr:focus {
    color: var(--color-flickr-hover-fore);
    border-color: var(--color-flickr-hover);
    background-color: var(--color-flickr-hover)
}

a.badge.badge-flickr:active,.btn.badge.badge-flickr:active {
    color: var(--color-flickr-active-fore);
    border-color: var(--color-flickr-active);
    background-color: var(--color-flickr-active)
}

.badge.badge-outline-flickr {
    color: var(--color-flickr);
    border-color: var(--color-flickr);
    background-color: transparent
}

a.badge.badge-outline-flickr:hover,a.badge.badge-outline-flickr:focus,.btn.badge.badge-outline-flickr:hover,.btn.badge.badge-outline-flickr:focus {
    color: var(--color-flickr-hover-fore);
    border-color: var(--color-flickr-hover);
    background-color: var(--color-flickr-hover)
}

a.badge.badge-outline-flickr:active,.btn.badge.badge-outline-flickr:active {
    color: var(--color-flickr-active-fore);
    border-color: var(--color-flickr-active);
    background-color: var(--color-flickr-active)
}

.badge.badge-behance {
    color: var(--color-behance-fore);
    border-color: var(--color-behance);
    background-color: var(--color-behance)
}

a.badge.badge-behance:hover,a.badge.badge-behance:focus,.btn.badge.badge-behance:hover,.btn.badge.badge-behance:focus {
    color: var(--color-behance-hover-fore);
    border-color: var(--color-behance-hover);
    background-color: var(--color-behance-hover)
}

a.badge.badge-behance:active,.btn.badge.badge-behance:active {
    color: var(--color-behance-active-fore);
    border-color: var(--color-behance-active);
    background-color: var(--color-behance-active)
}

.badge.badge-outline-behance {
    color: var(--color-behance);
    border-color: var(--color-behance);
    background-color: transparent
}

a.badge.badge-outline-behance:hover,a.badge.badge-outline-behance:focus,.btn.badge.badge-outline-behance:hover,.btn.badge.badge-outline-behance:focus {
    color: var(--color-behance-hover-fore);
    border-color: var(--color-behance-hover);
    background-color: var(--color-behance-hover)
}

a.badge.badge-outline-behance:active,.btn.badge.badge-outline-behance:active {
    color: var(--color-behance-active-fore);
    border-color: var(--color-behance-active);
    background-color: var(--color-behance-active)
}

.badge.badge-vimeo {
    color: var(--color-vimeo-fore);
    border-color: var(--color-vimeo);
    background-color: var(--color-vimeo)
}

a.badge.badge-vimeo:hover,a.badge.badge-vimeo:focus,.btn.badge.badge-vimeo:hover,.btn.badge.badge-vimeo:focus {
    color: var(--color-vimeo-hover-fore);
    border-color: var(--color-vimeo-hover);
    background-color: var(--color-vimeo-hover)
}

a.badge.badge-vimeo:active,.btn.badge.badge-vimeo:active {
    color: var(--color-vimeo-active-fore);
    border-color: var(--color-vimeo-active);
    background-color: var(--color-vimeo-active)
}

.badge.badge-outline-vimeo {
    color: var(--color-vimeo);
    border-color: var(--color-vimeo);
    background-color: transparent
}

a.badge.badge-outline-vimeo:hover,a.badge.badge-outline-vimeo:focus,.btn.badge.badge-outline-vimeo:hover,.btn.badge.badge-outline-vimeo:focus {
    color: var(--color-vimeo-hover-fore);
    border-color: var(--color-vimeo-hover);
    background-color: var(--color-vimeo-hover)
}

a.badge.badge-outline-vimeo:active,.btn.badge.badge-outline-vimeo:active {
    color: var(--color-vimeo-active-fore);
    border-color: var(--color-vimeo-active);
    background-color: var(--color-vimeo-active)
}

.badge.badge-tumblr {
    color: var(--color-tumblr-fore);
    border-color: var(--color-tumblr);
    background-color: var(--color-tumblr)
}

a.badge.badge-tumblr:hover,a.badge.badge-tumblr:focus,.btn.badge.badge-tumblr:hover,.btn.badge.badge-tumblr:focus {
    color: var(--color-tumblr-hover-fore);
    border-color: var(--color-tumblr-hover);
    background-color: var(--color-tumblr-hover)
}

a.badge.badge-tumblr:active,.btn.badge.badge-tumblr:active {
    color: var(--color-tumblr-active-fore);
    border-color: var(--color-tumblr-active);
    background-color: var(--color-tumblr-active)
}

.badge.badge-outline-tumblr {
    color: var(--color-tumblr);
    border-color: var(--color-tumblr);
    background-color: transparent
}

a.badge.badge-outline-tumblr:hover,a.badge.badge-outline-tumblr:focus,.btn.badge.badge-outline-tumblr:hover,.btn.badge.badge-outline-tumblr:focus {
    color: var(--color-tumblr-hover-fore);
    border-color: var(--color-tumblr-hover);
    background-color: var(--color-tumblr-hover)
}

a.badge.badge-outline-tumblr:active,.btn.badge.badge-outline-tumblr:active {
    color: var(--color-tumblr-active-fore);
    border-color: var(--color-tumblr-active);
    background-color: var(--color-tumblr-active)
}

.badge.badge-instagram {
    color: var(--color-instagram-fore);
    border-color: var(--color-instagram);
    background-color: var(--color-instagram)
}

a.badge.badge-instagram:hover,a.badge.badge-instagram:focus,.btn.badge.badge-instagram:hover,.btn.badge.badge-instagram:focus {
    color: var(--color-instagram-hover-fore);
    border-color: var(--color-instagram-hover);
    background-color: var(--color-instagram-hover)
}

a.badge.badge-instagram:active,.btn.badge.badge-instagram:active {
    color: var(--color-instagram-active-fore);
    border-color: var(--color-instagram-active);
    background-color: var(--color-instagram-active)
}

.badge.badge-outline-instagram {
    color: var(--color-instagram);
    border-color: var(--color-instagram);
    background-color: transparent
}

a.badge.badge-outline-instagram:hover,a.badge.badge-outline-instagram:focus,.btn.badge.badge-outline-instagram:hover,.btn.badge.badge-outline-instagram:focus {
    color: var(--color-instagram-hover-fore);
    border-color: var(--color-instagram-hover);
    background-color: var(--color-instagram-hover)
}

a.badge.badge-outline-instagram:active,.btn.badge.badge-outline-instagram:active {
    color: var(--color-instagram-active-fore);
    border-color: var(--color-instagram-active);
    background-color: var(--color-instagram-active)
}

.badge.badge-vk {
    color: var(--color-vk-fore);
    border-color: var(--color-vk);
    background-color: var(--color-vk)
}

a.badge.badge-vk:hover,a.badge.badge-vk:focus,.btn.badge.badge-vk:hover,.btn.badge.badge-vk:focus {
    color: var(--color-vk-hover-fore);
    border-color: var(--color-vk-hover);
    background-color: var(--color-vk-hover)
}

a.badge.badge-vk:active,.btn.badge.badge-vk:active {
    color: var(--color-vk-active-fore);
    border-color: var(--color-vk-active);
    background-color: var(--color-vk-active)
}

.badge.badge-outline-vk {
    color: var(--color-vk);
    border-color: var(--color-vk);
    background-color: transparent
}

a.badge.badge-outline-vk:hover,a.badge.badge-outline-vk:focus,.btn.badge.badge-outline-vk:hover,.btn.badge.badge-outline-vk:focus {
    color: var(--color-vk-hover-fore);
    border-color: var(--color-vk-hover);
    background-color: var(--color-vk-hover)
}

a.badge.badge-outline-vk:active,.btn.badge.badge-outline-vk:active {
    color: var(--color-vk-active-fore);
    border-color: var(--color-vk-active);
    background-color: var(--color-vk-active)
}

.badge.badge-wordpress {
    color: var(--color-wordpress-fore);
    border-color: var(--color-wordpress);
    background-color: var(--color-wordpress)
}

a.badge.badge-wordpress:hover,a.badge.badge-wordpress:focus,.btn.badge.badge-wordpress:hover,.btn.badge.badge-wordpress:focus {
    color: var(--color-wordpress-hover-fore);
    border-color: var(--color-wordpress-hover);
    background-color: var(--color-wordpress-hover)
}

a.badge.badge-wordpress:active,.btn.badge.badge-wordpress:active {
    color: var(--color-wordpress-active-fore);
    border-color: var(--color-wordpress-active);
    background-color: var(--color-wordpress-active)
}

.badge.badge-outline-wordpress {
    color: var(--color-wordpress);
    border-color: var(--color-wordpress);
    background-color: transparent
}

a.badge.badge-outline-wordpress:hover,a.badge.badge-outline-wordpress:focus,.btn.badge.badge-outline-wordpress:hover,.btn.badge.badge-outline-wordpress:focus {
    color: var(--color-wordpress-hover-fore);
    border-color: var(--color-wordpress-hover);
    background-color: var(--color-wordpress-hover)
}

a.badge.badge-outline-wordpress:active,.btn.badge.badge-outline-wordpress:active {
    color: var(--color-wordpress-active-fore);
    border-color: var(--color-wordpress-active);
    background-color: var(--color-wordpress-active)
}

.badge.badge-yahoo {
    color: var(--color-yahoo-fore);
    border-color: var(--color-yahoo);
    background-color: var(--color-yahoo)
}

a.badge.badge-yahoo:hover,a.badge.badge-yahoo:focus,.btn.badge.badge-yahoo:hover,.btn.badge.badge-yahoo:focus {
    color: var(--color-yahoo-hover-fore);
    border-color: var(--color-yahoo-hover);
    background-color: var(--color-yahoo-hover)
}

a.badge.badge-yahoo:active,.btn.badge.badge-yahoo:active {
    color: var(--color-yahoo-active-fore);
    border-color: var(--color-yahoo-active);
    background-color: var(--color-yahoo-active)
}

.badge.badge-outline-yahoo {
    color: var(--color-yahoo);
    border-color: var(--color-yahoo);
    background-color: transparent
}

a.badge.badge-outline-yahoo:hover,a.badge.badge-outline-yahoo:focus,.btn.badge.badge-outline-yahoo:hover,.btn.badge.badge-outline-yahoo:focus {
    color: var(--color-yahoo-hover-fore);
    border-color: var(--color-yahoo-hover);
    background-color: var(--color-yahoo-hover)
}

a.badge.badge-outline-yahoo:active,.btn.badge.badge-outline-yahoo:active {
    color: var(--color-yahoo-active-fore);
    border-color: var(--color-yahoo-active);
    background-color: var(--color-yahoo-active)
}

.badge.badge-blogger {
    color: var(--color-blogger-fore);
    border-color: var(--color-blogger);
    background-color: var(--color-blogger)
}

a.badge.badge-blogger:hover,a.badge.badge-blogger:focus,.btn.badge.badge-blogger:hover,.btn.badge.badge-blogger:focus {
    color: var(--color-blogger-hover-fore);
    border-color: var(--color-blogger-hover);
    background-color: var(--color-blogger-hover)
}

a.badge.badge-blogger:active,.btn.badge.badge-blogger:active {
    color: var(--color-blogger-active-fore);
    border-color: var(--color-blogger-active);
    background-color: var(--color-blogger-active)
}

.badge.badge-outline-blogger {
    color: var(--color-blogger);
    border-color: var(--color-blogger);
    background-color: transparent
}

a.badge.badge-outline-blogger:hover,a.badge.badge-outline-blogger:focus,.btn.badge.badge-outline-blogger:hover,.btn.badge.badge-outline-blogger:focus {
    color: var(--color-blogger-hover-fore);
    border-color: var(--color-blogger-hover);
    background-color: var(--color-blogger-hover)
}

a.badge.badge-outline-blogger:active,.btn.badge.badge-outline-blogger:active {
    color: var(--color-blogger-active-fore);
    border-color: var(--color-blogger-active);
    background-color: var(--color-blogger-active)
}

.badge.badge-soundcloud {
    color: var(--color-soundcloud-fore);
    border-color: var(--color-soundcloud);
    background-color: var(--color-soundcloud)
}

a.badge.badge-soundcloud:hover,a.badge.badge-soundcloud:focus,.btn.badge.badge-soundcloud:hover,.btn.badge.badge-soundcloud:focus {
    color: var(--color-soundcloud-hover-fore);
    border-color: var(--color-soundcloud-hover);
    background-color: var(--color-soundcloud-hover)
}

a.badge.badge-soundcloud:active,.btn.badge.badge-soundcloud:active {
    color: var(--color-soundcloud-active-fore);
    border-color: var(--color-soundcloud-active);
    background-color: var(--color-soundcloud-active)
}

.badge.badge-outline-soundcloud {
    color: var(--color-soundcloud);
    border-color: var(--color-soundcloud);
    background-color: transparent
}

a.badge.badge-outline-soundcloud:hover,a.badge.badge-outline-soundcloud:focus,.btn.badge.badge-outline-soundcloud:hover,.btn.badge.badge-outline-soundcloud:focus {
    color: var(--color-soundcloud-hover-fore);
    border-color: var(--color-soundcloud-hover);
    background-color: var(--color-soundcloud-hover)
}

a.badge.badge-outline-soundcloud:active,.btn.badge.badge-outline-soundcloud:active {
    color: var(--color-soundcloud-active-fore);
    border-color: var(--color-soundcloud-active);
    background-color: var(--color-soundcloud-active)
}

.badge.badge-android {
    color: var(--color-android-fore);
    border-color: var(--color-android);
    background-color: var(--color-android)
}

a.badge.badge-android:hover,a.badge.badge-android:focus,.btn.badge.badge-android:hover,.btn.badge.badge-android:focus {
    color: var(--color-android-hover-fore);
    border-color: var(--color-android-hover);
    background-color: var(--color-android-hover)
}

a.badge.badge-android:active,.btn.badge.badge-android:active {
    color: var(--color-android-active-fore);
    border-color: var(--color-android-active);
    background-color: var(--color-android-active)
}

.badge.badge-outline-android {
    color: var(--color-android);
    border-color: var(--color-android);
    background-color: transparent
}

a.badge.badge-outline-android:hover,a.badge.badge-outline-android:focus,.btn.badge.badge-outline-android:hover,.btn.badge.badge-outline-android:focus {
    color: var(--color-android-hover-fore);
    border-color: var(--color-android-hover);
    background-color: var(--color-android-hover)
}

a.badge.badge-outline-android:active,.btn.badge.badge-outline-android:active {
    color: var(--color-android-active-fore);
    border-color: var(--color-android-active);
    background-color: var(--color-android-active)
}

.badge.badge-apple {
    color: var(--color-apple-fore);
    border-color: var(--color-apple);
    background-color: var(--color-apple)
}

a.badge.badge-apple:hover,a.badge.badge-apple:focus,.btn.badge.badge-apple:hover,.btn.badge.badge-apple:focus {
    color: var(--color-apple-hover-fore);
    border-color: var(--color-apple-hover);
    background-color: var(--color-apple-hover)
}

a.badge.badge-apple:active,.btn.badge.badge-apple:active {
    color: var(--color-apple-active-fore);
    border-color: var(--color-apple-active);
    background-color: var(--color-apple-active)
}

.badge.badge-outline-apple {
    color: var(--color-apple);
    border-color: var(--color-apple);
    background-color: transparent
}

a.badge.badge-outline-apple:hover,a.badge.badge-outline-apple:focus,.btn.badge.badge-outline-apple:hover,.btn.badge.badge-outline-apple:focus {
    color: var(--color-apple-hover-fore);
    border-color: var(--color-apple-hover);
    background-color: var(--color-apple-hover)
}

a.badge.badge-outline-apple:active,.btn.badge.badge-outline-apple:active {
    color: var(--color-apple-active-fore);
    border-color: var(--color-apple-active);
    background-color: var(--color-apple-active)
}

.badge.badge-blue {
    color: var(--color-blue-fore);
    border-color: var(--color-blue);
    background-color: var(--color-blue)
}

a.badge.badge-blue:hover,a.badge.badge-blue:focus,.btn.badge.badge-blue:hover,.btn.badge.badge-blue:focus {
    color: var(--color-blue-hover-fore);
    border-color: var(--color-blue-hover);
    background-color: var(--color-blue-hover)
}

a.badge.badge-blue:active,.btn.badge.badge-blue:active {
    color: var(--color-blue-active-fore);
    border-color: var(--color-blue-active);
    background-color: var(--color-blue-active)
}

.badge.badge-outline-blue {
    color: var(--color-blue);
    border-color: var(--color-blue);
    background-color: transparent
}

a.badge.badge-outline-blue:hover,a.badge.badge-outline-blue:focus,.btn.badge.badge-outline-blue:hover,.btn.badge.badge-outline-blue:focus {
    color: var(--color-blue-hover-fore);
    border-color: var(--color-blue-hover);
    background-color: var(--color-blue-hover)
}

a.badge.badge-outline-blue:active,.btn.badge.badge-outline-blue:active {
    color: var(--color-blue-active-fore);
    border-color: var(--color-blue-active);
    background-color: var(--color-blue-active)
}

.badge.badge-indigo {
    color: var(--color-indigo-fore);
    border-color: var(--color-indigo);
    background-color: var(--color-indigo)
}

a.badge.badge-indigo:hover,a.badge.badge-indigo:focus,.btn.badge.badge-indigo:hover,.btn.badge.badge-indigo:focus {
    color: var(--color-indigo-hover-fore);
    border-color: var(--color-indigo-hover);
    background-color: var(--color-indigo-hover)
}

a.badge.badge-indigo:active,.btn.badge.badge-indigo:active {
    color: var(--color-indigo-active-fore);
    border-color: var(--color-indigo-active);
    background-color: var(--color-indigo-active)
}

.badge.badge-outline-indigo {
    color: var(--color-indigo);
    border-color: var(--color-indigo);
    background-color: transparent
}

a.badge.badge-outline-indigo:hover,a.badge.badge-outline-indigo:focus,.btn.badge.badge-outline-indigo:hover,.btn.badge.badge-outline-indigo:focus {
    color: var(--color-indigo-hover-fore);
    border-color: var(--color-indigo-hover);
    background-color: var(--color-indigo-hover)
}

a.badge.badge-outline-indigo:active,.btn.badge.badge-outline-indigo:active {
    color: var(--color-indigo-active-fore);
    border-color: var(--color-indigo-active);
    background-color: var(--color-indigo-active)
}

.badge.badge-purple {
    color: var(--color-purple-fore);
    border-color: var(--color-purple);
    background-color: var(--color-purple)
}

a.badge.badge-purple:hover,a.badge.badge-purple:focus,.btn.badge.badge-purple:hover,.btn.badge.badge-purple:focus {
    color: var(--color-purple-hover-fore);
    border-color: var(--color-purple-hover);
    background-color: var(--color-purple-hover)
}

a.badge.badge-purple:active,.btn.badge.badge-purple:active {
    color: var(--color-purple-active-fore);
    border-color: var(--color-purple-active);
    background-color: var(--color-purple-active)
}

.badge.badge-outline-purple {
    color: var(--color-purple);
    border-color: var(--color-purple);
    background-color: transparent
}

a.badge.badge-outline-purple:hover,a.badge.badge-outline-purple:focus,.btn.badge.badge-outline-purple:hover,.btn.badge.badge-outline-purple:focus {
    color: var(--color-purple-hover-fore);
    border-color: var(--color-purple-hover);
    background-color: var(--color-purple-hover)
}

a.badge.badge-outline-purple:active,.btn.badge.badge-outline-purple:active {
    color: var(--color-purple-active-fore);
    border-color: var(--color-purple-active);
    background-color: var(--color-purple-active)
}

.badge.badge-pink {
    color: var(--color-pink-fore);
    border-color: var(--color-pink);
    background-color: var(--color-pink)
}

a.badge.badge-pink:hover,a.badge.badge-pink:focus,.btn.badge.badge-pink:hover,.btn.badge.badge-pink:focus {
    color: var(--color-pink-hover-fore);
    border-color: var(--color-pink-hover);
    background-color: var(--color-pink-hover)
}

a.badge.badge-pink:active,.btn.badge.badge-pink:active {
    color: var(--color-pink-active-fore);
    border-color: var(--color-pink-active);
    background-color: var(--color-pink-active)
}

.badge.badge-outline-pink {
    color: var(--color-pink);
    border-color: var(--color-pink);
    background-color: transparent
}

a.badge.badge-outline-pink:hover,a.badge.badge-outline-pink:focus,.btn.badge.badge-outline-pink:hover,.btn.badge.badge-outline-pink:focus {
    color: var(--color-pink-hover-fore);
    border-color: var(--color-pink-hover);
    background-color: var(--color-pink-hover)
}

a.badge.badge-outline-pink:active,.btn.badge.badge-outline-pink:active {
    color: var(--color-pink-active-fore);
    border-color: var(--color-pink-active);
    background-color: var(--color-pink-active)
}

.badge.badge-red {
    color: var(--color-red-fore);
    border-color: var(--color-red);
    background-color: var(--color-red)
}

a.badge.badge-red:hover,a.badge.badge-red:focus,.btn.badge.badge-red:hover,.btn.badge.badge-red:focus {
    color: var(--color-red-hover-fore);
    border-color: var(--color-red-hover);
    background-color: var(--color-red-hover)
}

a.badge.badge-red:active,.btn.badge.badge-red:active {
    color: var(--color-red-active-fore);
    border-color: var(--color-red-active);
    background-color: var(--color-red-active)
}

.badge.badge-outline-red {
    color: var(--color-red);
    border-color: var(--color-red);
    background-color: transparent
}

a.badge.badge-outline-red:hover,a.badge.badge-outline-red:focus,.btn.badge.badge-outline-red:hover,.btn.badge.badge-outline-red:focus {
    color: var(--color-red-hover-fore);
    border-color: var(--color-red-hover);
    background-color: var(--color-red-hover)
}

a.badge.badge-outline-red:active,.btn.badge.badge-outline-red:active {
    color: var(--color-red-active-fore);
    border-color: var(--color-red-active);
    background-color: var(--color-red-active)
}

.badge.badge-orange {
    color: var(--color-orange-fore);
    border-color: var(--color-orange);
    background-color: var(--color-orange)
}

a.badge.badge-orange:hover,a.badge.badge-orange:focus,.btn.badge.badge-orange:hover,.btn.badge.badge-orange:focus {
    color: var(--color-orange-hover-fore);
    border-color: var(--color-orange-hover);
    background-color: var(--color-orange-hover)
}

a.badge.badge-orange:active,.btn.badge.badge-orange:active {
    color: var(--color-orange-active-fore);
    border-color: var(--color-orange-active);
    background-color: var(--color-orange-active)
}

.badge.badge-outline-orange {
    color: var(--color-orange);
    border-color: var(--color-orange);
    background-color: transparent
}

a.badge.badge-outline-orange:hover,a.badge.badge-outline-orange:focus,.btn.badge.badge-outline-orange:hover,.btn.badge.badge-outline-orange:focus {
    color: var(--color-orange-hover-fore);
    border-color: var(--color-orange-hover);
    background-color: var(--color-orange-hover)
}

a.badge.badge-outline-orange:active,.btn.badge.badge-outline-orange:active {
    color: var(--color-orange-active-fore);
    border-color: var(--color-orange-active);
    background-color: var(--color-orange-active)
}

.badge.badge-yellow {
    color: var(--color-yellow-fore);
    border-color: var(--color-yellow);
    background-color: var(--color-yellow)
}

a.badge.badge-yellow:hover,a.badge.badge-yellow:focus,.btn.badge.badge-yellow:hover,.btn.badge.badge-yellow:focus {
    color: var(--color-yellow-hover-fore);
    border-color: var(--color-yellow-hover);
    background-color: var(--color-yellow-hover)
}

a.badge.badge-yellow:active,.btn.badge.badge-yellow:active {
    color: var(--color-yellow-active-fore);
    border-color: var(--color-yellow-active);
    background-color: var(--color-yellow-active)
}

.badge.badge-outline-yellow {
    color: var(--color-yellow);
    border-color: var(--color-yellow);
    background-color: transparent
}

a.badge.badge-outline-yellow:hover,a.badge.badge-outline-yellow:focus,.btn.badge.badge-outline-yellow:hover,.btn.badge.badge-outline-yellow:focus {
    color: var(--color-yellow-hover-fore);
    border-color: var(--color-yellow-hover);
    background-color: var(--color-yellow-hover)
}

a.badge.badge-outline-yellow:active,.btn.badge.badge-outline-yellow:active {
    color: var(--color-yellow-active-fore);
    border-color: var(--color-yellow-active);
    background-color: var(--color-yellow-active)
}

.badge.badge-green {
    color: var(--color-green-fore);
    border-color: var(--color-green);
    background-color: var(--color-green)
}

a.badge.badge-green:hover,a.badge.badge-green:focus,.btn.badge.badge-green:hover,.btn.badge.badge-green:focus {
    color: var(--color-green-hover-fore);
    border-color: var(--color-green-hover);
    background-color: var(--color-green-hover)
}

a.badge.badge-green:active,.btn.badge.badge-green:active {
    color: var(--color-green-active-fore);
    border-color: var(--color-green-active);
    background-color: var(--color-green-active)
}

.badge.badge-outline-green {
    color: var(--color-green);
    border-color: var(--color-green);
    background-color: transparent
}

a.badge.badge-outline-green:hover,a.badge.badge-outline-green:focus,.btn.badge.badge-outline-green:hover,.btn.badge.badge-outline-green:focus {
    color: var(--color-green-hover-fore);
    border-color: var(--color-green-hover);
    background-color: var(--color-green-hover)
}

a.badge.badge-outline-green:active,.btn.badge.badge-outline-green:active {
    color: var(--color-green-active-fore);
    border-color: var(--color-green-active);
    background-color: var(--color-green-active)
}

.badge.badge-teal {
    color: var(--color-teal-fore);
    border-color: var(--color-teal);
    background-color: var(--color-teal)
}

a.badge.badge-teal:hover,a.badge.badge-teal:focus,.btn.badge.badge-teal:hover,.btn.badge.badge-teal:focus {
    color: var(--color-teal-hover-fore);
    border-color: var(--color-teal-hover);
    background-color: var(--color-teal-hover)
}

a.badge.badge-teal:active,.btn.badge.badge-teal:active {
    color: var(--color-teal-active-fore);
    border-color: var(--color-teal-active);
    background-color: var(--color-teal-active)
}

.badge.badge-outline-teal {
    color: var(--color-teal);
    border-color: var(--color-teal);
    background-color: transparent
}

a.badge.badge-outline-teal:hover,a.badge.badge-outline-teal:focus,.btn.badge.badge-outline-teal:hover,.btn.badge.badge-outline-teal:focus {
    color: var(--color-teal-hover-fore);
    border-color: var(--color-teal-hover);
    background-color: var(--color-teal-hover)
}

a.badge.badge-outline-teal:active,.btn.badge.badge-outline-teal:active {
    color: var(--color-teal-active-fore);
    border-color: var(--color-teal-active);
    background-color: var(--color-teal-active)
}

.badge.badge-cyan {
    color: var(--color-cyan-fore);
    border-color: var(--color-cyan);
    background-color: var(--color-cyan)
}

a.badge.badge-cyan:hover,a.badge.badge-cyan:focus,.btn.badge.badge-cyan:hover,.btn.badge.badge-cyan:focus {
    color: var(--color-cyan-hover-fore);
    border-color: var(--color-cyan-hover);
    background-color: var(--color-cyan-hover)
}

a.badge.badge-cyan:active,.btn.badge.badge-cyan:active {
    color: var(--color-cyan-active-fore);
    border-color: var(--color-cyan-active);
    background-color: var(--color-cyan-active)
}

.badge.badge-outline-cyan {
    color: var(--color-cyan);
    border-color: var(--color-cyan);
    background-color: transparent
}

a.badge.badge-outline-cyan:hover,a.badge.badge-outline-cyan:focus,.btn.badge.badge-outline-cyan:hover,.btn.badge.badge-outline-cyan:focus {
    color: var(--color-cyan-hover-fore);
    border-color: var(--color-cyan-hover);
    background-color: var(--color-cyan-hover)
}

a.badge.badge-outline-cyan:active,.btn.badge.badge-outline-cyan:active {
    color: var(--color-cyan-active-fore);
    border-color: var(--color-cyan-active);
    background-color: var(--color-cyan-active)
}

.badge.badge-black {
    color: var(--color-black-fore);
    border-color: var(--color-black);
    background-color: var(--color-black)
}

a.badge.badge-black:hover,a.badge.badge-black:focus,.btn.badge.badge-black:hover,.btn.badge.badge-black:focus {
    color: var(--color-black-hover-fore);
    border-color: var(--color-black-hover);
    background-color: var(--color-black-hover)
}

a.badge.badge-black:active,.btn.badge.badge-black:active {
    color: var(--color-black-active-fore);
    border-color: var(--color-black-active);
    background-color: var(--color-black-active)
}

.badge.badge-outline-black {
    color: var(--color-black);
    border-color: var(--color-black);
    background-color: transparent
}

a.badge.badge-outline-black:hover,a.badge.badge-outline-black:focus,.btn.badge.badge-outline-black:hover,.btn.badge.badge-outline-black:focus {
    color: var(--color-black-hover-fore);
    border-color: var(--color-black-hover);
    background-color: var(--color-black-hover)
}

a.badge.badge-outline-black:active,.btn.badge.badge-outline-black:active {
    color: var(--color-black-active-fore);
    border-color: var(--color-black-active);
    background-color: var(--color-black-active)
}

.badge.badge-white {
    color: var(--color-white-fore);
    border-color: var(--color-white);
    background-color: var(--color-white)
}

a.badge.badge-white:hover,a.badge.badge-white:focus,.btn.badge.badge-white:hover,.btn.badge.badge-white:focus {
    color: var(--color-white-hover-fore);
    border-color: var(--color-white-hover);
    background-color: var(--color-white-hover)
}

a.badge.badge-white:active,.btn.badge.badge-white:active {
    color: var(--color-white-active-fore);
    border-color: var(--color-white-active);
    background-color: var(--color-white-active)
}

.badge.badge-outline-white {
    color: var(--color-white);
    border-color: var(--color-white);
    background-color: transparent
}

a.badge.badge-outline-white:hover,a.badge.badge-outline-white:focus,.btn.badge.badge-outline-white:hover,.btn.badge.badge-outline-white:focus {
    color: var(--color-white-hover-fore);
    border-color: var(--color-white-hover);
    background-color: var(--color-white-hover)
}

a.badge.badge-outline-white:active,.btn.badge.badge-outline-white:active {
    color: var(--color-white-active-fore);
    border-color: var(--color-white-active);
    background-color: var(--color-white-active)
}

.badge.badge-light {
    color: var(--color-light-fore);
    border-color: var(--color-light);
    background-color: var(--color-light)
}

a.badge.badge-light:hover,a.badge.badge-light:focus,.btn.badge.badge-light:hover,.btn.badge.badge-light:focus {
    color: var(--color-light-hover-fore);
    border-color: var(--color-light-hover);
    background-color: var(--color-light-hover)
}

a.badge.badge-light:active,.btn.badge.badge-light:active {
    color: var(--color-light-active-fore);
    border-color: var(--color-light-active);
    background-color: var(--color-light-active)
}

.badge.badge-outline-light {
    color: var(--color-light);
    border-color: var(--color-light);
    background-color: transparent
}

a.badge.badge-outline-light:hover,a.badge.badge-outline-light:focus,.btn.badge.badge-outline-light:hover,.btn.badge.badge-outline-light:focus {
    color: var(--color-light-hover-fore);
    border-color: var(--color-light-hover);
    background-color: var(--color-light-hover)
}

a.badge.badge-outline-light:active,.btn.badge.badge-outline-light:active {
    color: var(--color-light-active-fore);
    border-color: var(--color-light-active);
    background-color: var(--color-light-active)
}

.badge.badge-dark {
    color: var(--color-dark-fore);
    border-color: var(--color-dark);
    background-color: var(--color-dark)
}

a.badge.badge-dark:hover,a.badge.badge-dark:focus,.btn.badge.badge-dark:hover,.btn.badge.badge-dark:focus {
    color: var(--color-dark-hover-fore);
    border-color: var(--color-dark-hover);
    background-color: var(--color-dark-hover)
}

a.badge.badge-dark:active,.btn.badge.badge-dark:active {
    color: var(--color-dark-active-fore);
    border-color: var(--color-dark-active);
    background-color: var(--color-dark-active)
}

.badge.badge-outline-dark {
    color: var(--color-dark);
    border-color: var(--color-dark);
    background-color: transparent
}

a.badge.badge-outline-dark:hover,a.badge.badge-outline-dark:focus,.btn.badge.badge-outline-dark:hover,.btn.badge.badge-outline-dark:focus {
    color: var(--color-dark-hover-fore);
    border-color: var(--color-dark-hover);
    background-color: var(--color-dark-hover)
}

a.badge.badge-outline-dark:active,.btn.badge.badge-outline-dark:active {
    color: var(--color-dark-active-fore);
    border-color: var(--color-dark-active);
    background-color: var(--color-dark-active)
}

.badge.badge-primary {
    color: var(--color-primary-fore);
    border-color: var(--color-primary);
    background-color: var(--color-primary)
}

a.badge.badge-primary:hover,a.badge.badge-primary:focus,.btn.badge.badge-primary:hover,.btn.badge.badge-primary:focus {
    color: var(--color-primary-hover-fore);
    border-color: var(--color-primary-hover);
    background-color: var(--color-primary-hover)
}

a.badge.badge-primary:active,.btn.badge.badge-primary:active {
    color: var(--color-primary-active-fore);
    border-color: var(--color-primary-active);
    background-color: var(--color-primary-active)
}

.badge.badge-outline-primary {
    color: var(--color-primary);
    border-color: var(--color-primary);
    background-color: transparent
}

a.badge.badge-outline-primary:hover,a.badge.badge-outline-primary:focus,.btn.badge.badge-outline-primary:hover,.btn.badge.badge-outline-primary:focus {
    color: var(--color-primary-hover-fore);
    border-color: var(--color-primary-hover);
    background-color: var(--color-primary-hover)
}

a.badge.badge-outline-primary:active,.btn.badge.badge-outline-primary:active {
    color: var(--color-primary-active-fore);
    border-color: var(--color-primary-active);
    background-color: var(--color-primary-active)
}

.badge.badge-secondary {
    color: var(--color-secondary-fore);
    border-color: var(--color-secondary);
    background-color: var(--color-secondary)
}

a.badge.badge-secondary:hover,a.badge.badge-secondary:focus,.btn.badge.badge-secondary:hover,.btn.badge.badge-secondary:focus {
    color: var(--color-secondary-hover-fore);
    border-color: var(--color-secondary-hover);
    background-color: var(--color-secondary-hover)
}

a.badge.badge-secondary:active,.btn.badge.badge-secondary:active {
    color: var(--color-secondary-active-fore);
    border-color: var(--color-secondary-active);
    background-color: var(--color-secondary-active)
}

.badge.badge-outline-secondary {
    color: var(--color-secondary);
    border-color: var(--color-secondary);
    background-color: transparent
}

a.badge.badge-outline-secondary:hover,a.badge.badge-outline-secondary:focus,.btn.badge.badge-outline-secondary:hover,.btn.badge.badge-outline-secondary:focus {
    color: var(--color-secondary-hover-fore);
    border-color: var(--color-secondary-hover);
    background-color: var(--color-secondary-hover)
}

a.badge.badge-outline-secondary:active,.btn.badge.badge-outline-secondary:active {
    color: var(--color-secondary-active-fore);
    border-color: var(--color-secondary-active);
    background-color: var(--color-secondary-active)
}

.badge.badge-success {
    color: var(--color-success-fore);
    border-color: var(--color-success);
    background-color: var(--color-success)
}

a.badge.badge-success:hover,a.badge.badge-success:focus,.btn.badge.badge-success:hover,.btn.badge.badge-success:focus {
    color: var(--color-success-hover-fore);
    border-color: var(--color-success-hover);
    background-color: var(--color-success-hover)
}

a.badge.badge-success:active,.btn.badge.badge-success:active {
    color: var(--color-success-active-fore);
    border-color: var(--color-success-active);
    background-color: var(--color-success-active)
}

.badge.badge-outline-success {
    color: var(--color-success);
    border-color: var(--color-success);
    background-color: transparent
}

a.badge.badge-outline-success:hover,a.badge.badge-outline-success:focus,.btn.badge.badge-outline-success:hover,.btn.badge.badge-outline-success:focus {
    color: var(--color-success-hover-fore);
    border-color: var(--color-success-hover);
    background-color: var(--color-success-hover)
}

a.badge.badge-outline-success:active,.btn.badge.badge-outline-success:active {
    color: var(--color-success-active-fore);
    border-color: var(--color-success-active);
    background-color: var(--color-success-active)
}

.badge.badge-info {
    color: var(--color-info-fore);
    border-color: var(--color-info);
    background-color: var(--color-info)
}

a.badge.badge-info:hover,a.badge.badge-info:focus,.btn.badge.badge-info:hover,.btn.badge.badge-info:focus {
    color: var(--color-info-hover-fore);
    border-color: var(--color-info-hover);
    background-color: var(--color-info-hover)
}

a.badge.badge-info:active,.btn.badge.badge-info:active {
    color: var(--color-info-active-fore);
    border-color: var(--color-info-active);
    background-color: var(--color-info-active)
}

.badge.badge-outline-info {
    color: var(--color-info);
    border-color: var(--color-info);
    background-color: transparent
}

a.badge.badge-outline-info:hover,a.badge.badge-outline-info:focus,.btn.badge.badge-outline-info:hover,.btn.badge.badge-outline-info:focus {
    color: var(--color-info-hover-fore);
    border-color: var(--color-info-hover);
    background-color: var(--color-info-hover)
}

a.badge.badge-outline-info:active,.btn.badge.badge-outline-info:active {
    color: var(--color-info-active-fore);
    border-color: var(--color-info-active);
    background-color: var(--color-info-active)
}

.badge.badge-warning {
    color: var(--color-warning-fore);
    border-color: var(--color-warning);
    background-color: var(--color-warning)
}

a.badge.badge-warning:hover,a.badge.badge-warning:focus,.btn.badge.badge-warning:hover,.btn.badge.badge-warning:focus {
    color: var(--color-warning-hover-fore);
    border-color: var(--color-warning-hover);
    background-color: var(--color-warning-hover)
}

a.badge.badge-warning:active,.btn.badge.badge-warning:active {
    color: var(--color-warning-active-fore);
    border-color: var(--color-warning-active);
    background-color: var(--color-warning-active)
}

.badge.badge-outline-warning {
    color: var(--color-warning);
    border-color: var(--color-warning);
    background-color: transparent
}

a.badge.badge-outline-warning:hover,a.badge.badge-outline-warning:focus,.btn.badge.badge-outline-warning:hover,.btn.badge.badge-outline-warning:focus {
    color: var(--color-warning-hover-fore);
    border-color: var(--color-warning-hover);
    background-color: var(--color-warning-hover)
}

a.badge.badge-outline-warning:active,.btn.badge.badge-outline-warning:active {
    color: var(--color-warning-active-fore);
    border-color: var(--color-warning-active);
    background-color: var(--color-warning-active)
}

.badge.badge-danger {
    color: var(--color-danger-fore);
    border-color: var(--color-danger);
    background-color: var(--color-danger)
}

a.badge.badge-danger:hover,a.badge.badge-danger:focus,.btn.badge.badge-danger:hover,.btn.badge.badge-danger:focus {
    color: var(--color-danger-hover-fore);
    border-color: var(--color-danger-hover);
    background-color: var(--color-danger-hover)
}

a.badge.badge-danger:active,.btn.badge.badge-danger:active {
    color: var(--color-danger-active-fore);
    border-color: var(--color-danger-active);
    background-color: var(--color-danger-active)
}

.badge.badge-outline-danger {
    color: var(--color-danger);
    border-color: var(--color-danger);
    background-color: transparent
}

a.badge.badge-outline-danger:hover,a.badge.badge-outline-danger:focus,.btn.badge.badge-outline-danger:hover,.btn.badge.badge-outline-danger:focus {
    color: var(--color-danger-hover-fore);
    border-color: var(--color-danger-hover);
    background-color: var(--color-danger-hover)
}

a.badge.badge-outline-danger:active,.btn.badge.badge-outline-danger:active {
    color: var(--color-danger-active-fore);
    border-color: var(--color-danger-active);
    background-color: var(--color-danger-active)
}

.breadcrumb {
    margin: 0;
    color: var(--text-color);
    font-size: var(--breadcrumb-font-size);
    padding: var(--breadcrumb-padding-y) var(--breadcrumb-padding-x);
    background-color: transparent;
    border-radius: 0
}

.breadcrumb-item+.breadcrumb-item::before {
    content: "·"
}

.btn {
    font-family: var(--button-font-family);
    font-weight: var(--button-font-weight);
    transition: var(--transition)
}

.btn,.btn:hover,.btn:focus {
    box-shadow: none !important
}

.btn {
    padding: var(--button-padding-y) var(--button-padding-x);
    font-size: var(--button-font-size);
    line-height: var(--button-line-height);
    border-radius: var(--button-border-radius)
}

.btn.btn-square,.btn.btn-circle {
    width: var(--button-size);
    height: var(--button-size)
}

.btn-lg {
    padding: var(--button-padding-y-lg) var(--button-padding-x-lg);
    font-size: var(--button-font-size-lg);
    line-height: var(--button-line-height-lg);
    border-radius: var(--button-border-radius-lg)
}

.btn-lg.btn-square,.btn-lg.btn-circle {
    width: var(--button-size-lg);
    height: var(--button-size-lg)
}

.btn-sm {
    padding: var(--button-padding-y-sm) var(--button-padding-x-sm);
    font-size: var(--button-font-size-sm);
    line-height: var(--button-line-height-sm);
    border-radius: var(--button-border-radius-sm)
}

.btn-sm.btn-square,.btn-sm.btn-circle {
    width: var(--button-size-sm);
    height: var(--button-size-sm)
}

.btn-rounded {
    border-radius: var(--border-radius-rounded)
}

.btn-strong {
    font-weight: var(--font-weight-medium)
}

.btn-square,.btn-circle {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.btn-circle {
    border-radius: 50%
}

.btn-circle:not([class*='btn-outline-']) {
    border: none
}

.btn-outline-light-custom {
    color: var(--text-color);
    border-color: var(--color-secondary);
    background-color: transparent;
    box-shadow: none
}

.btn-outline-light-custom:hover,.btn-outline-light-custom .hover,.btn-outline-light-custom:focus,.btn-outline-light-custom .focus {
    color: var(--text-color);
    border-color: var(--color-secondary-hover);
    background-color: #fafafa;
    box-shadow: none
}

.btn-outline-light-custom:active,.btn-outline-light-custom .active {
    color: var(--text-color);
    border-color: var(--color-secondary);
    background-color: #f0f0f0;
    box-shadow: none
}

.btn-outline-light-custom:disabled,.btn-outline-light-custom.disabled {
    opacity: .6;
    color: var(--text-color);
    border-color: var(--color-secondary);
    background-color: #f0f0f0;
    box-shadow: none
}

.btn-outline-light-custom:not(:disabled):not(.disabled):active,.btn-outline-light-custom:not(:disabled):not(.disabled).active,.show>.btn-outline-light-custom.dropdown-toggle {
    color: var(--text-color);
    border-color: var(--color-secondary);
    background-color: #f0f0f0;
    box-shadow: none
}

.btn-outline-light-custom:not(:disabled):not(.disabled):active:focus,.btn-outline-light-custom:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-light-custom.dropdown-toggle:focus {
    box-shadow: none
}

.btn-facebook {
    color: var(--color-facebook-fore);
    border-color: var(--color-facebook);
    background-color: var(--color-facebook);
    box-shadow: none
}

.btn-facebook:hover,.btn-facebook .hover,.btn-facebook:focus,.btn-facebook .focus {
    color: var(--color-facebook-hover-fore);
    border-color: var(--color-facebook-hover);
    background-color: var(--color-facebook-hover);
    box-shadow: none
}

.btn-facebook:active,.btn-facebook .active {
    color: var(--color-facebook-active-fore);
    border-color: var(--color-facebook-active);
    background-color: var(--color-facebook-active);
    box-shadow: none
}

.btn-facebook:disabled,.btn-facebook.disabled {
    color: var(--color-facebook-fore);
    border-color: var(--color-facebook);
    background-color: var(--color-facebook);
    box-shadow: none
}

.btn-facebook:not(:disabled):not(.disabled):active,.btn-facebook:not(:disabled):not(.disabled).active,.show>.btn-facebook.dropdown-toggle {
    color: var(--color-facebook-active-fore);
    border-color: var(--color-facebook-active);
    background-color: var(--color-facebook-active)
}

.btn-facebook:not(:disabled):not(.disabled):active:focus,.btn-facebook:not(:disabled):not(.disabled).active:focus,.show>.btn-facebook.dropdown-toggle:focus {
    box-shadow: none
}

.btn-outline-facebook {
    color: var(--color-facebook);
    border-color: var(--color-facebook);
    background-color: transparent;
    box-shadow: none
}

.btn-outline-facebook:hover,.btn-outline-facebook .hover,.btn-outline-facebook:focus,.btn-outline-facebook .focus {
    color: var(--color-facebook-hover-fore);
    border-color: var(--color-facebook-hover);
    background-color: var(--color-facebook-hover);
    box-shadow: none
}

.btn-outline-facebook:active,.btn-outline-facebook .active {
    color: var(--color-facebook-active-fore);
    border-color: var(--color-facebook-active);
    background-color: var(--color-facebook-active);
    box-shadow: none
}

.btn-outline-facebook:disabled,.btn-outline-facebook.disabled {
    color: var(--color-facebook-fore);
    border-color: var(--color-facebook);
    background-color: var(--color-facebook);
    box-shadow: none
}

.btn-outline-facebook:not(:disabled):not(.disabled):active,.btn-outline-facebook:not(:disabled):not(.disabled).active,.show>.btn-outline-facebook.dropdown-toggle {
    color: var(--color-facebook-active-fore);
    border-color: var(--color-facebook-active);
    background-color: var(--color-facebook-active)
}

.btn-outline-facebook:not(:disabled):not(.disabled):active:focus,.btn-outline-facebook:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-facebook.dropdown-toggle:focus {
    box-shadow: none
}

.btn-twitter {
    color: var(--color-twitter-fore);
    border-color: var(--color-twitter);
    background-color: var(--color-twitter);
    box-shadow: none
}

.btn-twitter:hover,.btn-twitter .hover,.btn-twitter:focus,.btn-twitter .focus {
    color: var(--color-twitter-hover-fore);
    border-color: var(--color-twitter-hover);
    background-color: var(--color-twitter-hover);
    box-shadow: none
}

.btn-twitter:active,.btn-twitter .active {
    color: var(--color-twitter-active-fore);
    border-color: var(--color-twitter-active);
    background-color: var(--color-twitter-active);
    box-shadow: none
}

.btn-twitter:disabled,.btn-twitter.disabled {
    color: var(--color-twitter-fore);
    border-color: var(--color-twitter);
    background-color: var(--color-twitter);
    box-shadow: none
}

.btn-twitter:not(:disabled):not(.disabled):active,.btn-twitter:not(:disabled):not(.disabled).active,.show>.btn-twitter.dropdown-toggle {
    color: var(--color-twitter-active-fore);
    border-color: var(--color-twitter-active);
    background-color: var(--color-twitter-active)
}

.btn-twitter:not(:disabled):not(.disabled):active:focus,.btn-twitter:not(:disabled):not(.disabled).active:focus,.show>.btn-twitter.dropdown-toggle:focus {
    box-shadow: none
}

.btn-outline-twitter {
    color: var(--color-twitter);
    border-color: var(--color-twitter);
    background-color: transparent;
    box-shadow: none
}

.btn-outline-twitter:hover,.btn-outline-twitter .hover,.btn-outline-twitter:focus,.btn-outline-twitter .focus {
    color: var(--color-twitter-hover-fore);
    border-color: var(--color-twitter-hover);
    background-color: var(--color-twitter-hover);
    box-shadow: none
}

.btn-outline-twitter:active,.btn-outline-twitter .active {
    color: var(--color-twitter-active-fore);
    border-color: var(--color-twitter-active);
    background-color: var(--color-twitter-active);
    box-shadow: none
}

.btn-outline-twitter:disabled,.btn-outline-twitter.disabled {
    color: var(--color-twitter-fore);
    border-color: var(--color-twitter);
    background-color: var(--color-twitter);
    box-shadow: none
}

.btn-outline-twitter:not(:disabled):not(.disabled):active,.btn-outline-twitter:not(:disabled):not(.disabled).active,.show>.btn-outline-twitter.dropdown-toggle {
    color: var(--color-twitter-active-fore);
    border-color: var(--color-twitter-active);
    background-color: var(--color-twitter-active)
}

.btn-outline-twitter:not(:disabled):not(.disabled):active:focus,.btn-outline-twitter:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-twitter.dropdown-toggle:focus {
    box-shadow: none
}

.btn-linkedin {
    color: var(--color-linkedin-fore);
    border-color: var(--color-linkedin);
    background-color: var(--color-linkedin);
    box-shadow: none
}

.btn-linkedin:hover,.btn-linkedin .hover,.btn-linkedin:focus,.btn-linkedin .focus {
    color: var(--color-linkedin-hover-fore);
    border-color: var(--color-linkedin-hover);
    background-color: var(--color-linkedin-hover);
    box-shadow: none
}

.btn-linkedin:active,.btn-linkedin .active {
    color: var(--color-linkedin-active-fore);
    border-color: var(--color-linkedin-active);
    background-color: var(--color-linkedin-active);
    box-shadow: none
}

.btn-linkedin:disabled,.btn-linkedin.disabled {
    color: var(--color-linkedin-fore);
    border-color: var(--color-linkedin);
    background-color: var(--color-linkedin);
    box-shadow: none
}

.btn-linkedin:not(:disabled):not(.disabled):active,.btn-linkedin:not(:disabled):not(.disabled).active,.show>.btn-linkedin.dropdown-toggle {
    color: var(--color-linkedin-active-fore);
    border-color: var(--color-linkedin-active);
    background-color: var(--color-linkedin-active)
}

.btn-linkedin:not(:disabled):not(.disabled):active:focus,.btn-linkedin:not(:disabled):not(.disabled).active:focus,.show>.btn-linkedin.dropdown-toggle:focus {
    box-shadow: none
}

.btn-outline-linkedin {
    color: var(--color-linkedin);
    border-color: var(--color-linkedin);
    background-color: transparent;
    box-shadow: none
}

.btn-outline-linkedin:hover,.btn-outline-linkedin .hover,.btn-outline-linkedin:focus,.btn-outline-linkedin .focus {
    color: var(--color-linkedin-hover-fore);
    border-color: var(--color-linkedin-hover);
    background-color: var(--color-linkedin-hover);
    box-shadow: none
}

.btn-outline-linkedin:active,.btn-outline-linkedin .active {
    color: var(--color-linkedin-active-fore);
    border-color: var(--color-linkedin-active);
    background-color: var(--color-linkedin-active);
    box-shadow: none
}

.btn-outline-linkedin:disabled,.btn-outline-linkedin.disabled {
    color: var(--color-linkedin-fore);
    border-color: var(--color-linkedin);
    background-color: var(--color-linkedin);
    box-shadow: none
}

.btn-outline-linkedin:not(:disabled):not(.disabled):active,.btn-outline-linkedin:not(:disabled):not(.disabled).active,.show>.btn-outline-linkedin.dropdown-toggle {
    color: var(--color-linkedin-active-fore);
    border-color: var(--color-linkedin-active);
    background-color: var(--color-linkedin-active)
}

.btn-outline-linkedin:not(:disabled):not(.disabled):active:focus,.btn-outline-linkedin:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-linkedin.dropdown-toggle:focus {
    box-shadow: none
}

.btn-skype {
    color: var(--color-skype-fore);
    border-color: var(--color-skype);
    background-color: var(--color-skype);
    box-shadow: none
}

.btn-skype:hover,.btn-skype .hover,.btn-skype:focus,.btn-skype .focus {
    color: var(--color-skype-hover-fore);
    border-color: var(--color-skype-hover);
    background-color: var(--color-skype-hover);
    box-shadow: none
}

.btn-skype:active,.btn-skype .active {
    color: var(--color-skype-active-fore);
    border-color: var(--color-skype-active);
    background-color: var(--color-skype-active);
    box-shadow: none
}

.btn-skype:disabled,.btn-skype.disabled {
    color: var(--color-skype-fore);
    border-color: var(--color-skype);
    background-color: var(--color-skype);
    box-shadow: none
}

.btn-skype:not(:disabled):not(.disabled):active,.btn-skype:not(:disabled):not(.disabled).active,.show>.btn-skype.dropdown-toggle {
    color: var(--color-skype-active-fore);
    border-color: var(--color-skype-active);
    background-color: var(--color-skype-active)
}

.btn-skype:not(:disabled):not(.disabled):active:focus,.btn-skype:not(:disabled):not(.disabled).active:focus,.show>.btn-skype.dropdown-toggle:focus {
    box-shadow: none
}

.btn-outline-skype {
    color: var(--color-skype);
    border-color: var(--color-skype);
    background-color: transparent;
    box-shadow: none
}

.btn-outline-skype:hover,.btn-outline-skype .hover,.btn-outline-skype:focus,.btn-outline-skype .focus {
    color: var(--color-skype-hover-fore);
    border-color: var(--color-skype-hover);
    background-color: var(--color-skype-hover);
    box-shadow: none
}

.btn-outline-skype:active,.btn-outline-skype .active {
    color: var(--color-skype-active-fore);
    border-color: var(--color-skype-active);
    background-color: var(--color-skype-active);
    box-shadow: none
}

.btn-outline-skype:disabled,.btn-outline-skype.disabled {
    color: var(--color-skype-fore);
    border-color: var(--color-skype);
    background-color: var(--color-skype);
    box-shadow: none
}

.btn-outline-skype:not(:disabled):not(.disabled):active,.btn-outline-skype:not(:disabled):not(.disabled).active,.show>.btn-outline-skype.dropdown-toggle {
    color: var(--color-skype-active-fore);
    border-color: var(--color-skype-active);
    background-color: var(--color-skype-active)
}

.btn-outline-skype:not(:disabled):not(.disabled):active:focus,.btn-outline-skype:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-skype.dropdown-toggle:focus {
    box-shadow: none
}

.btn-googleplus {
    color: var(--color-googleplus-fore);
    border-color: var(--color-googleplus);
    background-color: var(--color-googleplus);
    box-shadow: none
}

.btn-googleplus:hover,.btn-googleplus .hover,.btn-googleplus:focus,.btn-googleplus .focus {
    color: var(--color-googleplus-hover-fore);
    border-color: var(--color-googleplus-hover);
    background-color: var(--color-googleplus-hover);
    box-shadow: none
}

.btn-googleplus:active,.btn-googleplus .active {
    color: var(--color-googleplus-active-fore);
    border-color: var(--color-googleplus-active);
    background-color: var(--color-googleplus-active);
    box-shadow: none
}

.btn-googleplus:disabled,.btn-googleplus.disabled {
    color: var(--color-googleplus-fore);
    border-color: var(--color-googleplus);
    background-color: var(--color-googleplus);
    box-shadow: none
}

.btn-googleplus:not(:disabled):not(.disabled):active,.btn-googleplus:not(:disabled):not(.disabled).active,.show>.btn-googleplus.dropdown-toggle {
    color: var(--color-googleplus-active-fore);
    border-color: var(--color-googleplus-active);
    background-color: var(--color-googleplus-active)
}

.btn-googleplus:not(:disabled):not(.disabled):active:focus,.btn-googleplus:not(:disabled):not(.disabled).active:focus,.show>.btn-googleplus.dropdown-toggle:focus {
    box-shadow: none
}

.btn-outline-googleplus {
    color: var(--color-googleplus);
    border-color: var(--color-googleplus);
    background-color: transparent;
    box-shadow: none
}

.btn-outline-googleplus:hover,.btn-outline-googleplus .hover,.btn-outline-googleplus:focus,.btn-outline-googleplus .focus {
    color: var(--color-googleplus-hover-fore);
    border-color: var(--color-googleplus-hover);
    background-color: var(--color-googleplus-hover);
    box-shadow: none
}

.btn-outline-googleplus:active,.btn-outline-googleplus .active {
    color: var(--color-googleplus-active-fore);
    border-color: var(--color-googleplus-active);
    background-color: var(--color-googleplus-active);
    box-shadow: none
}

.btn-outline-googleplus:disabled,.btn-outline-googleplus.disabled {
    color: var(--color-googleplus-fore);
    border-color: var(--color-googleplus);
    background-color: var(--color-googleplus);
    box-shadow: none
}

.btn-outline-googleplus:not(:disabled):not(.disabled):active,.btn-outline-googleplus:not(:disabled):not(.disabled).active,.show>.btn-outline-googleplus.dropdown-toggle {
    color: var(--color-googleplus-active-fore);
    border-color: var(--color-googleplus-active);
    background-color: var(--color-googleplus-active)
}

.btn-outline-googleplus:not(:disabled):not(.disabled):active:focus,.btn-outline-googleplus:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-googleplus.dropdown-toggle:focus {
    box-shadow: none
}

.btn-pinterest {
    color: var(--color-pinterest-fore);
    border-color: var(--color-pinterest);
    background-color: var(--color-pinterest);
    box-shadow: none
}

.btn-pinterest:hover,.btn-pinterest .hover,.btn-pinterest:focus,.btn-pinterest .focus {
    color: var(--color-pinterest-hover-fore);
    border-color: var(--color-pinterest-hover);
    background-color: var(--color-pinterest-hover);
    box-shadow: none
}

.btn-pinterest:active,.btn-pinterest .active {
    color: var(--color-pinterest-active-fore);
    border-color: var(--color-pinterest-active);
    background-color: var(--color-pinterest-active);
    box-shadow: none
}

.btn-pinterest:disabled,.btn-pinterest.disabled {
    color: var(--color-pinterest-fore);
    border-color: var(--color-pinterest);
    background-color: var(--color-pinterest);
    box-shadow: none
}

.btn-pinterest:not(:disabled):not(.disabled):active,.btn-pinterest:not(:disabled):not(.disabled).active,.show>.btn-pinterest.dropdown-toggle {
    color: var(--color-pinterest-active-fore);
    border-color: var(--color-pinterest-active);
    background-color: var(--color-pinterest-active)
}

.btn-pinterest:not(:disabled):not(.disabled):active:focus,.btn-pinterest:not(:disabled):not(.disabled).active:focus,.show>.btn-pinterest.dropdown-toggle:focus {
    box-shadow: none
}

.btn-outline-pinterest {
    color: var(--color-pinterest);
    border-color: var(--color-pinterest);
    background-color: transparent;
    box-shadow: none
}

.btn-outline-pinterest:hover,.btn-outline-pinterest .hover,.btn-outline-pinterest:focus,.btn-outline-pinterest .focus {
    color: var(--color-pinterest-hover-fore);
    border-color: var(--color-pinterest-hover);
    background-color: var(--color-pinterest-hover);
    box-shadow: none
}

.btn-outline-pinterest:active,.btn-outline-pinterest .active {
    color: var(--color-pinterest-active-fore);
    border-color: var(--color-pinterest-active);
    background-color: var(--color-pinterest-active);
    box-shadow: none
}

.btn-outline-pinterest:disabled,.btn-outline-pinterest.disabled {
    color: var(--color-pinterest-fore);
    border-color: var(--color-pinterest);
    background-color: var(--color-pinterest);
    box-shadow: none
}

.btn-outline-pinterest:not(:disabled):not(.disabled):active,.btn-outline-pinterest:not(:disabled):not(.disabled).active,.show>.btn-outline-pinterest.dropdown-toggle {
    color: var(--color-pinterest-active-fore);
    border-color: var(--color-pinterest-active);
    background-color: var(--color-pinterest-active)
}

.btn-outline-pinterest:not(:disabled):not(.disabled):active:focus,.btn-outline-pinterest:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-pinterest.dropdown-toggle:focus {
    box-shadow: none
}

.btn-youtube {
    color: var(--color-youtube-fore);
    border-color: var(--color-youtube);
    background-color: var(--color-youtube);
    box-shadow: none
}

.btn-youtube:hover,.btn-youtube .hover,.btn-youtube:focus,.btn-youtube .focus {
    color: var(--color-youtube-hover-fore);
    border-color: var(--color-youtube-hover);
    background-color: var(--color-youtube-hover);
    box-shadow: none
}

.btn-youtube:active,.btn-youtube .active {
    color: var(--color-youtube-active-fore);
    border-color: var(--color-youtube-active);
    background-color: var(--color-youtube-active);
    box-shadow: none
}

.btn-youtube:disabled,.btn-youtube.disabled {
    color: var(--color-youtube-fore);
    border-color: var(--color-youtube);
    background-color: var(--color-youtube);
    box-shadow: none
}

.btn-youtube:not(:disabled):not(.disabled):active,.btn-youtube:not(:disabled):not(.disabled).active,.show>.btn-youtube.dropdown-toggle {
    color: var(--color-youtube-active-fore);
    border-color: var(--color-youtube-active);
    background-color: var(--color-youtube-active)
}

.btn-youtube:not(:disabled):not(.disabled):active:focus,.btn-youtube:not(:disabled):not(.disabled).active:focus,.show>.btn-youtube.dropdown-toggle:focus {
    box-shadow: none
}

.btn-outline-youtube {
    color: var(--color-youtube);
    border-color: var(--color-youtube);
    background-color: transparent;
    box-shadow: none
}

.btn-outline-youtube:hover,.btn-outline-youtube .hover,.btn-outline-youtube:focus,.btn-outline-youtube .focus {
    color: var(--color-youtube-hover-fore);
    border-color: var(--color-youtube-hover);
    background-color: var(--color-youtube-hover);
    box-shadow: none
}

.btn-outline-youtube:active,.btn-outline-youtube .active {
    color: var(--color-youtube-active-fore);
    border-color: var(--color-youtube-active);
    background-color: var(--color-youtube-active);
    box-shadow: none
}

.btn-outline-youtube:disabled,.btn-outline-youtube.disabled {
    color: var(--color-youtube-fore);
    border-color: var(--color-youtube);
    background-color: var(--color-youtube);
    box-shadow: none
}

.btn-outline-youtube:not(:disabled):not(.disabled):active,.btn-outline-youtube:not(:disabled):not(.disabled).active,.show>.btn-outline-youtube.dropdown-toggle {
    color: var(--color-youtube-active-fore);
    border-color: var(--color-youtube-active);
    background-color: var(--color-youtube-active)
}

.btn-outline-youtube:not(:disabled):not(.disabled):active:focus,.btn-outline-youtube:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-youtube.dropdown-toggle:focus {
    box-shadow: none
}

.btn-vine {
    color: var(--color-vine-fore);
    border-color: var(--color-vine);
    background-color: var(--color-vine);
    box-shadow: none
}

.btn-vine:hover,.btn-vine .hover,.btn-vine:focus,.btn-vine .focus {
    color: var(--color-vine-hover-fore);
    border-color: var(--color-vine-hover);
    background-color: var(--color-vine-hover);
    box-shadow: none
}

.btn-vine:active,.btn-vine .active {
    color: var(--color-vine-active-fore);
    border-color: var(--color-vine-active);
    background-color: var(--color-vine-active);
    box-shadow: none
}

.btn-vine:disabled,.btn-vine.disabled {
    color: var(--color-vine-fore);
    border-color: var(--color-vine);
    background-color: var(--color-vine);
    box-shadow: none
}

.btn-vine:not(:disabled):not(.disabled):active,.btn-vine:not(:disabled):not(.disabled).active,.show>.btn-vine.dropdown-toggle {
    color: var(--color-vine-active-fore);
    border-color: var(--color-vine-active);
    background-color: var(--color-vine-active)
}

.btn-vine:not(:disabled):not(.disabled):active:focus,.btn-vine:not(:disabled):not(.disabled).active:focus,.show>.btn-vine.dropdown-toggle:focus {
    box-shadow: none
}

.btn-outline-vine {
    color: var(--color-vine);
    border-color: var(--color-vine);
    background-color: transparent;
    box-shadow: none
}

.btn-outline-vine:hover,.btn-outline-vine .hover,.btn-outline-vine:focus,.btn-outline-vine .focus {
    color: var(--color-vine-hover-fore);
    border-color: var(--color-vine-hover);
    background-color: var(--color-vine-hover);
    box-shadow: none
}

.btn-outline-vine:active,.btn-outline-vine .active {
    color: var(--color-vine-active-fore);
    border-color: var(--color-vine-active);
    background-color: var(--color-vine-active);
    box-shadow: none
}

.btn-outline-vine:disabled,.btn-outline-vine.disabled {
    color: var(--color-vine-fore);
    border-color: var(--color-vine);
    background-color: var(--color-vine);
    box-shadow: none
}

.btn-outline-vine:not(:disabled):not(.disabled):active,.btn-outline-vine:not(:disabled):not(.disabled).active,.show>.btn-outline-vine.dropdown-toggle {
    color: var(--color-vine-active-fore);
    border-color: var(--color-vine-active);
    background-color: var(--color-vine-active)
}

.btn-outline-vine:not(:disabled):not(.disabled):active:focus,.btn-outline-vine:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-vine.dropdown-toggle:focus {
    box-shadow: none
}

.btn-dribbble {
    color: var(--color-dribbble-fore);
    border-color: var(--color-dribbble);
    background-color: var(--color-dribbble);
    box-shadow: none
}

.btn-dribbble:hover,.btn-dribbble .hover,.btn-dribbble:focus,.btn-dribbble .focus {
    color: var(--color-dribbble-hover-fore);
    border-color: var(--color-dribbble-hover);
    background-color: var(--color-dribbble-hover);
    box-shadow: none
}

.btn-dribbble:active,.btn-dribbble .active {
    color: var(--color-dribbble-active-fore);
    border-color: var(--color-dribbble-active);
    background-color: var(--color-dribbble-active);
    box-shadow: none
}

.btn-dribbble:disabled,.btn-dribbble.disabled {
    color: var(--color-dribbble-fore);
    border-color: var(--color-dribbble);
    background-color: var(--color-dribbble);
    box-shadow: none
}

.btn-dribbble:not(:disabled):not(.disabled):active,.btn-dribbble:not(:disabled):not(.disabled).active,.show>.btn-dribbble.dropdown-toggle {
    color: var(--color-dribbble-active-fore);
    border-color: var(--color-dribbble-active);
    background-color: var(--color-dribbble-active)
}

.btn-dribbble:not(:disabled):not(.disabled):active:focus,.btn-dribbble:not(:disabled):not(.disabled).active:focus,.show>.btn-dribbble.dropdown-toggle:focus {
    box-shadow: none
}

.btn-outline-dribbble {
    color: var(--color-dribbble);
    border-color: var(--color-dribbble);
    background-color: transparent;
    box-shadow: none
}

.btn-outline-dribbble:hover,.btn-outline-dribbble .hover,.btn-outline-dribbble:focus,.btn-outline-dribbble .focus {
    color: var(--color-dribbble-hover-fore);
    border-color: var(--color-dribbble-hover);
    background-color: var(--color-dribbble-hover);
    box-shadow: none
}

.btn-outline-dribbble:active,.btn-outline-dribbble .active {
    color: var(--color-dribbble-active-fore);
    border-color: var(--color-dribbble-active);
    background-color: var(--color-dribbble-active);
    box-shadow: none
}

.btn-outline-dribbble:disabled,.btn-outline-dribbble.disabled {
    color: var(--color-dribbble-fore);
    border-color: var(--color-dribbble);
    background-color: var(--color-dribbble);
    box-shadow: none
}

.btn-outline-dribbble:not(:disabled):not(.disabled):active,.btn-outline-dribbble:not(:disabled):not(.disabled).active,.show>.btn-outline-dribbble.dropdown-toggle {
    color: var(--color-dribbble-active-fore);
    border-color: var(--color-dribbble-active);
    background-color: var(--color-dribbble-active)
}

.btn-outline-dribbble:not(:disabled):not(.disabled):active:focus,.btn-outline-dribbble:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-dribbble.dropdown-toggle:focus {
    box-shadow: none
}

.btn-flickr {
    color: var(--color-flickr-fore);
    border-color: var(--color-flickr);
    background-color: var(--color-flickr);
    box-shadow: none
}

.btn-flickr:hover,.btn-flickr .hover,.btn-flickr:focus,.btn-flickr .focus {
    color: var(--color-flickr-hover-fore);
    border-color: var(--color-flickr-hover);
    background-color: var(--color-flickr-hover);
    box-shadow: none
}

.btn-flickr:active,.btn-flickr .active {
    color: var(--color-flickr-active-fore);
    border-color: var(--color-flickr-active);
    background-color: var(--color-flickr-active);
    box-shadow: none
}

.btn-flickr:disabled,.btn-flickr.disabled {
    color: var(--color-flickr-fore);
    border-color: var(--color-flickr);
    background-color: var(--color-flickr);
    box-shadow: none
}

.btn-flickr:not(:disabled):not(.disabled):active,.btn-flickr:not(:disabled):not(.disabled).active,.show>.btn-flickr.dropdown-toggle {
    color: var(--color-flickr-active-fore);
    border-color: var(--color-flickr-active);
    background-color: var(--color-flickr-active)
}

.btn-flickr:not(:disabled):not(.disabled):active:focus,.btn-flickr:not(:disabled):not(.disabled).active:focus,.show>.btn-flickr.dropdown-toggle:focus {
    box-shadow: none
}

.btn-outline-flickr {
    color: var(--color-flickr);
    border-color: var(--color-flickr);
    background-color: transparent;
    box-shadow: none
}

.btn-outline-flickr:hover,.btn-outline-flickr .hover,.btn-outline-flickr:focus,.btn-outline-flickr .focus {
    color: var(--color-flickr-hover-fore);
    border-color: var(--color-flickr-hover);
    background-color: var(--color-flickr-hover);
    box-shadow: none
}

.btn-outline-flickr:active,.btn-outline-flickr .active {
    color: var(--color-flickr-active-fore);
    border-color: var(--color-flickr-active);
    background-color: var(--color-flickr-active);
    box-shadow: none
}

.btn-outline-flickr:disabled,.btn-outline-flickr.disabled {
    color: var(--color-flickr-fore);
    border-color: var(--color-flickr);
    background-color: var(--color-flickr);
    box-shadow: none
}

.btn-outline-flickr:not(:disabled):not(.disabled):active,.btn-outline-flickr:not(:disabled):not(.disabled).active,.show>.btn-outline-flickr.dropdown-toggle {
    color: var(--color-flickr-active-fore);
    border-color: var(--color-flickr-active);
    background-color: var(--color-flickr-active)
}

.btn-outline-flickr:not(:disabled):not(.disabled):active:focus,.btn-outline-flickr:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-flickr.dropdown-toggle:focus {
    box-shadow: none
}

.btn-behance {
    color: var(--color-behance-fore);
    border-color: var(--color-behance);
    background-color: var(--color-behance);
    box-shadow: none
}

.btn-behance:hover,.btn-behance .hover,.btn-behance:focus,.btn-behance .focus {
    color: var(--color-behance-hover-fore);
    border-color: var(--color-behance-hover);
    background-color: var(--color-behance-hover);
    box-shadow: none
}

.btn-behance:active,.btn-behance .active {
    color: var(--color-behance-active-fore);
    border-color: var(--color-behance-active);
    background-color: var(--color-behance-active);
    box-shadow: none
}

.btn-behance:disabled,.btn-behance.disabled {
    color: var(--color-behance-fore);
    border-color: var(--color-behance);
    background-color: var(--color-behance);
    box-shadow: none
}

.btn-behance:not(:disabled):not(.disabled):active,.btn-behance:not(:disabled):not(.disabled).active,.show>.btn-behance.dropdown-toggle {
    color: var(--color-behance-active-fore);
    border-color: var(--color-behance-active);
    background-color: var(--color-behance-active)
}

.btn-behance:not(:disabled):not(.disabled):active:focus,.btn-behance:not(:disabled):not(.disabled).active:focus,.show>.btn-behance.dropdown-toggle:focus {
    box-shadow: none
}

.btn-outline-behance {
    color: var(--color-behance);
    border-color: var(--color-behance);
    background-color: transparent;
    box-shadow: none
}

.btn-outline-behance:hover,.btn-outline-behance .hover,.btn-outline-behance:focus,.btn-outline-behance .focus {
    color: var(--color-behance-hover-fore);
    border-color: var(--color-behance-hover);
    background-color: var(--color-behance-hover);
    box-shadow: none
}

.btn-outline-behance:active,.btn-outline-behance .active {
    color: var(--color-behance-active-fore);
    border-color: var(--color-behance-active);
    background-color: var(--color-behance-active);
    box-shadow: none
}

.btn-outline-behance:disabled,.btn-outline-behance.disabled {
    color: var(--color-behance-fore);
    border-color: var(--color-behance);
    background-color: var(--color-behance);
    box-shadow: none
}

.btn-outline-behance:not(:disabled):not(.disabled):active,.btn-outline-behance:not(:disabled):not(.disabled).active,.show>.btn-outline-behance.dropdown-toggle {
    color: var(--color-behance-active-fore);
    border-color: var(--color-behance-active);
    background-color: var(--color-behance-active)
}

.btn-outline-behance:not(:disabled):not(.disabled):active:focus,.btn-outline-behance:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-behance.dropdown-toggle:focus {
    box-shadow: none
}

.btn-vimeo {
    color: var(--color-vimeo-fore);
    border-color: var(--color-vimeo);
    background-color: var(--color-vimeo);
    box-shadow: none
}

.btn-vimeo:hover,.btn-vimeo .hover,.btn-vimeo:focus,.btn-vimeo .focus {
    color: var(--color-vimeo-hover-fore);
    border-color: var(--color-vimeo-hover);
    background-color: var(--color-vimeo-hover);
    box-shadow: none
}

.btn-vimeo:active,.btn-vimeo .active {
    color: var(--color-vimeo-active-fore);
    border-color: var(--color-vimeo-active);
    background-color: var(--color-vimeo-active);
    box-shadow: none
}

.btn-vimeo:disabled,.btn-vimeo.disabled {
    color: var(--color-vimeo-fore);
    border-color: var(--color-vimeo);
    background-color: var(--color-vimeo);
    box-shadow: none
}

.btn-vimeo:not(:disabled):not(.disabled):active,.btn-vimeo:not(:disabled):not(.disabled).active,.show>.btn-vimeo.dropdown-toggle {
    color: var(--color-vimeo-active-fore);
    border-color: var(--color-vimeo-active);
    background-color: var(--color-vimeo-active)
}

.btn-vimeo:not(:disabled):not(.disabled):active:focus,.btn-vimeo:not(:disabled):not(.disabled).active:focus,.show>.btn-vimeo.dropdown-toggle:focus {
    box-shadow: none
}

.btn-outline-vimeo {
    color: var(--color-vimeo);
    border-color: var(--color-vimeo);
    background-color: transparent;
    box-shadow: none
}

.btn-outline-vimeo:hover,.btn-outline-vimeo .hover,.btn-outline-vimeo:focus,.btn-outline-vimeo .focus {
    color: var(--color-vimeo-hover-fore);
    border-color: var(--color-vimeo-hover);
    background-color: var(--color-vimeo-hover);
    box-shadow: none
}

.btn-outline-vimeo:active,.btn-outline-vimeo .active {
    color: var(--color-vimeo-active-fore);
    border-color: var(--color-vimeo-active);
    background-color: var(--color-vimeo-active);
    box-shadow: none
}

.btn-outline-vimeo:disabled,.btn-outline-vimeo.disabled {
    color: var(--color-vimeo-fore);
    border-color: var(--color-vimeo);
    background-color: var(--color-vimeo);
    box-shadow: none
}

.btn-outline-vimeo:not(:disabled):not(.disabled):active,.btn-outline-vimeo:not(:disabled):not(.disabled).active,.show>.btn-outline-vimeo.dropdown-toggle {
    color: var(--color-vimeo-active-fore);
    border-color: var(--color-vimeo-active);
    background-color: var(--color-vimeo-active)
}

.btn-outline-vimeo:not(:disabled):not(.disabled):active:focus,.btn-outline-vimeo:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-vimeo.dropdown-toggle:focus {
    box-shadow: none
}

.btn-tumblr {
    color: var(--color-tumblr-fore);
    border-color: var(--color-tumblr);
    background-color: var(--color-tumblr);
    box-shadow: none
}

.btn-tumblr:hover,.btn-tumblr .hover,.btn-tumblr:focus,.btn-tumblr .focus {
    color: var(--color-tumblr-hover-fore);
    border-color: var(--color-tumblr-hover);
    background-color: var(--color-tumblr-hover);
    box-shadow: none
}

.btn-tumblr:active,.btn-tumblr .active {
    color: var(--color-tumblr-active-fore);
    border-color: var(--color-tumblr-active);
    background-color: var(--color-tumblr-active);
    box-shadow: none
}

.btn-tumblr:disabled,.btn-tumblr.disabled {
    color: var(--color-tumblr-fore);
    border-color: var(--color-tumblr);
    background-color: var(--color-tumblr);
    box-shadow: none
}

.btn-tumblr:not(:disabled):not(.disabled):active,.btn-tumblr:not(:disabled):not(.disabled).active,.show>.btn-tumblr.dropdown-toggle {
    color: var(--color-tumblr-active-fore);
    border-color: var(--color-tumblr-active);
    background-color: var(--color-tumblr-active)
}

.btn-tumblr:not(:disabled):not(.disabled):active:focus,.btn-tumblr:not(:disabled):not(.disabled).active:focus,.show>.btn-tumblr.dropdown-toggle:focus {
    box-shadow: none
}

.btn-outline-tumblr {
    color: var(--color-tumblr);
    border-color: var(--color-tumblr);
    background-color: transparent;
    box-shadow: none
}

.btn-outline-tumblr:hover,.btn-outline-tumblr .hover,.btn-outline-tumblr:focus,.btn-outline-tumblr .focus {
    color: var(--color-tumblr-hover-fore);
    border-color: var(--color-tumblr-hover);
    background-color: var(--color-tumblr-hover);
    box-shadow: none
}

.btn-outline-tumblr:active,.btn-outline-tumblr .active {
    color: var(--color-tumblr-active-fore);
    border-color: var(--color-tumblr-active);
    background-color: var(--color-tumblr-active);
    box-shadow: none
}

.btn-outline-tumblr:disabled,.btn-outline-tumblr.disabled {
    color: var(--color-tumblr-fore);
    border-color: var(--color-tumblr);
    background-color: var(--color-tumblr);
    box-shadow: none
}

.btn-outline-tumblr:not(:disabled):not(.disabled):active,.btn-outline-tumblr:not(:disabled):not(.disabled).active,.show>.btn-outline-tumblr.dropdown-toggle {
    color: var(--color-tumblr-active-fore);
    border-color: var(--color-tumblr-active);
    background-color: var(--color-tumblr-active)
}

.btn-outline-tumblr:not(:disabled):not(.disabled):active:focus,.btn-outline-tumblr:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-tumblr.dropdown-toggle:focus {
    box-shadow: none
}

.btn-instagram {
    color: var(--color-instagram-fore);
    border-color: var(--color-instagram);
    background-color: var(--color-instagram);
    box-shadow: none
}

.btn-instagram:hover,.btn-instagram .hover,.btn-instagram:focus,.btn-instagram .focus {
    color: var(--color-instagram-hover-fore);
    border-color: var(--color-instagram-hover);
    background-color: var(--color-instagram-hover);
    box-shadow: none
}

.btn-instagram:active,.btn-instagram .active {
    color: var(--color-instagram-active-fore);
    border-color: var(--color-instagram-active);
    background-color: var(--color-instagram-active);
    box-shadow: none
}

.btn-instagram:disabled,.btn-instagram.disabled {
    color: var(--color-instagram-fore);
    border-color: var(--color-instagram);
    background-color: var(--color-instagram);
    box-shadow: none
}

.btn-instagram:not(:disabled):not(.disabled):active,.btn-instagram:not(:disabled):not(.disabled).active,.show>.btn-instagram.dropdown-toggle {
    color: var(--color-instagram-active-fore);
    border-color: var(--color-instagram-active);
    background-color: var(--color-instagram-active)
}

.btn-instagram:not(:disabled):not(.disabled):active:focus,.btn-instagram:not(:disabled):not(.disabled).active:focus,.show>.btn-instagram.dropdown-toggle:focus {
    box-shadow: none
}

.btn-outline-instagram {
    color: var(--color-instagram);
    border-color: var(--color-instagram);
    background-color: transparent;
    box-shadow: none
}

.btn-outline-instagram:hover,.btn-outline-instagram .hover,.btn-outline-instagram:focus,.btn-outline-instagram .focus {
    color: var(--color-instagram-hover-fore);
    border-color: var(--color-instagram-hover);
    background-color: var(--color-instagram-hover);
    box-shadow: none
}

.btn-outline-instagram:active,.btn-outline-instagram .active {
    color: var(--color-instagram-active-fore);
    border-color: var(--color-instagram-active);
    background-color: var(--color-instagram-active);
    box-shadow: none
}

.btn-outline-instagram:disabled,.btn-outline-instagram.disabled {
    color: var(--color-instagram-fore);
    border-color: var(--color-instagram);
    background-color: var(--color-instagram);
    box-shadow: none
}

.btn-outline-instagram:not(:disabled):not(.disabled):active,.btn-outline-instagram:not(:disabled):not(.disabled).active,.show>.btn-outline-instagram.dropdown-toggle {
    color: var(--color-instagram-active-fore);
    border-color: var(--color-instagram-active);
    background-color: var(--color-instagram-active)
}

.btn-outline-instagram:not(:disabled):not(.disabled):active:focus,.btn-outline-instagram:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-instagram.dropdown-toggle:focus {
    box-shadow: none
}

.btn-vk {
    color: var(--color-vk-fore);
    border-color: var(--color-vk);
    background-color: var(--color-vk);
    box-shadow: none
}

.btn-vk:hover,.btn-vk .hover,.btn-vk:focus,.btn-vk .focus {
    color: var(--color-vk-hover-fore);
    border-color: var(--color-vk-hover);
    background-color: var(--color-vk-hover);
    box-shadow: none
}

.btn-vk:active,.btn-vk .active {
    color: var(--color-vk-active-fore);
    border-color: var(--color-vk-active);
    background-color: var(--color-vk-active);
    box-shadow: none
}

.btn-vk:disabled,.btn-vk.disabled {
    color: var(--color-vk-fore);
    border-color: var(--color-vk);
    background-color: var(--color-vk);
    box-shadow: none
}

.btn-vk:not(:disabled):not(.disabled):active,.btn-vk:not(:disabled):not(.disabled).active,.show>.btn-vk.dropdown-toggle {
    color: var(--color-vk-active-fore);
    border-color: var(--color-vk-active);
    background-color: var(--color-vk-active)
}

.btn-vk:not(:disabled):not(.disabled):active:focus,.btn-vk:not(:disabled):not(.disabled).active:focus,.show>.btn-vk.dropdown-toggle:focus {
    box-shadow: none
}

.btn-outline-vk {
    color: var(--color-vk);
    border-color: var(--color-vk);
    background-color: transparent;
    box-shadow: none
}

.btn-outline-vk:hover,.btn-outline-vk .hover,.btn-outline-vk:focus,.btn-outline-vk .focus {
    color: var(--color-vk-hover-fore);
    border-color: var(--color-vk-hover);
    background-color: var(--color-vk-hover);
    box-shadow: none
}

.btn-outline-vk:active,.btn-outline-vk .active {
    color: var(--color-vk-active-fore);
    border-color: var(--color-vk-active);
    background-color: var(--color-vk-active);
    box-shadow: none
}

.btn-outline-vk:disabled,.btn-outline-vk.disabled {
    color: var(--color-vk-fore);
    border-color: var(--color-vk);
    background-color: var(--color-vk);
    box-shadow: none
}

.btn-outline-vk:not(:disabled):not(.disabled):active,.btn-outline-vk:not(:disabled):not(.disabled).active,.show>.btn-outline-vk.dropdown-toggle {
    color: var(--color-vk-active-fore);
    border-color: var(--color-vk-active);
    background-color: var(--color-vk-active)
}

.btn-outline-vk:not(:disabled):not(.disabled):active:focus,.btn-outline-vk:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-vk.dropdown-toggle:focus {
    box-shadow: none
}

.btn-wordpress {
    color: var(--color-wordpress-fore);
    border-color: var(--color-wordpress);
    background-color: var(--color-wordpress);
    box-shadow: none
}

.btn-wordpress:hover,.btn-wordpress .hover,.btn-wordpress:focus,.btn-wordpress .focus {
    color: var(--color-wordpress-hover-fore);
    border-color: var(--color-wordpress-hover);
    background-color: var(--color-wordpress-hover);
    box-shadow: none
}

.btn-wordpress:active,.btn-wordpress .active {
    color: var(--color-wordpress-active-fore);
    border-color: var(--color-wordpress-active);
    background-color: var(--color-wordpress-active);
    box-shadow: none
}

.btn-wordpress:disabled,.btn-wordpress.disabled {
    color: var(--color-wordpress-fore);
    border-color: var(--color-wordpress);
    background-color: var(--color-wordpress);
    box-shadow: none
}

.btn-wordpress:not(:disabled):not(.disabled):active,.btn-wordpress:not(:disabled):not(.disabled).active,.show>.btn-wordpress.dropdown-toggle {
    color: var(--color-wordpress-active-fore);
    border-color: var(--color-wordpress-active);
    background-color: var(--color-wordpress-active)
}

.btn-wordpress:not(:disabled):not(.disabled):active:focus,.btn-wordpress:not(:disabled):not(.disabled).active:focus,.show>.btn-wordpress.dropdown-toggle:focus {
    box-shadow: none
}

.btn-outline-wordpress {
    color: var(--color-wordpress);
    border-color: var(--color-wordpress);
    background-color: transparent;
    box-shadow: none
}

.btn-outline-wordpress:hover,.btn-outline-wordpress .hover,.btn-outline-wordpress:focus,.btn-outline-wordpress .focus {
    color: var(--color-wordpress-hover-fore);
    border-color: var(--color-wordpress-hover);
    background-color: var(--color-wordpress-hover);
    box-shadow: none
}

.btn-outline-wordpress:active,.btn-outline-wordpress .active {
    color: var(--color-wordpress-active-fore);
    border-color: var(--color-wordpress-active);
    background-color: var(--color-wordpress-active);
    box-shadow: none
}

.btn-outline-wordpress:disabled,.btn-outline-wordpress.disabled {
    color: var(--color-wordpress-fore);
    border-color: var(--color-wordpress);
    background-color: var(--color-wordpress);
    box-shadow: none
}

.btn-outline-wordpress:not(:disabled):not(.disabled):active,.btn-outline-wordpress:not(:disabled):not(.disabled).active,.show>.btn-outline-wordpress.dropdown-toggle {
    color: var(--color-wordpress-active-fore);
    border-color: var(--color-wordpress-active);
    background-color: var(--color-wordpress-active)
}

.btn-outline-wordpress:not(:disabled):not(.disabled):active:focus,.btn-outline-wordpress:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-wordpress.dropdown-toggle:focus {
    box-shadow: none
}

.btn-yahoo {
    color: var(--color-yahoo-fore);
    border-color: var(--color-yahoo);
    background-color: var(--color-yahoo);
    box-shadow: none
}

.btn-yahoo:hover,.btn-yahoo .hover,.btn-yahoo:focus,.btn-yahoo .focus {
    color: var(--color-yahoo-hover-fore);
    border-color: var(--color-yahoo-hover);
    background-color: var(--color-yahoo-hover);
    box-shadow: none
}

.btn-yahoo:active,.btn-yahoo .active {
    color: var(--color-yahoo-active-fore);
    border-color: var(--color-yahoo-active);
    background-color: var(--color-yahoo-active);
    box-shadow: none
}

.btn-yahoo:disabled,.btn-yahoo.disabled {
    color: var(--color-yahoo-fore);
    border-color: var(--color-yahoo);
    background-color: var(--color-yahoo);
    box-shadow: none
}

.btn-yahoo:not(:disabled):not(.disabled):active,.btn-yahoo:not(:disabled):not(.disabled).active,.show>.btn-yahoo.dropdown-toggle {
    color: var(--color-yahoo-active-fore);
    border-color: var(--color-yahoo-active);
    background-color: var(--color-yahoo-active)
}

.btn-yahoo:not(:disabled):not(.disabled):active:focus,.btn-yahoo:not(:disabled):not(.disabled).active:focus,.show>.btn-yahoo.dropdown-toggle:focus {
    box-shadow: none
}

.btn-outline-yahoo {
    color: var(--color-yahoo);
    border-color: var(--color-yahoo);
    background-color: transparent;
    box-shadow: none
}

.btn-outline-yahoo:hover,.btn-outline-yahoo .hover,.btn-outline-yahoo:focus,.btn-outline-yahoo .focus {
    color: var(--color-yahoo-hover-fore);
    border-color: var(--color-yahoo-hover);
    background-color: var(--color-yahoo-hover);
    box-shadow: none
}

.btn-outline-yahoo:active,.btn-outline-yahoo .active {
    color: var(--color-yahoo-active-fore);
    border-color: var(--color-yahoo-active);
    background-color: var(--color-yahoo-active);
    box-shadow: none
}

.btn-outline-yahoo:disabled,.btn-outline-yahoo.disabled {
    color: var(--color-yahoo-fore);
    border-color: var(--color-yahoo);
    background-color: var(--color-yahoo);
    box-shadow: none
}

.btn-outline-yahoo:not(:disabled):not(.disabled):active,.btn-outline-yahoo:not(:disabled):not(.disabled).active,.show>.btn-outline-yahoo.dropdown-toggle {
    color: var(--color-yahoo-active-fore);
    border-color: var(--color-yahoo-active);
    background-color: var(--color-yahoo-active)
}

.btn-outline-yahoo:not(:disabled):not(.disabled):active:focus,.btn-outline-yahoo:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-yahoo.dropdown-toggle:focus {
    box-shadow: none
}

.btn-blogger {
    color: var(--color-blogger-fore);
    border-color: var(--color-blogger);
    background-color: var(--color-blogger);
    box-shadow: none
}

.btn-blogger:hover,.btn-blogger .hover,.btn-blogger:focus,.btn-blogger .focus {
    color: var(--color-blogger-hover-fore);
    border-color: var(--color-blogger-hover);
    background-color: var(--color-blogger-hover);
    box-shadow: none
}

.btn-blogger:active,.btn-blogger .active {
    color: var(--color-blogger-active-fore);
    border-color: var(--color-blogger-active);
    background-color: var(--color-blogger-active);
    box-shadow: none
}

.btn-blogger:disabled,.btn-blogger.disabled {
    color: var(--color-blogger-fore);
    border-color: var(--color-blogger);
    background-color: var(--color-blogger);
    box-shadow: none
}

.btn-blogger:not(:disabled):not(.disabled):active,.btn-blogger:not(:disabled):not(.disabled).active,.show>.btn-blogger.dropdown-toggle {
    color: var(--color-blogger-active-fore);
    border-color: var(--color-blogger-active);
    background-color: var(--color-blogger-active)
}

.btn-blogger:not(:disabled):not(.disabled):active:focus,.btn-blogger:not(:disabled):not(.disabled).active:focus,.show>.btn-blogger.dropdown-toggle:focus {
    box-shadow: none
}

.btn-outline-blogger {
    color: var(--color-blogger);
    border-color: var(--color-blogger);
    background-color: transparent;
    box-shadow: none
}

.btn-outline-blogger:hover,.btn-outline-blogger .hover,.btn-outline-blogger:focus,.btn-outline-blogger .focus {
    color: var(--color-blogger-hover-fore);
    border-color: var(--color-blogger-hover);
    background-color: var(--color-blogger-hover);
    box-shadow: none
}

.btn-outline-blogger:active,.btn-outline-blogger .active {
    color: var(--color-blogger-active-fore);
    border-color: var(--color-blogger-active);
    background-color: var(--color-blogger-active);
    box-shadow: none
}

.btn-outline-blogger:disabled,.btn-outline-blogger.disabled {
    color: var(--color-blogger-fore);
    border-color: var(--color-blogger);
    background-color: var(--color-blogger);
    box-shadow: none
}

.btn-outline-blogger:not(:disabled):not(.disabled):active,.btn-outline-blogger:not(:disabled):not(.disabled).active,.show>.btn-outline-blogger.dropdown-toggle {
    color: var(--color-blogger-active-fore);
    border-color: var(--color-blogger-active);
    background-color: var(--color-blogger-active)
}

.btn-outline-blogger:not(:disabled):not(.disabled):active:focus,.btn-outline-blogger:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-blogger.dropdown-toggle:focus {
    box-shadow: none
}

.btn-soundcloud {
    color: var(--color-soundcloud-fore);
    border-color: var(--color-soundcloud);
    background-color: var(--color-soundcloud);
    box-shadow: none
}

.btn-soundcloud:hover,.btn-soundcloud .hover,.btn-soundcloud:focus,.btn-soundcloud .focus {
    color: var(--color-soundcloud-hover-fore);
    border-color: var(--color-soundcloud-hover);
    background-color: var(--color-soundcloud-hover);
    box-shadow: none
}

.btn-soundcloud:active,.btn-soundcloud .active {
    color: var(--color-soundcloud-active-fore);
    border-color: var(--color-soundcloud-active);
    background-color: var(--color-soundcloud-active);
    box-shadow: none
}

.btn-soundcloud:disabled,.btn-soundcloud.disabled {
    color: var(--color-soundcloud-fore);
    border-color: var(--color-soundcloud);
    background-color: var(--color-soundcloud);
    box-shadow: none
}

.btn-soundcloud:not(:disabled):not(.disabled):active,.btn-soundcloud:not(:disabled):not(.disabled).active,.show>.btn-soundcloud.dropdown-toggle {
    color: var(--color-soundcloud-active-fore);
    border-color: var(--color-soundcloud-active);
    background-color: var(--color-soundcloud-active)
}

.btn-soundcloud:not(:disabled):not(.disabled):active:focus,.btn-soundcloud:not(:disabled):not(.disabled).active:focus,.show>.btn-soundcloud.dropdown-toggle:focus {
    box-shadow: none
}

.btn-outline-soundcloud {
    color: var(--color-soundcloud);
    border-color: var(--color-soundcloud);
    background-color: transparent;
    box-shadow: none
}

.btn-outline-soundcloud:hover,.btn-outline-soundcloud .hover,.btn-outline-soundcloud:focus,.btn-outline-soundcloud .focus {
    color: var(--color-soundcloud-hover-fore);
    border-color: var(--color-soundcloud-hover);
    background-color: var(--color-soundcloud-hover);
    box-shadow: none
}

.btn-outline-soundcloud:active,.btn-outline-soundcloud .active {
    color: var(--color-soundcloud-active-fore);
    border-color: var(--color-soundcloud-active);
    background-color: var(--color-soundcloud-active);
    box-shadow: none
}

.btn-outline-soundcloud:disabled,.btn-outline-soundcloud.disabled {
    color: var(--color-soundcloud-fore);
    border-color: var(--color-soundcloud);
    background-color: var(--color-soundcloud);
    box-shadow: none
}

.btn-outline-soundcloud:not(:disabled):not(.disabled):active,.btn-outline-soundcloud:not(:disabled):not(.disabled).active,.show>.btn-outline-soundcloud.dropdown-toggle {
    color: var(--color-soundcloud-active-fore);
    border-color: var(--color-soundcloud-active);
    background-color: var(--color-soundcloud-active)
}

.btn-outline-soundcloud:not(:disabled):not(.disabled):active:focus,.btn-outline-soundcloud:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-soundcloud.dropdown-toggle:focus {
    box-shadow: none
}

.btn-android {
    color: var(--color-android-fore);
    border-color: var(--color-android);
    background-color: var(--color-android);
    box-shadow: none
}

.btn-android:hover,.btn-android .hover,.btn-android:focus,.btn-android .focus {
    color: var(--color-android-hover-fore);
    border-color: var(--color-android-hover);
    background-color: var(--color-android-hover);
    box-shadow: none
}

.btn-android:active,.btn-android .active {
    color: var(--color-android-active-fore);
    border-color: var(--color-android-active);
    background-color: var(--color-android-active);
    box-shadow: none
}

.btn-android:disabled,.btn-android.disabled {
    color: var(--color-android-fore);
    border-color: var(--color-android);
    background-color: var(--color-android);
    box-shadow: none
}

.btn-android:not(:disabled):not(.disabled):active,.btn-android:not(:disabled):not(.disabled).active,.show>.btn-android.dropdown-toggle {
    color: var(--color-android-active-fore);
    border-color: var(--color-android-active);
    background-color: var(--color-android-active)
}

.btn-android:not(:disabled):not(.disabled):active:focus,.btn-android:not(:disabled):not(.disabled).active:focus,.show>.btn-android.dropdown-toggle:focus {
    box-shadow: none
}

.btn-outline-android {
    color: var(--color-android);
    border-color: var(--color-android);
    background-color: transparent;
    box-shadow: none
}

.btn-outline-android:hover,.btn-outline-android .hover,.btn-outline-android:focus,.btn-outline-android .focus {
    color: var(--color-android-hover-fore);
    border-color: var(--color-android-hover);
    background-color: var(--color-android-hover);
    box-shadow: none
}

.btn-outline-android:active,.btn-outline-android .active {
    color: var(--color-android-active-fore);
    border-color: var(--color-android-active);
    background-color: var(--color-android-active);
    box-shadow: none
}

.btn-outline-android:disabled,.btn-outline-android.disabled {
    color: var(--color-android-fore);
    border-color: var(--color-android);
    background-color: var(--color-android);
    box-shadow: none
}

.btn-outline-android:not(:disabled):not(.disabled):active,.btn-outline-android:not(:disabled):not(.disabled).active,.show>.btn-outline-android.dropdown-toggle {
    color: var(--color-android-active-fore);
    border-color: var(--color-android-active);
    background-color: var(--color-android-active)
}

.btn-outline-android:not(:disabled):not(.disabled):active:focus,.btn-outline-android:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-android.dropdown-toggle:focus {
    box-shadow: none
}

.btn-apple {
    color: var(--color-apple-fore);
    border-color: var(--color-apple);
    background-color: var(--color-apple);
    box-shadow: none
}

.btn-apple:hover,.btn-apple .hover,.btn-apple:focus,.btn-apple .focus {
    color: var(--color-apple-hover-fore);
    border-color: var(--color-apple-hover);
    background-color: var(--color-apple-hover);
    box-shadow: none
}

.btn-apple:active,.btn-apple .active {
    color: var(--color-apple-active-fore);
    border-color: var(--color-apple-active);
    background-color: var(--color-apple-active);
    box-shadow: none
}

.btn-apple:disabled,.btn-apple.disabled {
    color: var(--color-apple-fore);
    border-color: var(--color-apple);
    background-color: var(--color-apple);
    box-shadow: none
}

.btn-apple:not(:disabled):not(.disabled):active,.btn-apple:not(:disabled):not(.disabled).active,.show>.btn-apple.dropdown-toggle {
    color: var(--color-apple-active-fore);
    border-color: var(--color-apple-active);
    background-color: var(--color-apple-active)
}

.btn-apple:not(:disabled):not(.disabled):active:focus,.btn-apple:not(:disabled):not(.disabled).active:focus,.show>.btn-apple.dropdown-toggle:focus {
    box-shadow: none
}

.btn-outline-apple {
    color: var(--color-apple);
    border-color: var(--color-apple);
    background-color: transparent;
    box-shadow: none
}

.btn-outline-apple:hover,.btn-outline-apple .hover,.btn-outline-apple:focus,.btn-outline-apple .focus {
    color: var(--color-apple-hover-fore);
    border-color: var(--color-apple-hover);
    background-color: var(--color-apple-hover);
    box-shadow: none
}

.btn-outline-apple:active,.btn-outline-apple .active {
    color: var(--color-apple-active-fore);
    border-color: var(--color-apple-active);
    background-color: var(--color-apple-active);
    box-shadow: none
}

.btn-outline-apple:disabled,.btn-outline-apple.disabled {
    color: var(--color-apple-fore);
    border-color: var(--color-apple);
    background-color: var(--color-apple);
    box-shadow: none
}

.btn-outline-apple:not(:disabled):not(.disabled):active,.btn-outline-apple:not(:disabled):not(.disabled).active,.show>.btn-outline-apple.dropdown-toggle {
    color: var(--color-apple-active-fore);
    border-color: var(--color-apple-active);
    background-color: var(--color-apple-active)
}

.btn-outline-apple:not(:disabled):not(.disabled):active:focus,.btn-outline-apple:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-apple.dropdown-toggle:focus {
    box-shadow: none
}

.btn-blue {
    color: var(--color-blue-fore);
    border-color: var(--color-blue);
    background-color: var(--color-blue);
    box-shadow: none
}

.btn-blue:hover,.btn-blue .hover,.btn-blue:focus,.btn-blue .focus {
    color: var(--color-blue-hover-fore);
    border-color: var(--color-blue-hover);
    background-color: var(--color-blue-hover);
    box-shadow: none
}

.btn-blue:active,.btn-blue .active {
    color: var(--color-blue-active-fore);
    border-color: var(--color-blue-active);
    background-color: var(--color-blue-active);
    box-shadow: none
}

.btn-blue:disabled,.btn-blue.disabled {
    color: var(--color-blue-fore);
    border-color: var(--color-blue);
    background-color: var(--color-blue);
    box-shadow: none
}

.btn-blue:not(:disabled):not(.disabled):active,.btn-blue:not(:disabled):not(.disabled).active,.show>.btn-blue.dropdown-toggle {
    color: var(--color-blue-active-fore);
    border-color: var(--color-blue-active);
    background-color: var(--color-blue-active)
}

.btn-blue:not(:disabled):not(.disabled):active:focus,.btn-blue:not(:disabled):not(.disabled).active:focus,.show>.btn-blue.dropdown-toggle:focus {
    box-shadow: none
}

.btn-outline-blue {
    color: var(--color-blue);
    border-color: var(--color-blue);
    background-color: transparent;
    box-shadow: none
}

.btn-outline-blue:hover,.btn-outline-blue .hover,.btn-outline-blue:focus,.btn-outline-blue .focus {
    color: var(--color-blue-hover-fore);
    border-color: var(--color-blue-hover);
    background-color: var(--color-blue-hover);
    box-shadow: none
}

.btn-outline-blue:active,.btn-outline-blue .active {
    color: var(--color-blue-active-fore);
    border-color: var(--color-blue-active);
    background-color: var(--color-blue-active);
    box-shadow: none
}

.btn-outline-blue:disabled,.btn-outline-blue.disabled {
    color: var(--color-blue-fore);
    border-color: var(--color-blue);
    background-color: var(--color-blue);
    box-shadow: none
}

.btn-outline-blue:not(:disabled):not(.disabled):active,.btn-outline-blue:not(:disabled):not(.disabled).active,.show>.btn-outline-blue.dropdown-toggle {
    color: var(--color-blue-active-fore);
    border-color: var(--color-blue-active);
    background-color: var(--color-blue-active)
}

.btn-outline-blue:not(:disabled):not(.disabled):active:focus,.btn-outline-blue:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-blue.dropdown-toggle:focus {
    box-shadow: none
}

.btn-indigo {
    color: var(--color-indigo-fore);
    border-color: var(--color-indigo);
    background-color: var(--color-indigo);
    box-shadow: none
}

.btn-indigo:hover,.btn-indigo .hover,.btn-indigo:focus,.btn-indigo .focus {
    color: var(--color-indigo-hover-fore);
    border-color: var(--color-indigo-hover);
    background-color: var(--color-indigo-hover);
    box-shadow: none
}

.btn-indigo:active,.btn-indigo .active {
    color: var(--color-indigo-active-fore);
    border-color: var(--color-indigo-active);
    background-color: var(--color-indigo-active);
    box-shadow: none
}

.btn-indigo:disabled,.btn-indigo.disabled {
    color: var(--color-indigo-fore);
    border-color: var(--color-indigo);
    background-color: var(--color-indigo);
    box-shadow: none
}

.btn-indigo:not(:disabled):not(.disabled):active,.btn-indigo:not(:disabled):not(.disabled).active,.show>.btn-indigo.dropdown-toggle {
    color: var(--color-indigo-active-fore);
    border-color: var(--color-indigo-active);
    background-color: var(--color-indigo-active)
}

.btn-indigo:not(:disabled):not(.disabled):active:focus,.btn-indigo:not(:disabled):not(.disabled).active:focus,.show>.btn-indigo.dropdown-toggle:focus {
    box-shadow: none
}

.btn-outline-indigo {
    color: var(--color-indigo);
    border-color: var(--color-indigo);
    background-color: transparent;
    box-shadow: none
}

.btn-outline-indigo:hover,.btn-outline-indigo .hover,.btn-outline-indigo:focus,.btn-outline-indigo .focus {
    color: var(--color-indigo-hover-fore);
    border-color: var(--color-indigo-hover);
    background-color: var(--color-indigo-hover);
    box-shadow: none
}

.btn-outline-indigo:active,.btn-outline-indigo .active {
    color: var(--color-indigo-active-fore);
    border-color: var(--color-indigo-active);
    background-color: var(--color-indigo-active);
    box-shadow: none
}

.btn-outline-indigo:disabled,.btn-outline-indigo.disabled {
    color: var(--color-indigo-fore);
    border-color: var(--color-indigo);
    background-color: var(--color-indigo);
    box-shadow: none
}

.btn-outline-indigo:not(:disabled):not(.disabled):active,.btn-outline-indigo:not(:disabled):not(.disabled).active,.show>.btn-outline-indigo.dropdown-toggle {
    color: var(--color-indigo-active-fore);
    border-color: var(--color-indigo-active);
    background-color: var(--color-indigo-active)
}

.btn-outline-indigo:not(:disabled):not(.disabled):active:focus,.btn-outline-indigo:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-indigo.dropdown-toggle:focus {
    box-shadow: none
}

.btn-purple {
    color: var(--color-purple-fore);
    border-color: var(--color-purple);
    background-color: var(--color-purple);
    box-shadow: none
}

.btn-purple:hover,.btn-purple .hover,.btn-purple:focus,.btn-purple .focus {
    color: var(--color-purple-hover-fore);
    border-color: var(--color-purple-hover);
    background-color: var(--color-purple-hover);
    box-shadow: none
}

.btn-purple:active,.btn-purple .active {
    color: var(--color-purple-active-fore);
    border-color: var(--color-purple-active);
    background-color: var(--color-purple-active);
    box-shadow: none
}

.btn-purple:disabled,.btn-purple.disabled {
    color: var(--color-purple-fore);
    border-color: var(--color-purple);
    background-color: var(--color-purple);
    box-shadow: none
}

.btn-purple:not(:disabled):not(.disabled):active,.btn-purple:not(:disabled):not(.disabled).active,.show>.btn-purple.dropdown-toggle {
    color: var(--color-purple-active-fore);
    border-color: var(--color-purple-active);
    background-color: var(--color-purple-active)
}

.btn-purple:not(:disabled):not(.disabled):active:focus,.btn-purple:not(:disabled):not(.disabled).active:focus,.show>.btn-purple.dropdown-toggle:focus {
    box-shadow: none
}

.btn-outline-purple {
    color: var(--color-purple);
    border-color: var(--color-purple);
    background-color: transparent;
    box-shadow: none
}

.btn-outline-purple:hover,.btn-outline-purple .hover,.btn-outline-purple:focus,.btn-outline-purple .focus {
    color: var(--color-purple-hover-fore);
    border-color: var(--color-purple-hover);
    background-color: var(--color-purple-hover);
    box-shadow: none
}

.btn-outline-purple:active,.btn-outline-purple .active {
    color: var(--color-purple-active-fore);
    border-color: var(--color-purple-active);
    background-color: var(--color-purple-active);
    box-shadow: none
}

.btn-outline-purple:disabled,.btn-outline-purple.disabled {
    color: var(--color-purple-fore);
    border-color: var(--color-purple);
    background-color: var(--color-purple);
    box-shadow: none
}

.btn-outline-purple:not(:disabled):not(.disabled):active,.btn-outline-purple:not(:disabled):not(.disabled).active,.show>.btn-outline-purple.dropdown-toggle {
    color: var(--color-purple-active-fore);
    border-color: var(--color-purple-active);
    background-color: var(--color-purple-active)
}

.btn-outline-purple:not(:disabled):not(.disabled):active:focus,.btn-outline-purple:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-purple.dropdown-toggle:focus {
    box-shadow: none
}

.btn-pink {
    color: var(--color-pink-fore);
    border-color: var(--color-pink);
    background-color: var(--color-pink);
    box-shadow: none
}

.btn-pink:hover,.btn-pink .hover,.btn-pink:focus,.btn-pink .focus {
    color: var(--color-pink-hover-fore);
    border-color: var(--color-pink-hover);
    background-color: var(--color-pink-hover);
    box-shadow: none
}

.btn-pink:active,.btn-pink .active {
    color: var(--color-pink-active-fore);
    border-color: var(--color-pink-active);
    background-color: var(--color-pink-active);
    box-shadow: none
}

.btn-pink:disabled,.btn-pink.disabled {
    color: var(--color-pink-fore);
    border-color: var(--color-pink);
    background-color: var(--color-pink);
    box-shadow: none
}

.btn-pink:not(:disabled):not(.disabled):active,.btn-pink:not(:disabled):not(.disabled).active,.show>.btn-pink.dropdown-toggle {
    color: var(--color-pink-active-fore);
    border-color: var(--color-pink-active);
    background-color: var(--color-pink-active)
}

.btn-pink:not(:disabled):not(.disabled):active:focus,.btn-pink:not(:disabled):not(.disabled).active:focus,.show>.btn-pink.dropdown-toggle:focus {
    box-shadow: none
}

.btn-outline-pink {
    color: var(--color-pink);
    border-color: var(--color-pink);
    background-color: transparent;
    box-shadow: none
}

.btn-outline-pink:hover,.btn-outline-pink .hover,.btn-outline-pink:focus,.btn-outline-pink .focus {
    color: var(--color-pink-hover-fore);
    border-color: var(--color-pink-hover);
    background-color: var(--color-pink-hover);
    box-shadow: none
}

.btn-outline-pink:active,.btn-outline-pink .active {
    color: var(--color-pink-active-fore);
    border-color: var(--color-pink-active);
    background-color: var(--color-pink-active);
    box-shadow: none
}

.btn-outline-pink:disabled,.btn-outline-pink.disabled {
    color: var(--color-pink-fore);
    border-color: var(--color-pink);
    background-color: var(--color-pink);
    box-shadow: none
}

.btn-outline-pink:not(:disabled):not(.disabled):active,.btn-outline-pink:not(:disabled):not(.disabled).active,.show>.btn-outline-pink.dropdown-toggle {
    color: var(--color-pink-active-fore);
    border-color: var(--color-pink-active);
    background-color: var(--color-pink-active)
}

.btn-outline-pink:not(:disabled):not(.disabled):active:focus,.btn-outline-pink:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-pink.dropdown-toggle:focus {
    box-shadow: none
}

.btn-red {
    color: var(--color-red-fore);
    border-color: var(--color-red);
    background-color: var(--color-red);
    box-shadow: none
}

.btn-red:hover,.btn-red .hover,.btn-red:focus,.btn-red .focus {
    color: var(--color-red-hover-fore);
    border-color: var(--color-red-hover);
    background-color: var(--color-red-hover);
    box-shadow: none
}

.btn-red:active,.btn-red .active {
    color: var(--color-red-active-fore);
    border-color: var(--color-red-active);
    background-color: var(--color-red-active);
    box-shadow: none
}

.btn-red:disabled,.btn-red.disabled {
    color: var(--color-red-fore);
    border-color: var(--color-red);
    background-color: var(--color-red);
    box-shadow: none
}

.btn-red:not(:disabled):not(.disabled):active,.btn-red:not(:disabled):not(.disabled).active,.show>.btn-red.dropdown-toggle {
    color: var(--color-red-active-fore);
    border-color: var(--color-red-active);
    background-color: var(--color-red-active)
}

.btn-red:not(:disabled):not(.disabled):active:focus,.btn-red:not(:disabled):not(.disabled).active:focus,.show>.btn-red.dropdown-toggle:focus {
    box-shadow: none
}

.btn-outline-red {
    color: var(--color-red);
    border-color: var(--color-red);
    background-color: transparent;
    box-shadow: none
}

.btn-outline-red:hover,.btn-outline-red .hover,.btn-outline-red:focus,.btn-outline-red .focus {
    color: var(--color-red-hover-fore);
    border-color: var(--color-red-hover);
    background-color: var(--color-red-hover);
    box-shadow: none
}

.btn-outline-red:active,.btn-outline-red .active {
    color: var(--color-red-active-fore);
    border-color: var(--color-red-active);
    background-color: var(--color-red-active);
    box-shadow: none
}

.btn-outline-red:disabled,.btn-outline-red.disabled {
    color: var(--color-red-fore);
    border-color: var(--color-red);
    background-color: var(--color-red);
    box-shadow: none
}

.btn-outline-red:not(:disabled):not(.disabled):active,.btn-outline-red:not(:disabled):not(.disabled).active,.show>.btn-outline-red.dropdown-toggle {
    color: var(--color-red-active-fore);
    border-color: var(--color-red-active);
    background-color: var(--color-red-active)
}

.btn-outline-red:not(:disabled):not(.disabled):active:focus,.btn-outline-red:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-red.dropdown-toggle:focus {
    box-shadow: none
}

.btn-orange {
    color: var(--color-orange-fore);
    border-color: var(--color-orange);
    background-color: var(--color-orange);
    box-shadow: none
}

.btn-orange:hover,.btn-orange .hover,.btn-orange:focus,.btn-orange .focus {
    color: var(--color-orange-hover-fore);
    border-color: var(--color-orange-hover);
    background-color: var(--color-orange-hover);
    box-shadow: none
}

.btn-orange:active,.btn-orange .active {
    color: var(--color-orange-active-fore);
    border-color: var(--color-orange-active);
    background-color: var(--color-orange-active);
    box-shadow: none
}

.btn-orange:disabled,.btn-orange.disabled {
    color: var(--color-orange-fore);
    border-color: var(--color-orange);
    background-color: var(--color-orange);
    box-shadow: none
}

.btn-orange:not(:disabled):not(.disabled):active,.btn-orange:not(:disabled):not(.disabled).active,.show>.btn-orange.dropdown-toggle {
    color: var(--color-orange-active-fore);
    border-color: var(--color-orange-active);
    background-color: var(--color-orange-active)
}

.btn-orange:not(:disabled):not(.disabled):active:focus,.btn-orange:not(:disabled):not(.disabled).active:focus,.show>.btn-orange.dropdown-toggle:focus {
    box-shadow: none
}

.btn-outline-orange {
    color: var(--color-orange);
    border-color: var(--color-orange);
    background-color: transparent;
    box-shadow: none
}

.btn-outline-orange:hover,.btn-outline-orange .hover,.btn-outline-orange:focus,.btn-outline-orange .focus {
    color: var(--color-orange-hover-fore);
    border-color: var(--color-orange-hover);
    background-color: var(--color-orange-hover);
    box-shadow: none
}

.btn-outline-orange:active,.btn-outline-orange .active {
    color: var(--color-orange-active-fore);
    border-color: var(--color-orange-active);
    background-color: var(--color-orange-active);
    box-shadow: none
}

.btn-outline-orange:disabled,.btn-outline-orange.disabled {
    color: var(--color-orange-fore);
    border-color: var(--color-orange);
    background-color: var(--color-orange);
    box-shadow: none
}

.btn-outline-orange:not(:disabled):not(.disabled):active,.btn-outline-orange:not(:disabled):not(.disabled).active,.show>.btn-outline-orange.dropdown-toggle {
    color: var(--color-orange-active-fore);
    border-color: var(--color-orange-active);
    background-color: var(--color-orange-active)
}

.btn-outline-orange:not(:disabled):not(.disabled):active:focus,.btn-outline-orange:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-orange.dropdown-toggle:focus {
    box-shadow: none
}

.btn-yellow {
    color: var(--color-yellow-fore);
    border-color: var(--color-yellow);
    background-color: var(--color-yellow);
    box-shadow: none
}

.btn-yellow:hover,.btn-yellow .hover,.btn-yellow:focus,.btn-yellow .focus {
    color: var(--color-yellow-hover-fore);
    border-color: var(--color-yellow-hover);
    background-color: var(--color-yellow-hover);
    box-shadow: none
}

.btn-yellow:active,.btn-yellow .active {
    color: var(--color-yellow-active-fore);
    border-color: var(--color-yellow-active);
    background-color: var(--color-yellow-active);
    box-shadow: none
}

.btn-yellow:disabled,.btn-yellow.disabled {
    color: var(--color-yellow-fore);
    border-color: var(--color-yellow);
    background-color: var(--color-yellow);
    box-shadow: none
}

.btn-yellow:not(:disabled):not(.disabled):active,.btn-yellow:not(:disabled):not(.disabled).active,.show>.btn-yellow.dropdown-toggle {
    color: var(--color-yellow-active-fore);
    border-color: var(--color-yellow-active);
    background-color: var(--color-yellow-active)
}

.btn-yellow:not(:disabled):not(.disabled):active:focus,.btn-yellow:not(:disabled):not(.disabled).active:focus,.show>.btn-yellow.dropdown-toggle:focus {
    box-shadow: none
}

.btn-outline-yellow {
    color: var(--color-yellow);
    border-color: var(--color-yellow);
    background-color: transparent;
    box-shadow: none
}

.btn-outline-yellow:hover,.btn-outline-yellow .hover,.btn-outline-yellow:focus,.btn-outline-yellow .focus {
    color: var(--color-yellow-hover-fore);
    border-color: var(--color-yellow-hover);
    background-color: var(--color-yellow-hover);
    box-shadow: none
}

.btn-outline-yellow:active,.btn-outline-yellow .active {
    color: var(--color-yellow-active-fore);
    border-color: var(--color-yellow-active);
    background-color: var(--color-yellow-active);
    box-shadow: none
}

.btn-outline-yellow:disabled,.btn-outline-yellow.disabled {
    color: var(--color-yellow-fore);
    border-color: var(--color-yellow);
    background-color: var(--color-yellow);
    box-shadow: none
}

.btn-outline-yellow:not(:disabled):not(.disabled):active,.btn-outline-yellow:not(:disabled):not(.disabled).active,.show>.btn-outline-yellow.dropdown-toggle {
    color: var(--color-yellow-active-fore);
    border-color: var(--color-yellow-active);
    background-color: var(--color-yellow-active)
}

.btn-outline-yellow:not(:disabled):not(.disabled):active:focus,.btn-outline-yellow:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-yellow.dropdown-toggle:focus {
    box-shadow: none
}

.btn-green {
    color: var(--color-green-fore);
    border-color: var(--color-green);
    background-color: var(--color-green);
    box-shadow: none
}

.btn-green:hover,.btn-green .hover,.btn-green:focus,.btn-green .focus {
    color: var(--color-green-hover-fore);
    border-color: var(--color-green-hover);
    background-color: var(--color-green-hover);
    box-shadow: none
}

.btn-green:active,.btn-green .active {
    color: var(--color-green-active-fore);
    border-color: var(--color-green-active);
    background-color: var(--color-green-active);
    box-shadow: none
}

.btn-green:disabled,.btn-green.disabled {
    color: var(--color-green-fore);
    border-color: var(--color-green);
    background-color: var(--color-green);
    box-shadow: none
}

.btn-green:not(:disabled):not(.disabled):active,.btn-green:not(:disabled):not(.disabled).active,.show>.btn-green.dropdown-toggle {
    color: var(--color-green-active-fore);
    border-color: var(--color-green-active);
    background-color: var(--color-green-active)
}

.btn-green:not(:disabled):not(.disabled):active:focus,.btn-green:not(:disabled):not(.disabled).active:focus,.show>.btn-green.dropdown-toggle:focus {
    box-shadow: none
}

.btn-outline-green {
    color: var(--color-green);
    border-color: var(--color-green);
    background-color: transparent;
    box-shadow: none
}

.btn-outline-green:hover,.btn-outline-green .hover,.btn-outline-green:focus,.btn-outline-green .focus {
    color: var(--color-green-hover-fore);
    border-color: var(--color-green-hover);
    background-color: var(--color-green-hover);
    box-shadow: none
}

.btn-outline-green:active,.btn-outline-green .active {
    color: var(--color-green-active-fore);
    border-color: var(--color-green-active);
    background-color: var(--color-green-active);
    box-shadow: none
}

.btn-outline-green:disabled,.btn-outline-green.disabled {
    color: var(--color-green-fore);
    border-color: var(--color-green);
    background-color: var(--color-green);
    box-shadow: none
}

.btn-outline-green:not(:disabled):not(.disabled):active,.btn-outline-green:not(:disabled):not(.disabled).active,.show>.btn-outline-green.dropdown-toggle {
    color: var(--color-green-active-fore);
    border-color: var(--color-green-active);
    background-color: var(--color-green-active)
}

.btn-outline-green:not(:disabled):not(.disabled):active:focus,.btn-outline-green:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-green.dropdown-toggle:focus {
    box-shadow: none
}

.btn-teal {
    color: var(--color-teal-fore);
    border-color: var(--color-teal);
    background-color: var(--color-teal);
    box-shadow: none
}

.btn-teal:hover,.btn-teal .hover,.btn-teal:focus,.btn-teal .focus {
    color: var(--color-teal-hover-fore);
    border-color: var(--color-teal-hover);
    background-color: var(--color-teal-hover);
    box-shadow: none
}

.btn-teal:active,.btn-teal .active {
    color: var(--color-teal-active-fore);
    border-color: var(--color-teal-active);
    background-color: var(--color-teal-active);
    box-shadow: none
}

.btn-teal:disabled,.btn-teal.disabled {
    color: var(--color-teal-fore);
    border-color: var(--color-teal);
    background-color: var(--color-teal);
    box-shadow: none
}

.btn-teal:not(:disabled):not(.disabled):active,.btn-teal:not(:disabled):not(.disabled).active,.show>.btn-teal.dropdown-toggle {
    color: var(--color-teal-active-fore);
    border-color: var(--color-teal-active);
    background-color: var(--color-teal-active)
}

.btn-teal:not(:disabled):not(.disabled):active:focus,.btn-teal:not(:disabled):not(.disabled).active:focus,.show>.btn-teal.dropdown-toggle:focus {
    box-shadow: none
}

.btn-outline-teal {
    color: var(--color-teal);
    border-color: var(--color-teal);
    background-color: transparent;
    box-shadow: none
}

.btn-outline-teal:hover,.btn-outline-teal .hover,.btn-outline-teal:focus,.btn-outline-teal .focus {
    color: var(--color-teal-hover-fore);
    border-color: var(--color-teal-hover);
    background-color: var(--color-teal-hover);
    box-shadow: none
}

.btn-outline-teal:active,.btn-outline-teal .active {
    color: var(--color-teal-active-fore);
    border-color: var(--color-teal-active);
    background-color: var(--color-teal-active);
    box-shadow: none
}

.btn-outline-teal:disabled,.btn-outline-teal.disabled {
    color: var(--color-teal-fore);
    border-color: var(--color-teal);
    background-color: var(--color-teal);
    box-shadow: none
}

.btn-outline-teal:not(:disabled):not(.disabled):active,.btn-outline-teal:not(:disabled):not(.disabled).active,.show>.btn-outline-teal.dropdown-toggle {
    color: var(--color-teal-active-fore);
    border-color: var(--color-teal-active);
    background-color: var(--color-teal-active)
}

.btn-outline-teal:not(:disabled):not(.disabled):active:focus,.btn-outline-teal:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-teal.dropdown-toggle:focus {
    box-shadow: none
}

.btn-cyan {
    color: var(--color-cyan-fore);
    border-color: var(--color-cyan);
    background-color: var(--color-cyan);
    box-shadow: none
}

.btn-cyan:hover,.btn-cyan .hover,.btn-cyan:focus,.btn-cyan .focus {
    color: var(--color-cyan-hover-fore);
    border-color: var(--color-cyan-hover);
    background-color: var(--color-cyan-hover);
    box-shadow: none
}

.btn-cyan:active,.btn-cyan .active {
    color: var(--color-cyan-active-fore);
    border-color: var(--color-cyan-active);
    background-color: var(--color-cyan-active);
    box-shadow: none
}

.btn-cyan:disabled,.btn-cyan.disabled {
    color: var(--color-cyan-fore);
    border-color: var(--color-cyan);
    background-color: var(--color-cyan);
    box-shadow: none
}

.btn-cyan:not(:disabled):not(.disabled):active,.btn-cyan:not(:disabled):not(.disabled).active,.show>.btn-cyan.dropdown-toggle {
    color: var(--color-cyan-active-fore);
    border-color: var(--color-cyan-active);
    background-color: var(--color-cyan-active)
}

.btn-cyan:not(:disabled):not(.disabled):active:focus,.btn-cyan:not(:disabled):not(.disabled).active:focus,.show>.btn-cyan.dropdown-toggle:focus {
    box-shadow: none
}

.btn-outline-cyan {
    color: var(--color-cyan);
    border-color: var(--color-cyan);
    background-color: transparent;
    box-shadow: none
}

.btn-outline-cyan:hover,.btn-outline-cyan .hover,.btn-outline-cyan:focus,.btn-outline-cyan .focus {
    color: var(--color-cyan-hover-fore);
    border-color: var(--color-cyan-hover);
    background-color: var(--color-cyan-hover);
    box-shadow: none
}

.btn-outline-cyan:active,.btn-outline-cyan .active {
    color: var(--color-cyan-active-fore);
    border-color: var(--color-cyan-active);
    background-color: var(--color-cyan-active);
    box-shadow: none
}

.btn-outline-cyan:disabled,.btn-outline-cyan.disabled {
    color: var(--color-cyan-fore);
    border-color: var(--color-cyan);
    background-color: var(--color-cyan);
    box-shadow: none
}

.btn-outline-cyan:not(:disabled):not(.disabled):active,.btn-outline-cyan:not(:disabled):not(.disabled).active,.show>.btn-outline-cyan.dropdown-toggle {
    color: var(--color-cyan-active-fore);
    border-color: var(--color-cyan-active);
    background-color: var(--color-cyan-active)
}

.btn-outline-cyan:not(:disabled):not(.disabled):active:focus,.btn-outline-cyan:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-cyan.dropdown-toggle:focus {
    box-shadow: none
}

.btn-black {
    color: var(--color-black-fore);
    border-color: var(--color-black);
    background-color: var(--color-black);
    box-shadow: none
}

.btn-black:hover,.btn-black .hover,.btn-black:focus,.btn-black .focus {
    color: var(--color-black-hover-fore);
    border-color: var(--color-black-hover);
    background-color: var(--color-black-hover);
    box-shadow: none
}

.btn-black:active,.btn-black .active {
    color: var(--color-black-active-fore);
    border-color: var(--color-black-active);
    background-color: var(--color-black-active);
    box-shadow: none
}

.btn-black:disabled,.btn-black.disabled {
    color: var(--color-black-fore);
    border-color: var(--color-black);
    background-color: var(--color-black);
    box-shadow: none
}

.btn-black:not(:disabled):not(.disabled):active,.btn-black:not(:disabled):not(.disabled).active,.show>.btn-black.dropdown-toggle {
    color: var(--color-black-active-fore);
    border-color: var(--color-black-active);
    background-color: var(--color-black-active)
}

.btn-black:not(:disabled):not(.disabled):active:focus,.btn-black:not(:disabled):not(.disabled).active:focus,.show>.btn-black.dropdown-toggle:focus {
    box-shadow: none
}

.btn-outline-black {
    color: var(--color-black);
    border-color: var(--color-black);
    background-color: transparent;
    box-shadow: none
}

.btn-outline-black:hover,.btn-outline-black .hover,.btn-outline-black:focus,.btn-outline-black .focus {
    color: var(--color-black-hover-fore);
    border-color: var(--color-black-hover);
    background-color: var(--color-black-hover);
    box-shadow: none
}

.btn-outline-black:active,.btn-outline-black .active {
    color: var(--color-black-active-fore);
    border-color: var(--color-black-active);
    background-color: var(--color-black-active);
    box-shadow: none
}

.btn-outline-black:disabled,.btn-outline-black.disabled {
    color: var(--color-black-fore);
    border-color: var(--color-black);
    background-color: var(--color-black);
    box-shadow: none
}

.btn-outline-black:not(:disabled):not(.disabled):active,.btn-outline-black:not(:disabled):not(.disabled).active,.show>.btn-outline-black.dropdown-toggle {
    color: var(--color-black-active-fore);
    border-color: var(--color-black-active);
    background-color: var(--color-black-active)
}

.btn-outline-black:not(:disabled):not(.disabled):active:focus,.btn-outline-black:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-black.dropdown-toggle:focus {
    box-shadow: none
}

.btn-white {
    color: var(--color-white-fore);
    border-color: var(--color-white);
    background-color: var(--color-white);
    box-shadow: none
}

.btn-white:hover,.btn-white .hover,.btn-white:focus,.btn-white .focus {
    color: var(--color-white-hover-fore);
    border-color: var(--color-white-hover);
    background-color: var(--color-white-hover);
    box-shadow: none
}

.btn-white:active,.btn-white .active {
    color: var(--color-white-active-fore);
    border-color: var(--color-white-active);
    background-color: var(--color-white-active);
    box-shadow: none
}

.btn-white:disabled,.btn-white.disabled {
    color: var(--color-white-fore);
    border-color: var(--color-white);
    background-color: var(--color-white);
    box-shadow: none
}

.btn-white:not(:disabled):not(.disabled):active,.btn-white:not(:disabled):not(.disabled).active,.show>.btn-white.dropdown-toggle {
    color: var(--color-white-active-fore);
    border-color: var(--color-white-active);
    background-color: var(--color-white-active)
}

.btn-white:not(:disabled):not(.disabled):active:focus,.btn-white:not(:disabled):not(.disabled).active:focus,.show>.btn-white.dropdown-toggle:focus {
    box-shadow: none
}

.btn-outline-white {
    color: var(--color-white);
    border-color: var(--color-white);
    background-color: transparent;
    box-shadow: none
}

.btn-outline-white:hover,.btn-outline-white .hover,.btn-outline-white:focus,.btn-outline-white .focus {
    color: var(--color-white-hover-fore);
    border-color: var(--color-white-hover);
    background-color: var(--color-white-hover);
    box-shadow: none
}

.btn-outline-white:active,.btn-outline-white .active {
    color: var(--color-white-active-fore);
    border-color: var(--color-white-active);
    background-color: var(--color-white-active);
    box-shadow: none
}

.btn-outline-white:disabled,.btn-outline-white.disabled {
    color: var(--color-white-fore);
    border-color: var(--color-white);
    background-color: var(--color-white);
    box-shadow: none
}

.btn-outline-white:not(:disabled):not(.disabled):active,.btn-outline-white:not(:disabled):not(.disabled).active,.show>.btn-outline-white.dropdown-toggle {
    color: var(--color-white-active-fore);
    border-color: var(--color-white-active);
    background-color: var(--color-white-active)
}

.btn-outline-white:not(:disabled):not(.disabled):active:focus,.btn-outline-white:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-white.dropdown-toggle:focus {
    box-shadow: none
}

.btn-light {
    color: var(--color-light-fore);
    border-color: var(--color-light);
    background-color: var(--color-light);
    box-shadow: none
}

.btn-light:hover,.btn-light .hover,.btn-light:focus,.btn-light .focus {
    color: var(--color-light-hover-fore);
    border-color: var(--color-light-hover);
    background-color: var(--color-light-hover);
    box-shadow: none
}

.btn-light:active,.btn-light .active {
    color: var(--color-light-active-fore);
    border-color: var(--color-light-active);
    background-color: var(--color-light-active);
    box-shadow: none
}

.btn-light:disabled,.btn-light.disabled {
    color: var(--color-light-fore);
    border-color: var(--color-light);
    background-color: var(--color-light);
    box-shadow: none
}

.btn-light:not(:disabled):not(.disabled):active,.btn-light:not(:disabled):not(.disabled).active,.show>.btn-light.dropdown-toggle {
    color: var(--color-light-active-fore);
    border-color: var(--color-light-active);
    background-color: var(--color-light-active)
}

.btn-light:not(:disabled):not(.disabled):active:focus,.btn-light:not(:disabled):not(.disabled).active:focus,.show>.btn-light.dropdown-toggle:focus {
    box-shadow: none
}

.btn-outline-light {
    color: var(--color-light);
    border-color: var(--color-light);
    background-color: transparent;
    box-shadow: none
}

.btn-outline-light:hover,.btn-outline-light .hover,.btn-outline-light:focus,.btn-outline-light .focus {
    color: var(--color-light-hover-fore);
    border-color: var(--color-light-hover);
    background-color: var(--color-light-hover);
    box-shadow: none
}

.btn-outline-light:active,.btn-outline-light .active {
    color: var(--color-light-active-fore);
    border-color: var(--color-light-active);
    background-color: var(--color-light-active);
    box-shadow: none
}

.btn-outline-light:disabled,.btn-outline-light.disabled {
    color: var(--color-light-fore);
    border-color: var(--color-light);
    background-color: var(--color-light);
    box-shadow: none
}

.btn-outline-light:not(:disabled):not(.disabled):active,.btn-outline-light:not(:disabled):not(.disabled).active,.show>.btn-outline-light.dropdown-toggle {
    color: var(--color-light-active-fore);
    border-color: var(--color-light-active);
    background-color: var(--color-light-active)
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus,.btn-outline-light:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: none
}

.btn-dark {
    color: var(--color-dark-fore);
    border-color: var(--color-dark);
    background-color: var(--color-dark);
    box-shadow: none
}

.btn-dark:hover,.btn-dark .hover,.btn-dark:focus,.btn-dark .focus {
    color: var(--color-dark-hover-fore);
    border-color: var(--color-dark-hover);
    background-color: var(--color-dark-hover);
    box-shadow: none
}

.btn-dark:active,.btn-dark .active {
    color: var(--color-dark-active-fore);
    border-color: var(--color-dark-active);
    background-color: var(--color-dark-active);
    box-shadow: none
}

.btn-dark:disabled,.btn-dark.disabled {
    color: var(--color-dark-fore);
    border-color: var(--color-dark);
    background-color: var(--color-dark);
    box-shadow: none
}

.btn-dark:not(:disabled):not(.disabled):active,.btn-dark:not(:disabled):not(.disabled).active,.show>.btn-dark.dropdown-toggle {
    color: var(--color-dark-active-fore);
    border-color: var(--color-dark-active);
    background-color: var(--color-dark-active)
}

.btn-dark:not(:disabled):not(.disabled):active:focus,.btn-dark:not(:disabled):not(.disabled).active:focus,.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: none
}

.btn-outline-dark {
    color: var(--color-dark);
    border-color: var(--color-dark);
    background-color: transparent;
    box-shadow: none
}

.btn-outline-dark:hover,.btn-outline-dark .hover,.btn-outline-dark:focus,.btn-outline-dark .focus {
    color: var(--color-dark-hover-fore);
    border-color: var(--color-dark-hover);
    background-color: var(--color-dark-hover);
    box-shadow: none
}

.btn-outline-dark:active,.btn-outline-dark .active {
    color: var(--color-dark-active-fore);
    border-color: var(--color-dark-active);
    background-color: var(--color-dark-active);
    box-shadow: none
}

.btn-outline-dark:disabled,.btn-outline-dark.disabled {
    color: var(--color-dark-fore);
    border-color: var(--color-dark);
    background-color: var(--color-dark);
    box-shadow: none
}

.btn-outline-dark:not(:disabled):not(.disabled):active,.btn-outline-dark:not(:disabled):not(.disabled).active,.show>.btn-outline-dark.dropdown-toggle {
    color: var(--color-dark-active-fore);
    border-color: var(--color-dark-active);
    background-color: var(--color-dark-active)
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: none
}

.btn-primary {
    color: var(--color-primary-fore);
    border-color: var(--color-primary);
    background-color: var(--color-primary);
    box-shadow: none
}

.btn-primary:hover,.btn-primary .hover,.btn-primary:focus,.btn-primary .focus {
    color: var(--color-primary-hover-fore);
    border-color: var(--color-primary-hover);
    background-color: var(--color-primary-hover);
    box-shadow: none
}

.btn-primary:active,.btn-primary .active {
    color: var(--color-primary-active-fore);
    border-color: var(--color-primary-active);
    background-color: var(--color-primary-active);
    box-shadow: none
}

.btn-primary:disabled,.btn-primary.disabled {
    color: var(--color-primary-fore);
    border-color: var(--color-primary);
    background-color: var(--color-primary);
    box-shadow: none
}

.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.show>.btn-primary.dropdown-toggle {
    color: var(--color-primary-active-fore);
    border-color: var(--color-primary-active);
    background-color: var(--color-primary-active)
}

.btn-primary:not(:disabled):not(.disabled):active:focus,.btn-primary:not(:disabled):not(.disabled).active:focus,.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none
}

.btn-outline-primary {
    color: var(--color-primary);
    border-color: var(--color-primary);
    background-color: transparent;
    box-shadow: none
}

.btn-outline-primary:hover,.btn-outline-primary .hover,.btn-outline-primary:focus,.btn-outline-primary .focus {
    color: var(--color-primary-hover-fore);
    border-color: var(--color-primary-hover);
    background-color: var(--color-primary-hover);
    box-shadow: none
}

.btn-outline-primary:active,.btn-outline-primary .active {
    color: var(--color-primary-active-fore);
    border-color: var(--color-primary-active);
    background-color: var(--color-primary-active);
    box-shadow: none
}

.btn-outline-primary:disabled,.btn-outline-primary.disabled {
    color: var(--color-primary-fore);
    border-color: var(--color-primary);
    background-color: var(--color-primary);
    box-shadow: none
}

.btn-outline-primary:not(:disabled):not(.disabled):active,.btn-outline-primary:not(:disabled):not(.disabled).active,.show>.btn-outline-primary.dropdown-toggle {
    color: var(--color-primary-active-fore);
    border-color: var(--color-primary-active);
    background-color: var(--color-primary-active)
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: none
}

.btn-secondary {
    color: var(--color-secondary-fore);
    border-color: var(--color-secondary);
    background-color: var(--color-secondary);
    box-shadow: none
}

.btn-secondary:hover,.btn-secondary .hover,.btn-secondary:focus,.btn-secondary .focus {
    color: var(--color-secondary-hover-fore);
    border-color: var(--color-secondary-hover);
    background-color: var(--color-secondary-hover);
    box-shadow: none
}

.btn-secondary:active,.btn-secondary .active {
    color: var(--color-secondary-active-fore);
    border-color: var(--color-secondary-active);
    background-color: var(--color-secondary-active);
    box-shadow: none
}

.btn-secondary:disabled,.btn-secondary.disabled {
    color: var(--color-secondary-fore);
    border-color: var(--color-secondary);
    background-color: var(--color-secondary);
    box-shadow: none
}

.btn-secondary:not(:disabled):not(.disabled):active,.btn-secondary:not(:disabled):not(.disabled).active,.show>.btn-secondary.dropdown-toggle {
    color: var(--color-secondary-active-fore);
    border-color: var(--color-secondary-active);
    background-color: var(--color-secondary-active)
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,.btn-secondary:not(:disabled):not(.disabled).active:focus,.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: none
}

.btn-outline-secondary {
    color: var(--color-secondary);
    border-color: var(--color-secondary);
    background-color: transparent;
    box-shadow: none
}

.btn-outline-secondary:hover,.btn-outline-secondary .hover,.btn-outline-secondary:focus,.btn-outline-secondary .focus {
    color: var(--color-secondary-hover-fore);
    border-color: var(--color-secondary-hover);
    background-color: var(--color-secondary-hover);
    box-shadow: none
}

.btn-outline-secondary:active,.btn-outline-secondary .active {
    color: var(--color-secondary-active-fore);
    border-color: var(--color-secondary-active);
    background-color: var(--color-secondary-active);
    box-shadow: none
}

.btn-outline-secondary:disabled,.btn-outline-secondary.disabled {
    color: var(--color-secondary-fore);
    border-color: var(--color-secondary);
    background-color: var(--color-secondary);
    box-shadow: none
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,.btn-outline-secondary:not(:disabled):not(.disabled).active,.show>.btn-outline-secondary.dropdown-toggle {
    color: var(--color-secondary-active-fore);
    border-color: var(--color-secondary-active);
    background-color: var(--color-secondary-active)
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: none
}

.btn-success {
    color: var(--color-success-fore);
    border-color: var(--color-success);
    background-color: var(--color-success);
    box-shadow: none
}

.btn-success:hover,.btn-success .hover,.btn-success:focus,.btn-success .focus {
    color: var(--color-success-hover-fore);
    border-color: var(--color-success-hover);
    background-color: var(--color-success-hover);
    box-shadow: none
}

.btn-success:active,.btn-success .active {
    color: var(--color-success-active-fore);
    border-color: var(--color-success-active);
    background-color: var(--color-success-active);
    box-shadow: none
}

.btn-success:disabled,.btn-success.disabled {
    color: var(--color-success-fore);
    border-color: var(--color-success);
    background-color: var(--color-success);
    box-shadow: none
}

.btn-success:not(:disabled):not(.disabled):active,.btn-success:not(:disabled):not(.disabled).active,.show>.btn-success.dropdown-toggle {
    color: var(--color-success-active-fore);
    border-color: var(--color-success-active);
    background-color: var(--color-success-active)
}

.btn-success:not(:disabled):not(.disabled):active:focus,.btn-success:not(:disabled):not(.disabled).active:focus,.show>.btn-success.dropdown-toggle:focus {
    box-shadow: none
}

.btn-outline-success {
    color: var(--color-success);
    border-color: var(--color-success);
    background-color: transparent;
    box-shadow: none
}

.btn-outline-success:hover,.btn-outline-success .hover,.btn-outline-success:focus,.btn-outline-success .focus {
    color: var(--color-success-hover-fore);
    border-color: var(--color-success-hover);
    background-color: var(--color-success-hover);
    box-shadow: none
}

.btn-outline-success:active,.btn-outline-success .active {
    color: var(--color-success-active-fore);
    border-color: var(--color-success-active);
    background-color: var(--color-success-active);
    box-shadow: none
}

.btn-outline-success:disabled,.btn-outline-success.disabled {
    color: var(--color-success-fore);
    border-color: var(--color-success);
    background-color: var(--color-success);
    box-shadow: none
}

.btn-outline-success:not(:disabled):not(.disabled):active,.btn-outline-success:not(:disabled):not(.disabled).active,.show>.btn-outline-success.dropdown-toggle {
    color: var(--color-success-active-fore);
    border-color: var(--color-success-active);
    background-color: var(--color-success-active)
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus,.btn-outline-success:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: none
}

.btn-info {
    color: var(--color-info-fore);
    border-color: var(--color-info);
    background-color: var(--color-info);
    box-shadow: none
}

.btn-info:hover,.btn-info .hover,.btn-info:focus,.btn-info .focus {
    color: var(--color-info-hover-fore);
    border-color: var(--color-info-hover);
    background-color: var(--color-info-hover);
    box-shadow: none
}

.btn-info:active,.btn-info .active {
    color: var(--color-info-active-fore);
    border-color: var(--color-info-active);
    background-color: var(--color-info-active);
    box-shadow: none
}

.btn-info:disabled,.btn-info.disabled {
    color: var(--color-info-fore);
    border-color: var(--color-info);
    background-color: var(--color-info);
    box-shadow: none
}

.btn-info:not(:disabled):not(.disabled):active,.btn-info:not(:disabled):not(.disabled).active,.show>.btn-info.dropdown-toggle {
    color: var(--color-info-active-fore);
    border-color: var(--color-info-active);
    background-color: var(--color-info-active)
}

.btn-info:not(:disabled):not(.disabled):active:focus,.btn-info:not(:disabled):not(.disabled).active:focus,.show>.btn-info.dropdown-toggle:focus {
    box-shadow: none
}

.btn-outline-info {
    color: var(--color-info);
    border-color: var(--color-info);
    background-color: transparent;
    box-shadow: none
}

.btn-outline-info:hover,.btn-outline-info .hover,.btn-outline-info:focus,.btn-outline-info .focus {
    color: var(--color-info-hover-fore);
    border-color: var(--color-info-hover);
    background-color: var(--color-info-hover);
    box-shadow: none
}

.btn-outline-info:active,.btn-outline-info .active {
    color: var(--color-info-active-fore);
    border-color: var(--color-info-active);
    background-color: var(--color-info-active);
    box-shadow: none
}

.btn-outline-info:disabled,.btn-outline-info.disabled {
    color: var(--color-info-fore);
    border-color: var(--color-info);
    background-color: var(--color-info);
    box-shadow: none
}

.btn-outline-info:not(:disabled):not(.disabled):active,.btn-outline-info:not(:disabled):not(.disabled).active,.show>.btn-outline-info.dropdown-toggle {
    color: var(--color-info-active-fore);
    border-color: var(--color-info-active);
    background-color: var(--color-info-active)
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus,.btn-outline-info:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: none
}

.btn-warning {
    color: var(--color-warning-fore);
    border-color: var(--color-warning);
    background-color: var(--color-warning);
    box-shadow: none
}

.btn-warning:hover,.btn-warning .hover,.btn-warning:focus,.btn-warning .focus {
    color: var(--color-warning-hover-fore);
    border-color: var(--color-warning-hover);
    background-color: var(--color-warning-hover);
    box-shadow: none
}

.btn-warning:active,.btn-warning .active {
    color: var(--color-warning-active-fore);
    border-color: var(--color-warning-active);
    background-color: var(--color-warning-active);
    box-shadow: none
}

.btn-warning:disabled,.btn-warning.disabled {
    color: var(--color-warning-fore);
    border-color: var(--color-warning);
    background-color: var(--color-warning);
    box-shadow: none
}

.btn-warning:not(:disabled):not(.disabled):active,.btn-warning:not(:disabled):not(.disabled).active,.show>.btn-warning.dropdown-toggle {
    color: var(--color-warning-active-fore);
    border-color: var(--color-warning-active);
    background-color: var(--color-warning-active)
}

.btn-warning:not(:disabled):not(.disabled):active:focus,.btn-warning:not(:disabled):not(.disabled).active:focus,.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: none
}

.btn-outline-warning {
    color: var(--color-warning);
    border-color: var(--color-warning);
    background-color: transparent;
    box-shadow: none
}

.btn-outline-warning:hover,.btn-outline-warning .hover,.btn-outline-warning:focus,.btn-outline-warning .focus {
    color: var(--color-warning-hover-fore);
    border-color: var(--color-warning-hover);
    background-color: var(--color-warning-hover);
    box-shadow: none
}

.btn-outline-warning:active,.btn-outline-warning .active {
    color: var(--color-warning-active-fore);
    border-color: var(--color-warning-active);
    background-color: var(--color-warning-active);
    box-shadow: none
}

.btn-outline-warning:disabled,.btn-outline-warning.disabled {
    color: var(--color-warning-fore);
    border-color: var(--color-warning);
    background-color: var(--color-warning);
    box-shadow: none
}

.btn-outline-warning:not(:disabled):not(.disabled):active,.btn-outline-warning:not(:disabled):not(.disabled).active,.show>.btn-outline-warning.dropdown-toggle {
    color: var(--color-warning-active-fore);
    border-color: var(--color-warning-active);
    background-color: var(--color-warning-active)
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: none
}

.btn-danger {
    color: var(--color-danger-fore);
    border-color: var(--color-danger);
    background-color: var(--color-danger);
    box-shadow: none
}

.btn-danger:hover,.btn-danger .hover,.btn-danger:focus,.btn-danger .focus {
    color: var(--color-danger-hover-fore);
    border-color: var(--color-danger-hover);
    background-color: var(--color-danger-hover);
    box-shadow: none
}

.btn-danger:active,.btn-danger .active {
    color: var(--color-danger-active-fore);
    border-color: var(--color-danger-active);
    background-color: var(--color-danger-active);
    box-shadow: none
}

.btn-danger:disabled,.btn-danger.disabled {
    color: var(--color-danger-fore);
    border-color: var(--color-danger);
    background-color: var(--color-danger);
    box-shadow: none
}

.btn-danger:not(:disabled):not(.disabled):active,.btn-danger:not(:disabled):not(.disabled).active,.show>.btn-danger.dropdown-toggle {
    color: var(--color-danger-active-fore);
    border-color: var(--color-danger-active);
    background-color: var(--color-danger-active)
}

.btn-danger:not(:disabled):not(.disabled):active:focus,.btn-danger:not(:disabled):not(.disabled).active:focus,.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: none
}

.btn-outline-danger {
    color: var(--color-danger);
    border-color: var(--color-danger);
    background-color: transparent;
    box-shadow: none
}

.btn-outline-danger:hover,.btn-outline-danger .hover,.btn-outline-danger:focus,.btn-outline-danger .focus {
    color: var(--color-danger-hover-fore);
    border-color: var(--color-danger-hover);
    background-color: var(--color-danger-hover);
    box-shadow: none
}

.btn-outline-danger:active,.btn-outline-danger .active {
    color: var(--color-danger-active-fore);
    border-color: var(--color-danger-active);
    background-color: var(--color-danger-active);
    box-shadow: none
}

.btn-outline-danger:disabled,.btn-outline-danger.disabled {
    color: var(--color-danger-fore);
    border-color: var(--color-danger);
    background-color: var(--color-danger);
    box-shadow: none
}

.btn-outline-danger:not(:disabled):not(.disabled):active,.btn-outline-danger:not(:disabled):not(.disabled).active,.show>.btn-outline-danger.dropdown-toggle {
    color: var(--color-danger-active-fore);
    border-color: var(--color-danger-active);
    background-color: var(--color-danger-active)
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: none
}

.dropdown-menu {
    border-radius: 0
}

.dropdown-large {
    position: static
}

.dropdown-menu-large {
    width: 100%;
    position: relative
}

.form-control {
    font-weight: inherit;
    border: 1px solid var(--border-color);
    transition: border-color var(--transition-duration) var(--transition-function)
}

.form-control,.form-control:hover,.form-control:focus {
    box-shadow: none
}

.form-control:hover,.form-control:focus {
    border-color: var(--border-hover-color)
}

.form-control,.form-control.form-control-lg,.form-control .form-control-sm {
    height: auto;
    font-weight: inherit
}

.form-control::placeholder {
    transition: var(--transition)
}

.form-control:focus::placeholder {
    opacity: .0;
    transform: translateY(-100%)
}

.form-control {
    font-size: var(--input-font-size);
    line-height: var(--input-line-height);
    padding: var(--input-padding-y) var(--input-padding-x);
    border-radius: var(--input-border-radius)
}

.form-control-lg {
    font-size: var(--input-font-size-lg);
    line-height: var(--input-line-height-lg);
    padding: var(--input-padding-y-lg) var(--input-padding-x-lg);
    border-radius: var(--input-border-radius-lg)
}

.form-control-sm {
    font-size: var(--input-font-size-sm);
    line-height: var(--input-line-height-sm);
    padding: var(--input-padding-y-sm) var(--input-padding-x-sm);
    border-radius: var(--input-border-radius-sm)
}

.form-group {
    position: relative
}

@media (min-width: 1550px) {
    .container {
        max-width:1430px
    }
}

.container-fluid {
    padding-left: var(--grid-gutter-width);
    padding-right: var(--grid-gutter-width)
}

.navbar {
    max-height: 100vh;
    padding: var(--navbar-padding-y) var(--navbar-padding-x);
    transition: var(--transition)
}

.navbar.navbar-fixed {
    box-shadow: 0 20px 30px rgba(0,0,0,0.07)
}

.page-top .navbar {
    box-shadow: none
}

.navbar.navbar-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10
}

.navbar-open .navbar.navbar-fixed {
    right: 30%
}

.navbar-brand {
    padding-left: 0
}

.navbar-toggler {
    position: relative;
    z-index: 1000;
    color: var(--navbar-link-color);
    border: none;
    border-radius: 0
}

.navbar-toggler:hover,.navbar-toggler:focus {
    color: var(--navbar-link-color)
}

.navbar .dropdown-menu {
    border: none
}

.navbar .dropdown-menu .dropdown-header {
    color: var(--navbar-link-color);
    font-weight: var(--navbar-nav-link-font-weight);
    padding: var(--navbar-nav-link-padding-y) var(--navbar-nav-link-padding-x)
}

.navbar .dropdown-menu .nav-link {
    text-transform: none;
    font-weight: var(--font-weight)
}

@media (max-width: 991px) {
    .navbar .dropdown-menu {
        padding-left:var(--grid-gutter-half-width)
    }
}

@media (min-width: 992px) {
    .navbar .dropdown-menu {
        box-shadow:0 20px 20px rgba(0,0,0,0.07)
    }
}

.navbar-nav .dropdown-menu .nav-link {
    padding: var(--navbar-nav-link-padding-y-sm) var(--navbar-nav-link-padding-x-sm) !important
}

.dropdown-toggle::after {
    display: none
}

.navbar-open .dropdown-menu {
    background-color: transparent
}

.navbar-nav .nav-link {
    text-transform: uppercase;
    font-size: var(--navbar-nav-link-font-size);
    font-weight: var(--navbar-nav-link-font-weight);
    padding: var(--navbar-nav-link-padding-y) var(--navbar-nav-link-padding-x);
    transition: var(--transition)
}

.navbar-nav.navbar-nav-sm .nav-link {
    font-size: var(--navbar-nav-link-font-size-sm);
    padding: var(--navbar-nav-link-padding-y-sm) var(--navbar-nav-link-padding-x-sm)
}

.navbar-nav.navbar-nav-lg .nav-link {
    font-size: var(--navbar-nav-link-font-size-lg);
    padding: var(--navbar-nav-link-padding-y-lg) var(--navbar-nav-link-padding-x-lg)
}

.navbar-expand-lg .navbar-nav .nav-link,.navbar-expand-md .navbar-nav .nav-link,.navbar-expand-sm .navbar-nav .nav-link {
    font-size: var(--navbar-nav-link-font-size);
    padding: var(--navbar-nav-link-padding-y) var(--navbar-nav-link-padding-x)
}

@media (max-width: 991px) {
    .navbar-expand-lg .navbar-nav .nav-link,.navbar-expand-md .navbar-nav .nav-link,.navbar-expand-sm .navbar-nav .nav-link {
        padding:var(--navbar-nav-link-padding-y-sm) var(--navbar-nav-link-padding-x-sm)
    }
}

.navbar-expand-lg .navbar-nav.navbar-nav-sm .nav-link,.navbar-expand-md .navbar-nav.navbar-nav-sm .nav-link,.navbar-expand-sm .navbar-nav.navbar-nav-sm .nav-link {
    font-size: var(--navbar-nav-link-font-size-sm);
    padding: var(--navbar-nav-link-padding-y-sm) var(--navbar-nav-link-padding-x-sm)
}

.navbar-expand-lg .navbar-nav.navbar-nav-lg .nav-link,.navbar-expand-md .navbar-nav.navbar-nav-lg .nav-link,.navbar-expand-sm .navbar-nav.navbar-nav-lg .nav-link {
    font-size: var(--navbar-nav-link-font-size-lg);
    padding: var(--navbar-nav-link-padding-y-lg) var(--navbar-nav-link-padding-x-lg)
}

.page-top .navbar.navbar-fixed.navbar-expand-lg .navbar-nav .nav-link,.page-top .navbar.navbar-fixed.navbar-expand-md .navbar-nav .nav-link,.page-top .navbar.navbar-fixed.navbar-expand-sm .navbar-nav .nav-link {
    padding: var(--navbar-nav-link-padding-y-lg) var(--navbar-nav-link-padding-x-lg)
}

.nav-item-divider {
    position: relative;
    width: 1px
}

.nav-item-divider::after {
    display: block;
    content: '';
    position: absolute;
    top: 25%;
    bottom: 25%;
    left: 0;
    right: 0;
    width: 1px;
    background-color: var(--navbar-light-nav-item-divider-color)
}

.navbar-open .navbar {
    box-shadow: none !important;
    background-color: transparent !important
}

.navbar-nav-fullscreen {
    visibility: hidden;
    opacity: .0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    overflow-y: auto;
    padding-left: var(--grid-gutter-half-width);
    padding-right: var(--grid-gutter-half-width);
    transition: var(--transition)
}

.navbar-open .navbar-nav-fullscreen {
    top: var(--navbar-height);
    right: 30%;
    opacity: 1;
    transform: none;
    visibility: visible
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav-fullscreen {
        position:static;
        overflow-y: visible;
        padding-left: 0;
        padding-right: 0;
        opacity: 1;
        transform: none;
        visibility: visible
    }
}

.navbar-light .navbar-brand {
    color: var(--navbar-light-brand-color)
}

.navbar-light .navbar-brand:hover,.navbar-light .navbar-brand:focus {
    color: var(--navbar-light-brand-hover-color)
}

.navbar-light .navbar-nav .nav-link {
    color: var(--navbar-light-nav-link-color)
}

.navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .nav-link:focus {
    color: var(--navbar-light-nav-link-hover-color)
}

.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: var(--navbar-light-nav-link-active-color)
}

.navbar-light .nav-item-divider::after {
    background-color: var(--navbar-light-nav-item-divider-color)
}

.navbar-dark .navbar-brand {
    color: var(--navbar-dark-brand-color)
}

.navbar-dark .navbar-brand:hover,.navbar-dark .navbar-brand:focus {
    color: var(--navbar-dark-brand-hover-color)
}

.navbar-dark .navbar-nav .nav-link {
    color: var(--navbar-dark-nav-link-color)
}

.navbar-dark .navbar-nav .nav-link:hover,.navbar-dark .navbar-nav .nav-link:focus {
    color: var(--navbar-dark-nav-link-hover-color)
}

.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: var(--navbar-dark-nav-link-active-color)
}

.navbar-dark .nav-item-divider::after {
    background-color: var(--navbar-dark-nav-item-divider-color)
}

.navbar-fixed .navbar-top-line {
    max-height: 0;
    overflow-y: hidden;
    transition: var(--transition)
}

.page-top .navbar-fixed .navbar-top-line {
    max-height: 60px
}

.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: .39375rem !important
}

.mt-1,.my-1 {
    margin-top: .39375rem !important
}

.mr-1,.mx-1 {
    margin-right: .39375rem !important
}

.mb-1,.my-1 {
    margin-bottom: .39375rem !important
}

.ml-1,.mx-1 {
    margin-left: .39375rem !important
}

.m-2 {
    margin: .7875rem !important
}

.mt-2,.my-2 {
    margin-top: .7875rem !important
}

.mr-2,.mx-2 {
    margin-right: .7875rem !important
}

.mb-2,.my-2 {
    margin-bottom: .7875rem !important
}

.ml-2,.mx-2 {
    margin-left: .7875rem !important
}

.m-3 {
    margin: 1.18125rem !important
}

.mt-3,.my-3 {
    margin-top: 1.18125rem !important
}

.mr-3,.mx-3 {
    margin-right: 1.18125rem !important
}

.mb-3,.my-3 {
    margin-bottom: 1.18125rem !important
}

.ml-3,.mx-3 {
    margin-left: 1.18125rem !important
}

.m-4 {
    margin: 1.575rem !important
}

.mt-4,.my-4 {
    margin-top: 1.575rem !important
}

.mr-4,.mx-4 {
    margin-right: 1.575rem !important
}

.mb-4,.my-4 {
    margin-bottom: 1.575rem !important
}

.ml-4,.mx-4 {
    margin-left: 1.575rem !important
}

.m-5 {
    margin: 1.96875rem !important
}

.mt-5,.my-5 {
    margin-top: 1.96875rem !important
}

.mr-5,.mx-5 {
    margin-right: 1.96875rem !important
}

.mb-5,.my-5 {
    margin-bottom: 1.96875rem !important
}

.ml-5,.mx-5 {
    margin-left: 1.96875rem !important
}

.m-6 {
    margin: 2.3625rem !important
}

.mt-6,.my-6 {
    margin-top: 2.3625rem !important
}

.mr-6,.mx-6 {
    margin-right: 2.3625rem !important
}

.mb-6,.my-6 {
    margin-bottom: 2.3625rem !important
}

.ml-6,.mx-6 {
    margin-left: 2.3625rem !important
}

.m-7 {
    margin: 2.75625rem !important
}

.mt-7,.my-7 {
    margin-top: 2.75625rem !important
}

.mr-7,.mx-7 {
    margin-right: 2.75625rem !important
}

.mb-7,.my-7 {
    margin-bottom: 2.75625rem !important
}

.ml-7,.mx-7 {
    margin-left: 2.75625rem !important
}

.m-8 {
    margin: 3.15rem !important
}

.mt-8,.my-8 {
    margin-top: 3.15rem !important
}

.mr-8,.mx-8 {
    margin-right: 3.15rem !important
}

.mb-8,.my-8 {
    margin-bottom: 3.15rem !important
}

.ml-8,.mx-8 {
    margin-left: 3.15rem !important
}

.m-9 {
    margin: 3.54375rem !important
}

.mt-9,.my-9 {
    margin-top: 3.54375rem !important
}

.mr-9,.mx-9 {
    margin-right: 3.54375rem !important
}

.mb-9,.my-9 {
    margin-bottom: 3.54375rem !important
}

.ml-9,.mx-9 {
    margin-left: 3.54375rem !important
}

.m-10 {
    margin: 3.9375rem !important
}

.mt-10,.my-10 {
    margin-top: 3.9375rem !important
}

.mr-10,.mx-10 {
    margin-right: 3.9375rem !important
}

.mb-10,.my-10 {
    margin-bottom: 3.9375rem !important
}

.ml-10,.mx-10 {
    margin-left: 3.9375rem !important
}

.m-11 {
    margin: 4.33125rem !important
}

.mt-11,.my-11 {
    margin-top: 4.33125rem !important
}

.mr-11,.mx-11 {
    margin-right: 4.33125rem !important
}

.mb-11,.my-11 {
    margin-bottom: 4.33125rem !important
}

.ml-11,.mx-11 {
    margin-left: 4.33125rem !important
}

.m-12 {
    margin: 4.725rem !important
}

.mt-12,.my-12 {
    margin-top: 4.725rem !important
}

.mr-12,.mx-12 {
    margin-right: 4.725rem !important
}

.mb-12,.my-12 {
    margin-bottom: 4.725rem !important
}

.ml-12,.mx-12 {
    margin-left: 4.725rem !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: .39375rem !important
}

.pt-1,.py-1 {
    padding-top: .39375rem !important
}

.pr-1,.px-1 {
    padding-right: .39375rem !important
}

.pb-1,.py-1 {
    padding-bottom: .39375rem !important
}

.pl-1,.px-1 {
    padding-left: .39375rem !important
}

.p-2 {
    padding: .7875rem !important
}

.pt-2,.py-2 {
    padding-top: .7875rem !important
}

.pr-2,.px-2 {
    padding-right: .7875rem !important
}

.pb-2,.py-2 {
    padding-bottom: .7875rem !important
}

.pl-2,.px-2 {
    padding-left: .7875rem !important
}

.p-3 {
    padding: 1.18125rem !important
}

.pt-3,.py-3 {
    padding-top: 1.18125rem !important
}

.pr-3,.px-3 {
    padding-right: 1.18125rem !important
}

.pb-3,.py-3 {
    padding-bottom: 1.18125rem !important
}

.pl-3,.px-3 {
    padding-left: 1.18125rem !important
}

.p-4 {
    padding: 1.575rem !important
}

.pt-4,.py-4 {
    padding-top: 1.575rem !important
}

.pr-4,.px-4 {
    padding-right: 1.575rem !important
}

.pb-4,.py-4 {
    padding-bottom: 1.575rem !important
}

.pl-4,.px-4 {
    padding-left: 1.575rem !important
}

.p-5 {
    padding: 1.96875rem !important
}

.pt-5,.py-5 {
    padding-top: 1.96875rem !important
}

.pr-5,.px-5 {
    padding-right: 1.96875rem !important
}

.pb-5,.py-5 {
    padding-bottom: 1.96875rem !important
}

.pl-5,.px-5 {
    padding-left: 1.96875rem !important
}

.p-6 {
    padding: 2.3625rem !important
}

.pt-6,.py-6 {
    padding-top: 2.3625rem !important
}

.pr-6,.px-6 {
    padding-right: 2.3625rem !important
}

.pb-6,.py-6 {
    padding-bottom: 2.3625rem !important
}

.pl-6,.px-6 {
    padding-left: 2.3625rem !important
}

.p-7 {
    padding: 2.75625rem !important
}

.pt-7,.py-7 {
    padding-top: 2.75625rem !important
}

.pr-7,.px-7 {
    padding-right: 2.75625rem !important
}

.pb-7,.py-7 {
    padding-bottom: 2.75625rem !important
}

.pl-7,.px-7 {
    padding-left: 2.75625rem !important
}

.p-8 {
    padding: 3.15rem !important
}

.pt-8,.py-8 {
    padding-top: 3.15rem !important
}

.pr-8,.px-8 {
    padding-right: 3.15rem !important
}

.pb-8,.py-8 {
    padding-bottom: 3.15rem !important
}

.pl-8,.px-8 {
    padding-left: 3.15rem !important
}

.p-9 {
    padding: 3.54375rem !important
}

.pt-9,.py-9 {
    padding-top: 3.54375rem !important
}

.pr-9,.px-9 {
    padding-right: 3.54375rem !important
}

.pb-9,.py-9 {
    padding-bottom: 3.54375rem !important
}

.pl-9,.px-9 {
    padding-left: 3.54375rem !important
}

.p-10 {
    padding: 3.9375rem !important
}

.pt-10,.py-10 {
    padding-top: 3.9375rem !important
}

.pr-10,.px-10 {
    padding-right: 3.9375rem !important
}

.pb-10,.py-10 {
    padding-bottom: 3.9375rem !important
}

.pl-10,.px-10 {
    padding-left: 3.9375rem !important
}

.p-11 {
    padding: 4.33125rem !important
}

.pt-11,.py-11 {
    padding-top: 4.33125rem !important
}

.pr-11,.px-11 {
    padding-right: 4.33125rem !important
}

.pb-11,.py-11 {
    padding-bottom: 4.33125rem !important
}

.pl-11,.px-11 {
    padding-left: 4.33125rem !important
}

.p-12 {
    padding: 4.725rem !important
}

.pt-12,.py-12 {
    padding-top: 4.725rem !important
}

.pr-12,.px-12 {
    padding-right: 4.725rem !important
}

.pb-12,.py-12 {
    padding-bottom: 4.725rem !important
}

.pl-12,.px-12 {
    padding-left: 4.725rem !important
}

.m-n1 {
    margin: -.39375rem !important
}

.mt-n1,.my-n1 {
    margin-top: -.39375rem !important
}

.mr-n1,.mx-n1 {
    margin-right: -.39375rem !important
}

.mb-n1,.my-n1 {
    margin-bottom: -.39375rem !important
}

.ml-n1,.mx-n1 {
    margin-left: -.39375rem !important
}

.m-n2 {
    margin: -.7875rem !important
}

.mt-n2,.my-n2 {
    margin-top: -.7875rem !important
}

.mr-n2,.mx-n2 {
    margin-right: -.7875rem !important
}

.mb-n2,.my-n2 {
    margin-bottom: -.7875rem !important
}

.ml-n2,.mx-n2 {
    margin-left: -.7875rem !important
}

.m-n3 {
    margin: -1.18125rem !important
}

.mt-n3,.my-n3 {
    margin-top: -1.18125rem !important
}

.mr-n3,.mx-n3 {
    margin-right: -1.18125rem !important
}

.mb-n3,.my-n3 {
    margin-bottom: -1.18125rem !important
}

.ml-n3,.mx-n3 {
    margin-left: -1.18125rem !important
}

.m-n4 {
    margin: -1.575rem !important
}

.mt-n4,.my-n4 {
    margin-top: -1.575rem !important
}

.mr-n4,.mx-n4 {
    margin-right: -1.575rem !important
}

.mb-n4,.my-n4 {
    margin-bottom: -1.575rem !important
}

.ml-n4,.mx-n4 {
    margin-left: -1.575rem !important
}

.m-n5 {
    margin: -1.96875rem !important
}

.mt-n5,.my-n5 {
    margin-top: -1.96875rem !important
}

.mr-n5,.mx-n5 {
    margin-right: -1.96875rem !important
}

.mb-n5,.my-n5 {
    margin-bottom: -1.96875rem !important
}

.ml-n5,.mx-n5 {
    margin-left: -1.96875rem !important
}

.m-n6 {
    margin: -2.3625rem !important
}

.mt-n6,.my-n6 {
    margin-top: -2.3625rem !important
}

.mr-n6,.mx-n6 {
    margin-right: -2.3625rem !important
}

.mb-n6,.my-n6 {
    margin-bottom: -2.3625rem !important
}

.ml-n6,.mx-n6 {
    margin-left: -2.3625rem !important
}

.m-n7 {
    margin: -2.75625rem !important
}

.mt-n7,.my-n7 {
    margin-top: -2.75625rem !important
}

.mr-n7,.mx-n7 {
    margin-right: -2.75625rem !important
}

.mb-n7,.my-n7 {
    margin-bottom: -2.75625rem !important
}

.ml-n7,.mx-n7 {
    margin-left: -2.75625rem !important
}

.m-n8 {
    margin: -3.15rem !important
}

.mt-n8,.my-n8 {
    margin-top: -3.15rem !important
}

.mr-n8,.mx-n8 {
    margin-right: -3.15rem !important
}

.mb-n8,.my-n8 {
    margin-bottom: -3.15rem !important
}

.ml-n8,.mx-n8 {
    margin-left: -3.15rem !important
}

.m-n9 {
    margin: -3.54375rem !important
}

.mt-n9,.my-n9 {
    margin-top: -3.54375rem !important
}

.mr-n9,.mx-n9 {
    margin-right: -3.54375rem !important
}

.mb-n9,.my-n9 {
    margin-bottom: -3.54375rem !important
}

.ml-n9,.mx-n9 {
    margin-left: -3.54375rem !important
}

.m-n10 {
    margin: -3.9375rem !important
}

.mt-n10,.my-n10 {
    margin-top: -3.9375rem !important
}

.mr-n10,.mx-n10 {
    margin-right: -3.9375rem !important
}

.mb-n10,.my-n10 {
    margin-bottom: -3.9375rem !important
}

.ml-n10,.mx-n10 {
    margin-left: -3.9375rem !important
}

.m-n11 {
    margin: -4.33125rem !important
}

.mt-n11,.my-n11 {
    margin-top: -4.33125rem !important
}

.mr-n11,.mx-n11 {
    margin-right: -4.33125rem !important
}

.mb-n11,.my-n11 {
    margin-bottom: -4.33125rem !important
}

.ml-n11,.mx-n11 {
    margin-left: -4.33125rem !important
}

.m-n12 {
    margin: -4.725rem !important
}

.mt-n12,.my-n12 {
    margin-top: -4.725rem !important
}

.mr-n12,.mx-n12 {
    margin-right: -4.725rem !important
}

.mb-n12,.my-n12 {
    margin-bottom: -4.725rem !important
}

.ml-n12,.mx-n12 {
    margin-left: -4.725rem !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: .39375rem !important
    }

    .mt-sm-1,.my-sm-1 {
        margin-top: .39375rem !important
    }

    .mr-sm-1,.mx-sm-1 {
        margin-right: .39375rem !important
    }

    .mb-sm-1,.my-sm-1 {
        margin-bottom: .39375rem !important
    }

    .ml-sm-1,.mx-sm-1 {
        margin-left: .39375rem !important
    }

    .m-sm-2 {
        margin: .7875rem !important
    }

    .mt-sm-2,.my-sm-2 {
        margin-top: .7875rem !important
    }

    .mr-sm-2,.mx-sm-2 {
        margin-right: .7875rem !important
    }

    .mb-sm-2,.my-sm-2 {
        margin-bottom: .7875rem !important
    }

    .ml-sm-2,.mx-sm-2 {
        margin-left: .7875rem !important
    }

    .m-sm-3 {
        margin: 1.18125rem !important
    }

    .mt-sm-3,.my-sm-3 {
        margin-top: 1.18125rem !important
    }

    .mr-sm-3,.mx-sm-3 {
        margin-right: 1.18125rem !important
    }

    .mb-sm-3,.my-sm-3 {
        margin-bottom: 1.18125rem !important
    }

    .ml-sm-3,.mx-sm-3 {
        margin-left: 1.18125rem !important
    }

    .m-sm-4 {
        margin: 1.575rem !important
    }

    .mt-sm-4,.my-sm-4 {
        margin-top: 1.575rem !important
    }

    .mr-sm-4,.mx-sm-4 {
        margin-right: 1.575rem !important
    }

    .mb-sm-4,.my-sm-4 {
        margin-bottom: 1.575rem !important
    }

    .ml-sm-4,.mx-sm-4 {
        margin-left: 1.575rem !important
    }

    .m-sm-5 {
        margin: 1.96875rem !important
    }

    .mt-sm-5,.my-sm-5 {
        margin-top: 1.96875rem !important
    }

    .mr-sm-5,.mx-sm-5 {
        margin-right: 1.96875rem !important
    }

    .mb-sm-5,.my-sm-5 {
        margin-bottom: 1.96875rem !important
    }

    .ml-sm-5,.mx-sm-5 {
        margin-left: 1.96875rem !important
    }

    .m-sm-6 {
        margin: 2.3625rem !important
    }

    .mt-sm-6,.my-sm-6 {
        margin-top: 2.3625rem !important
    }

    .mr-sm-6,.mx-sm-6 {
        margin-right: 2.3625rem !important
    }

    .mb-sm-6,.my-sm-6 {
        margin-bottom: 2.3625rem !important
    }

    .ml-sm-6,.mx-sm-6 {
        margin-left: 2.3625rem !important
    }

    .m-sm-7 {
        margin: 2.75625rem !important
    }

    .mt-sm-7,.my-sm-7 {
        margin-top: 2.75625rem !important
    }

    .mr-sm-7,.mx-sm-7 {
        margin-right: 2.75625rem !important
    }

    .mb-sm-7,.my-sm-7 {
        margin-bottom: 2.75625rem !important
    }

    .ml-sm-7,.mx-sm-7 {
        margin-left: 2.75625rem !important
    }

    .m-sm-8 {
        margin: 3.15rem !important
    }

    .mt-sm-8,.my-sm-8 {
        margin-top: 3.15rem !important
    }

    .mr-sm-8,.mx-sm-8 {
        margin-right: 3.15rem !important
    }

    .mb-sm-8,.my-sm-8 {
        margin-bottom: 3.15rem !important
    }

    .ml-sm-8,.mx-sm-8 {
        margin-left: 3.15rem !important
    }

    .m-sm-9 {
        margin: 3.54375rem !important
    }

    .mt-sm-9,.my-sm-9 {
        margin-top: 3.54375rem !important
    }

    .mr-sm-9,.mx-sm-9 {
        margin-right: 3.54375rem !important
    }

    .mb-sm-9,.my-sm-9 {
        margin-bottom: 3.54375rem !important
    }

    .ml-sm-9,.mx-sm-9 {
        margin-left: 3.54375rem !important
    }

    .m-sm-10 {
        margin: 3.9375rem !important
    }

    .mt-sm-10,.my-sm-10 {
        margin-top: 3.9375rem !important
    }

    .mr-sm-10,.mx-sm-10 {
        margin-right: 3.9375rem !important
    }

    .mb-sm-10,.my-sm-10 {
        margin-bottom: 3.9375rem !important
    }

    .ml-sm-10,.mx-sm-10 {
        margin-left: 3.9375rem !important
    }

    .m-sm-11 {
        margin: 4.33125rem !important
    }

    .mt-sm-11,.my-sm-11 {
        margin-top: 4.33125rem !important
    }

    .mr-sm-11,.mx-sm-11 {
        margin-right: 4.33125rem !important
    }

    .mb-sm-11,.my-sm-11 {
        margin-bottom: 4.33125rem !important
    }

    .ml-sm-11,.mx-sm-11 {
        margin-left: 4.33125rem !important
    }

    .m-sm-12 {
        margin: 4.725rem !important
    }

    .mt-sm-12,.my-sm-12 {
        margin-top: 4.725rem !important
    }

    .mr-sm-12,.mx-sm-12 {
        margin-right: 4.725rem !important
    }

    .mb-sm-12,.my-sm-12 {
        margin-bottom: 4.725rem !important
    }

    .ml-sm-12,.mx-sm-12 {
        margin-left: 4.725rem !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: .39375rem !important
    }

    .pt-sm-1,.py-sm-1 {
        padding-top: .39375rem !important
    }

    .pr-sm-1,.px-sm-1 {
        padding-right: .39375rem !important
    }

    .pb-sm-1,.py-sm-1 {
        padding-bottom: .39375rem !important
    }

    .pl-sm-1,.px-sm-1 {
        padding-left: .39375rem !important
    }

    .p-sm-2 {
        padding: .7875rem !important
    }

    .pt-sm-2,.py-sm-2 {
        padding-top: .7875rem !important
    }

    .pr-sm-2,.px-sm-2 {
        padding-right: .7875rem !important
    }

    .pb-sm-2,.py-sm-2 {
        padding-bottom: .7875rem !important
    }

    .pl-sm-2,.px-sm-2 {
        padding-left: .7875rem !important
    }

    .p-sm-3 {
        padding: 1.18125rem !important
    }

    .pt-sm-3,.py-sm-3 {
        padding-top: 1.18125rem !important
    }

    .pr-sm-3,.px-sm-3 {
        padding-right: 1.18125rem !important
    }

    .pb-sm-3,.py-sm-3 {
        padding-bottom: 1.18125rem !important
    }

    .pl-sm-3,.px-sm-3 {
        padding-left: 1.18125rem !important
    }

    .p-sm-4 {
        padding: 1.575rem !important
    }

    .pt-sm-4,.py-sm-4 {
        padding-top: 1.575rem !important
    }

    .pr-sm-4,.px-sm-4 {
        padding-right: 1.575rem !important
    }

    .pb-sm-4,.py-sm-4 {
        padding-bottom: 1.575rem !important
    }

    .pl-sm-4,.px-sm-4 {
        padding-left: 1.575rem !important
    }

    .p-sm-5 {
        padding: 1.96875rem !important
    }

    .pt-sm-5,.py-sm-5 {
        padding-top: 1.96875rem !important
    }

    .pr-sm-5,.px-sm-5 {
        padding-right: 1.96875rem !important
    }

    .pb-sm-5,.py-sm-5 {
        padding-bottom: 1.96875rem !important
    }

    .pl-sm-5,.px-sm-5 {
        padding-left: 1.96875rem !important
    }

    .p-sm-6 {
        padding: 2.3625rem !important
    }

    .pt-sm-6,.py-sm-6 {
        padding-top: 2.3625rem !important
    }

    .pr-sm-6,.px-sm-6 {
        padding-right: 2.3625rem !important
    }

    .pb-sm-6,.py-sm-6 {
        padding-bottom: 2.3625rem !important
    }

    .pl-sm-6,.px-sm-6 {
        padding-left: 2.3625rem !important
    }

    .p-sm-7 {
        padding: 2.75625rem !important
    }

    .pt-sm-7,.py-sm-7 {
        padding-top: 2.75625rem !important
    }

    .pr-sm-7,.px-sm-7 {
        padding-right: 2.75625rem !important
    }

    .pb-sm-7,.py-sm-7 {
        padding-bottom: 2.75625rem !important
    }

    .pl-sm-7,.px-sm-7 {
        padding-left: 2.75625rem !important
    }

    .p-sm-8 {
        padding: 3.15rem !important
    }

    .pt-sm-8,.py-sm-8 {
        padding-top: 3.15rem !important
    }

    .pr-sm-8,.px-sm-8 {
        padding-right: 3.15rem !important
    }

    .pb-sm-8,.py-sm-8 {
        padding-bottom: 3.15rem !important
    }

    .pl-sm-8,.px-sm-8 {
        padding-left: 3.15rem !important
    }

    .p-sm-9 {
        padding: 3.54375rem !important
    }

    .pt-sm-9,.py-sm-9 {
        padding-top: 3.54375rem !important
    }

    .pr-sm-9,.px-sm-9 {
        padding-right: 3.54375rem !important
    }

    .pb-sm-9,.py-sm-9 {
        padding-bottom: 3.54375rem !important
    }

    .pl-sm-9,.px-sm-9 {
        padding-left: 3.54375rem !important
    }

    .p-sm-10 {
        padding: 3.9375rem !important
    }

    .pt-sm-10,.py-sm-10 {
        padding-top: 3.9375rem !important
    }

    .pr-sm-10,.px-sm-10 {
        padding-right: 3.9375rem !important
    }

    .pb-sm-10,.py-sm-10 {
        padding-bottom: 3.9375rem !important
    }

    .pl-sm-10,.px-sm-10 {
        padding-left: 3.9375rem !important
    }

    .p-sm-11 {
        padding: 4.33125rem !important
    }

    .pt-sm-11,.py-sm-11 {
        padding-top: 4.33125rem !important
    }

    .pr-sm-11,.px-sm-11 {
        padding-right: 4.33125rem !important
    }

    .pb-sm-11,.py-sm-11 {
        padding-bottom: 4.33125rem !important
    }

    .pl-sm-11,.px-sm-11 {
        padding-left: 4.33125rem !important
    }

    .p-sm-12 {
        padding: 4.725rem !important
    }

    .pt-sm-12,.py-sm-12 {
        padding-top: 4.725rem !important
    }

    .pr-sm-12,.px-sm-12 {
        padding-right: 4.725rem !important
    }

    .pb-sm-12,.py-sm-12 {
        padding-bottom: 4.725rem !important
    }

    .pl-sm-12,.px-sm-12 {
        padding-left: 4.725rem !important
    }

    .m-sm-n1 {
        margin: -.39375rem !important
    }

    .mt-sm-n1,.my-sm-n1 {
        margin-top: -.39375rem !important
    }

    .mr-sm-n1,.mx-sm-n1 {
        margin-right: -.39375rem !important
    }

    .mb-sm-n1,.my-sm-n1 {
        margin-bottom: -.39375rem !important
    }

    .ml-sm-n1,.mx-sm-n1 {
        margin-left: -.39375rem !important
    }

    .m-sm-n2 {
        margin: -.7875rem !important
    }

    .mt-sm-n2,.my-sm-n2 {
        margin-top: -.7875rem !important
    }

    .mr-sm-n2,.mx-sm-n2 {
        margin-right: -.7875rem !important
    }

    .mb-sm-n2,.my-sm-n2 {
        margin-bottom: -.7875rem !important
    }

    .ml-sm-n2,.mx-sm-n2 {
        margin-left: -.7875rem !important
    }

    .m-sm-n3 {
        margin: -1.18125rem !important
    }

    .mt-sm-n3,.my-sm-n3 {
        margin-top: -1.18125rem !important
    }

    .mr-sm-n3,.mx-sm-n3 {
        margin-right: -1.18125rem !important
    }

    .mb-sm-n3,.my-sm-n3 {
        margin-bottom: -1.18125rem !important
    }

    .ml-sm-n3,.mx-sm-n3 {
        margin-left: -1.18125rem !important
    }

    .m-sm-n4 {
        margin: -1.575rem !important
    }

    .mt-sm-n4,.my-sm-n4 {
        margin-top: -1.575rem !important
    }

    .mr-sm-n4,.mx-sm-n4 {
        margin-right: -1.575rem !important
    }

    .mb-sm-n4,.my-sm-n4 {
        margin-bottom: -1.575rem !important
    }

    .ml-sm-n4,.mx-sm-n4 {
        margin-left: -1.575rem !important
    }

    .m-sm-n5 {
        margin: -1.96875rem !important
    }

    .mt-sm-n5,.my-sm-n5 {
        margin-top: -1.96875rem !important
    }

    .mr-sm-n5,.mx-sm-n5 {
        margin-right: -1.96875rem !important
    }

    .mb-sm-n5,.my-sm-n5 {
        margin-bottom: -1.96875rem !important
    }

    .ml-sm-n5,.mx-sm-n5 {
        margin-left: -1.96875rem !important
    }

    .m-sm-n6 {
        margin: -2.3625rem !important
    }

    .mt-sm-n6,.my-sm-n6 {
        margin-top: -2.3625rem !important
    }

    .mr-sm-n6,.mx-sm-n6 {
        margin-right: -2.3625rem !important
    }

    .mb-sm-n6,.my-sm-n6 {
        margin-bottom: -2.3625rem !important
    }

    .ml-sm-n6,.mx-sm-n6 {
        margin-left: -2.3625rem !important
    }

    .m-sm-n7 {
        margin: -2.75625rem !important
    }

    .mt-sm-n7,.my-sm-n7 {
        margin-top: -2.75625rem !important
    }

    .mr-sm-n7,.mx-sm-n7 {
        margin-right: -2.75625rem !important
    }

    .mb-sm-n7,.my-sm-n7 {
        margin-bottom: -2.75625rem !important
    }

    .ml-sm-n7,.mx-sm-n7 {
        margin-left: -2.75625rem !important
    }

    .m-sm-n8 {
        margin: -3.15rem !important
    }

    .mt-sm-n8,.my-sm-n8 {
        margin-top: -3.15rem !important
    }

    .mr-sm-n8,.mx-sm-n8 {
        margin-right: -3.15rem !important
    }

    .mb-sm-n8,.my-sm-n8 {
        margin-bottom: -3.15rem !important
    }

    .ml-sm-n8,.mx-sm-n8 {
        margin-left: -3.15rem !important
    }

    .m-sm-n9 {
        margin: -3.54375rem !important
    }

    .mt-sm-n9,.my-sm-n9 {
        margin-top: -3.54375rem !important
    }

    .mr-sm-n9,.mx-sm-n9 {
        margin-right: -3.54375rem !important
    }

    .mb-sm-n9,.my-sm-n9 {
        margin-bottom: -3.54375rem !important
    }

    .ml-sm-n9,.mx-sm-n9 {
        margin-left: -3.54375rem !important
    }

    .m-sm-n10 {
        margin: -3.9375rem !important
    }

    .mt-sm-n10,.my-sm-n10 {
        margin-top: -3.9375rem !important
    }

    .mr-sm-n10,.mx-sm-n10 {
        margin-right: -3.9375rem !important
    }

    .mb-sm-n10,.my-sm-n10 {
        margin-bottom: -3.9375rem !important
    }

    .ml-sm-n10,.mx-sm-n10 {
        margin-left: -3.9375rem !important
    }

    .m-sm-n11 {
        margin: -4.33125rem !important
    }

    .mt-sm-n11,.my-sm-n11 {
        margin-top: -4.33125rem !important
    }

    .mr-sm-n11,.mx-sm-n11 {
        margin-right: -4.33125rem !important
    }

    .mb-sm-n11,.my-sm-n11 {
        margin-bottom: -4.33125rem !important
    }

    .ml-sm-n11,.mx-sm-n11 {
        margin-left: -4.33125rem !important
    }

    .m-sm-n12 {
        margin: -4.725rem !important
    }

    .mt-sm-n12,.my-sm-n12 {
        margin-top: -4.725rem !important
    }

    .mr-sm-n12,.mx-sm-n12 {
        margin-right: -4.725rem !important
    }

    .mb-sm-n12,.my-sm-n12 {
        margin-bottom: -4.725rem !important
    }

    .ml-sm-n12,.mx-sm-n12 {
        margin-left: -4.725rem !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: .39375rem !important
    }

    .mt-md-1,.my-md-1 {
        margin-top: .39375rem !important
    }

    .mr-md-1,.mx-md-1 {
        margin-right: .39375rem !important
    }

    .mb-md-1,.my-md-1 {
        margin-bottom: .39375rem !important
    }

    .ml-md-1,.mx-md-1 {
        margin-left: .39375rem !important
    }

    .m-md-2 {
        margin: .7875rem !important
    }

    .mt-md-2,.my-md-2 {
        margin-top: .7875rem !important
    }

    .mr-md-2,.mx-md-2 {
        margin-right: .7875rem !important
    }

    .mb-md-2,.my-md-2 {
        margin-bottom: .7875rem !important
    }

    .ml-md-2,.mx-md-2 {
        margin-left: .7875rem !important
    }

    .m-md-3 {
        margin: 1.18125rem !important
    }

    .mt-md-3,.my-md-3 {
        margin-top: 1.18125rem !important
    }

    .mr-md-3,.mx-md-3 {
        margin-right: 1.18125rem !important
    }

    .mb-md-3,.my-md-3 {
        margin-bottom: 1.18125rem !important
    }

    .ml-md-3,.mx-md-3 {
        margin-left: 1.18125rem !important
    }

    .m-md-4 {
        margin: 1.575rem !important
    }

    .mt-md-4,.my-md-4 {
        margin-top: 1.575rem !important
    }

    .mr-md-4,.mx-md-4 {
        margin-right: 1.575rem !important
    }

    .mb-md-4,.my-md-4 {
        margin-bottom: 1.575rem !important
    }

    .ml-md-4,.mx-md-4 {
        margin-left: 1.575rem !important
    }

    .m-md-5 {
        margin: 1.96875rem !important
    }

    .mt-md-5,.my-md-5 {
        margin-top: 1.96875rem !important
    }

    .mr-md-5,.mx-md-5 {
        margin-right: 1.96875rem !important
    }

    .mb-md-5,.my-md-5 {
        margin-bottom: 1.96875rem !important
    }

    .ml-md-5,.mx-md-5 {
        margin-left: 1.96875rem !important
    }

    .m-md-6 {
        margin: 2.3625rem !important
    }

    .mt-md-6,.my-md-6 {
        margin-top: 2.3625rem !important
    }

    .mr-md-6,.mx-md-6 {
        margin-right: 2.3625rem !important
    }

    .mb-md-6,.my-md-6 {
        margin-bottom: 2.3625rem !important
    }

    .ml-md-6,.mx-md-6 {
        margin-left: 2.3625rem !important
    }

    .m-md-7 {
        margin: 2.75625rem !important
    }

    .mt-md-7,.my-md-7 {
        margin-top: 2.75625rem !important
    }

    .mr-md-7,.mx-md-7 {
        margin-right: 2.75625rem !important
    }

    .mb-md-7,.my-md-7 {
        margin-bottom: 2.75625rem !important
    }

    .ml-md-7,.mx-md-7 {
        margin-left: 2.75625rem !important
    }

    .m-md-8 {
        margin: 3.15rem !important
    }

    .mt-md-8,.my-md-8 {
        margin-top: 3.15rem !important
    }

    .mr-md-8,.mx-md-8 {
        margin-right: 3.15rem !important
    }

    .mb-md-8,.my-md-8 {
        margin-bottom: 3.15rem !important
    }

    .ml-md-8,.mx-md-8 {
        margin-left: 3.15rem !important
    }

    .m-md-9 {
        margin: 3.54375rem !important
    }

    .mt-md-9,.my-md-9 {
        margin-top: 3.54375rem !important
    }

    .mr-md-9,.mx-md-9 {
        margin-right: 3.54375rem !important
    }

    .mb-md-9,.my-md-9 {
        margin-bottom: 3.54375rem !important
    }

    .ml-md-9,.mx-md-9 {
        margin-left: 3.54375rem !important
    }

    .m-md-10 {
        margin: 3.9375rem !important
    }

    .mt-md-10,.my-md-10 {
        margin-top: 3.9375rem !important
    }

    .mr-md-10,.mx-md-10 {
        margin-right: 3.9375rem !important
    }

    .mb-md-10,.my-md-10 {
        margin-bottom: 3.9375rem !important
    }

    .ml-md-10,.mx-md-10 {
        margin-left: 3.9375rem !important
    }

    .m-md-11 {
        margin: 4.33125rem !important
    }

    .mt-md-11,.my-md-11 {
        margin-top: 4.33125rem !important
    }

    .mr-md-11,.mx-md-11 {
        margin-right: 4.33125rem !important
    }

    .mb-md-11,.my-md-11 {
        margin-bottom: 4.33125rem !important
    }

    .ml-md-11,.mx-md-11 {
        margin-left: 4.33125rem !important
    }

    .m-md-12 {
        margin: 4.725rem !important
    }

    .mt-md-12,.my-md-12 {
        margin-top: 4.725rem !important
    }

    .mr-md-12,.mx-md-12 {
        margin-right: 4.725rem !important
    }

    .mb-md-12,.my-md-12 {
        margin-bottom: 4.725rem !important
    }

    .ml-md-12,.mx-md-12 {
        margin-left: 4.725rem !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: .39375rem !important
    }

    .pt-md-1,.py-md-1 {
        padding-top: .39375rem !important
    }

    .pr-md-1,.px-md-1 {
        padding-right: .39375rem !important
    }

    .pb-md-1,.py-md-1 {
        padding-bottom: .39375rem !important
    }

    .pl-md-1,.px-md-1 {
        padding-left: .39375rem !important
    }

    .p-md-2 {
        padding: .7875rem !important
    }

    .pt-md-2,.py-md-2 {
        padding-top: .7875rem !important
    }

    .pr-md-2,.px-md-2 {
        padding-right: .7875rem !important
    }

    .pb-md-2,.py-md-2 {
        padding-bottom: .7875rem !important
    }

    .pl-md-2,.px-md-2 {
        padding-left: .7875rem !important
    }

    .p-md-3 {
        padding: 1.18125rem !important
    }

    .pt-md-3,.py-md-3 {
        padding-top: 1.18125rem !important
    }

    .pr-md-3,.px-md-3 {
        padding-right: 1.18125rem !important
    }

    .pb-md-3,.py-md-3 {
        padding-bottom: 1.18125rem !important
    }

    .pl-md-3,.px-md-3 {
        padding-left: 1.18125rem !important
    }

    .p-md-4 {
        padding: 1.575rem !important
    }

    .pt-md-4,.py-md-4 {
        padding-top: 1.575rem !important
    }

    .pr-md-4,.px-md-4 {
        padding-right: 1.575rem !important
    }

    .pb-md-4,.py-md-4 {
        padding-bottom: 1.575rem !important
    }

    .pl-md-4,.px-md-4 {
        padding-left: 1.575rem !important
    }

    .p-md-5 {
        padding: 1.96875rem !important
    }

    .pt-md-5,.py-md-5 {
        padding-top: 1.96875rem !important
    }

    .pr-md-5,.px-md-5 {
        padding-right: 1.96875rem !important
    }

    .pb-md-5,.py-md-5 {
        padding-bottom: 1.96875rem !important
    }

    .pl-md-5,.px-md-5 {
        padding-left: 1.96875rem !important
    }

    .p-md-6 {
        padding: 2.3625rem !important
    }

    .pt-md-6,.py-md-6 {
        padding-top: 2.3625rem !important
    }

    .pr-md-6,.px-md-6 {
        padding-right: 2.3625rem !important
    }

    .pb-md-6,.py-md-6 {
        padding-bottom: 2.3625rem !important
    }

    .pl-md-6,.px-md-6 {
        padding-left: 2.3625rem !important
    }

    .p-md-7 {
        padding: 2.75625rem !important
    }

    .pt-md-7,.py-md-7 {
        padding-top: 2.75625rem !important
    }

    .pr-md-7,.px-md-7 {
        padding-right: 2.75625rem !important
    }

    .pb-md-7,.py-md-7 {
        padding-bottom: 2.75625rem !important
    }

    .pl-md-7,.px-md-7 {
        padding-left: 2.75625rem !important
    }

    .p-md-8 {
        padding: 3.15rem !important
    }

    .pt-md-8,.py-md-8 {
        padding-top: 3.15rem !important
    }

    .pr-md-8,.px-md-8 {
        padding-right: 3.15rem !important
    }

    .pb-md-8,.py-md-8 {
        padding-bottom: 3.15rem !important
    }

    .pl-md-8,.px-md-8 {
        padding-left: 3.15rem !important
    }

    .p-md-9 {
        padding: 3.54375rem !important
    }

    .pt-md-9,.py-md-9 {
        padding-top: 3.54375rem !important
    }

    .pr-md-9,.px-md-9 {
        padding-right: 3.54375rem !important
    }

    .pb-md-9,.py-md-9 {
        padding-bottom: 3.54375rem !important
    }

    .pl-md-9,.px-md-9 {
        padding-left: 3.54375rem !important
    }

    .p-md-10 {
        padding: 3.9375rem !important
    }

    .pt-md-10,.py-md-10 {
        padding-top: 3.9375rem !important
    }

    .pr-md-10,.px-md-10 {
        padding-right: 3.9375rem !important
    }

    .pb-md-10,.py-md-10 {
        padding-bottom: 3.9375rem !important
    }

    .pl-md-10,.px-md-10 {
        padding-left: 3.9375rem !important
    }

    .p-md-11 {
        padding: 4.33125rem !important
    }

    .pt-md-11,.py-md-11 {
        padding-top: 4.33125rem !important
    }

    .pr-md-11,.px-md-11 {
        padding-right: 4.33125rem !important
    }

    .pb-md-11,.py-md-11 {
        padding-bottom: 4.33125rem !important
    }

    .pl-md-11,.px-md-11 {
        padding-left: 4.33125rem !important
    }

    .p-md-12 {
        padding: 4.725rem !important
    }

    .pt-md-12,.py-md-12 {
        padding-top: 4.725rem !important
    }

    .pr-md-12,.px-md-12 {
        padding-right: 4.725rem !important
    }

    .pb-md-12,.py-md-12 {
        padding-bottom: 4.725rem !important
    }

    .pl-md-12,.px-md-12 {
        padding-left: 4.725rem !important
    }

    .m-md-n1 {
        margin: -.39375rem !important
    }

    .mt-md-n1,.my-md-n1 {
        margin-top: -.39375rem !important
    }

    .mr-md-n1,.mx-md-n1 {
        margin-right: -.39375rem !important
    }

    .mb-md-n1,.my-md-n1 {
        margin-bottom: -.39375rem !important
    }

    .ml-md-n1,.mx-md-n1 {
        margin-left: -.39375rem !important
    }

    .m-md-n2 {
        margin: -.7875rem !important
    }

    .mt-md-n2,.my-md-n2 {
        margin-top: -.7875rem !important
    }

    .mr-md-n2,.mx-md-n2 {
        margin-right: -.7875rem !important
    }

    .mb-md-n2,.my-md-n2 {
        margin-bottom: -.7875rem !important
    }

    .ml-md-n2,.mx-md-n2 {
        margin-left: -.7875rem !important
    }

    .m-md-n3 {
        margin: -1.18125rem !important
    }

    .mt-md-n3,.my-md-n3 {
        margin-top: -1.18125rem !important
    }

    .mr-md-n3,.mx-md-n3 {
        margin-right: -1.18125rem !important
    }

    .mb-md-n3,.my-md-n3 {
        margin-bottom: -1.18125rem !important
    }

    .ml-md-n3,.mx-md-n3 {
        margin-left: -1.18125rem !important
    }

    .m-md-n4 {
        margin: -1.575rem !important
    }

    .mt-md-n4,.my-md-n4 {
        margin-top: -1.575rem !important
    }

    .mr-md-n4,.mx-md-n4 {
        margin-right: -1.575rem !important
    }

    .mb-md-n4,.my-md-n4 {
        margin-bottom: -1.575rem !important
    }

    .ml-md-n4,.mx-md-n4 {
        margin-left: -1.575rem !important
    }

    .m-md-n5 {
        margin: -1.96875rem !important
    }

    .mt-md-n5,.my-md-n5 {
        margin-top: -1.96875rem !important
    }

    .mr-md-n5,.mx-md-n5 {
        margin-right: -1.96875rem !important
    }

    .mb-md-n5,.my-md-n5 {
        margin-bottom: -1.96875rem !important
    }

    .ml-md-n5,.mx-md-n5 {
        margin-left: -1.96875rem !important
    }

    .m-md-n6 {
        margin: -2.3625rem !important
    }

    .mt-md-n6,.my-md-n6 {
        margin-top: -2.3625rem !important
    }

    .mr-md-n6,.mx-md-n6 {
        margin-right: -2.3625rem !important
    }

    .mb-md-n6,.my-md-n6 {
        margin-bottom: -2.3625rem !important
    }

    .ml-md-n6,.mx-md-n6 {
        margin-left: -2.3625rem !important
    }

    .m-md-n7 {
        margin: -2.75625rem !important
    }

    .mt-md-n7,.my-md-n7 {
        margin-top: -2.75625rem !important
    }

    .mr-md-n7,.mx-md-n7 {
        margin-right: -2.75625rem !important
    }

    .mb-md-n7,.my-md-n7 {
        margin-bottom: -2.75625rem !important
    }

    .ml-md-n7,.mx-md-n7 {
        margin-left: -2.75625rem !important
    }

    .m-md-n8 {
        margin: -3.15rem !important
    }

    .mt-md-n8,.my-md-n8 {
        margin-top: -3.15rem !important
    }

    .mr-md-n8,.mx-md-n8 {
        margin-right: -3.15rem !important
    }

    .mb-md-n8,.my-md-n8 {
        margin-bottom: -3.15rem !important
    }

    .ml-md-n8,.mx-md-n8 {
        margin-left: -3.15rem !important
    }

    .m-md-n9 {
        margin: -3.54375rem !important
    }

    .mt-md-n9,.my-md-n9 {
        margin-top: -3.54375rem !important
    }

    .mr-md-n9,.mx-md-n9 {
        margin-right: -3.54375rem !important
    }

    .mb-md-n9,.my-md-n9 {
        margin-bottom: -3.54375rem !important
    }

    .ml-md-n9,.mx-md-n9 {
        margin-left: -3.54375rem !important
    }

    .m-md-n10 {
        margin: -3.9375rem !important
    }

    .mt-md-n10,.my-md-n10 {
        margin-top: -3.9375rem !important
    }

    .mr-md-n10,.mx-md-n10 {
        margin-right: -3.9375rem !important
    }

    .mb-md-n10,.my-md-n10 {
        margin-bottom: -3.9375rem !important
    }

    .ml-md-n10,.mx-md-n10 {
        margin-left: -3.9375rem !important
    }

    .m-md-n11 {
        margin: -4.33125rem !important
    }

    .mt-md-n11,.my-md-n11 {
        margin-top: -4.33125rem !important
    }

    .mr-md-n11,.mx-md-n11 {
        margin-right: -4.33125rem !important
    }

    .mb-md-n11,.my-md-n11 {
        margin-bottom: -4.33125rem !important
    }

    .ml-md-n11,.mx-md-n11 {
        margin-left: -4.33125rem !important
    }

    .m-md-n12 {
        margin: -4.725rem !important
    }

    .mt-md-n12,.my-md-n12 {
        margin-top: -4.725rem !important
    }

    .mr-md-n12,.mx-md-n12 {
        margin-right: -4.725rem !important
    }

    .mb-md-n12,.my-md-n12 {
        margin-bottom: -4.725rem !important
    }

    .ml-md-n12,.mx-md-n12 {
        margin-left: -4.725rem !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: .39375rem !important
    }

    .mt-lg-1,.my-lg-1 {
        margin-top: .39375rem !important
    }

    .mr-lg-1,.mx-lg-1 {
        margin-right: .39375rem !important
    }

    .mb-lg-1,.my-lg-1 {
        margin-bottom: .39375rem !important
    }

    .ml-lg-1,.mx-lg-1 {
        margin-left: .39375rem !important
    }

    .m-lg-2 {
        margin: .7875rem !important
    }

    .mt-lg-2,.my-lg-2 {
        margin-top: .7875rem !important
    }

    .mr-lg-2,.mx-lg-2 {
        margin-right: .7875rem !important
    }

    .mb-lg-2,.my-lg-2 {
        margin-bottom: .7875rem !important
    }

    .ml-lg-2,.mx-lg-2 {
        margin-left: .7875rem !important
    }

    .m-lg-3 {
        margin: 1.18125rem !important
    }

    .mt-lg-3,.my-lg-3 {
        margin-top: 1.18125rem !important
    }

    .mr-lg-3,.mx-lg-3 {
        margin-right: 1.18125rem !important
    }

    .mb-lg-3,.my-lg-3 {
        margin-bottom: 1.18125rem !important
    }

    .ml-lg-3,.mx-lg-3 {
        margin-left: 1.18125rem !important
    }

    .m-lg-4 {
        margin: 1.575rem !important
    }

    .mt-lg-4,.my-lg-4 {
        margin-top: 1.575rem !important
    }

    .mr-lg-4,.mx-lg-4 {
        margin-right: 1.575rem !important
    }

    .mb-lg-4,.my-lg-4 {
        margin-bottom: 1.575rem !important
    }

    .ml-lg-4,.mx-lg-4 {
        margin-left: 1.575rem !important
    }

    .m-lg-5 {
        margin: 1.96875rem !important
    }

    .mt-lg-5,.my-lg-5 {
        margin-top: 1.96875rem !important
    }

    .mr-lg-5,.mx-lg-5 {
        margin-right: 1.96875rem !important
    }

    .mb-lg-5,.my-lg-5 {
        margin-bottom: 1.96875rem !important
    }

    .ml-lg-5,.mx-lg-5 {
        margin-left: 1.96875rem !important
    }

    .m-lg-6 {
        margin: 2.3625rem !important
    }

    .mt-lg-6,.my-lg-6 {
        margin-top: 2.3625rem !important
    }

    .mr-lg-6,.mx-lg-6 {
        margin-right: 2.3625rem !important
    }

    .mb-lg-6,.my-lg-6 {
        margin-bottom: 2.3625rem !important
    }

    .ml-lg-6,.mx-lg-6 {
        margin-left: 2.3625rem !important
    }

    .m-lg-7 {
        margin: 2.75625rem !important
    }

    .mt-lg-7,.my-lg-7 {
        margin-top: 2.75625rem !important
    }

    .mr-lg-7,.mx-lg-7 {
        margin-right: 2.75625rem !important
    }

    .mb-lg-7,.my-lg-7 {
        margin-bottom: 2.75625rem !important
    }

    .ml-lg-7,.mx-lg-7 {
        margin-left: 2.75625rem !important
    }

    .m-lg-8 {
        margin: 3.15rem !important
    }

    .mt-lg-8,.my-lg-8 {
        margin-top: 3.15rem !important
    }

    .mr-lg-8,.mx-lg-8 {
        margin-right: 3.15rem !important
    }

    .mb-lg-8,.my-lg-8 {
        margin-bottom: 3.15rem !important
    }

    .ml-lg-8,.mx-lg-8 {
        margin-left: 3.15rem !important
    }

    .m-lg-9 {
        margin: 3.54375rem !important
    }

    .mt-lg-9,.my-lg-9 {
        margin-top: 3.54375rem !important
    }

    .mr-lg-9,.mx-lg-9 {
        margin-right: 3.54375rem !important
    }

    .mb-lg-9,.my-lg-9 {
        margin-bottom: 3.54375rem !important
    }

    .ml-lg-9,.mx-lg-9 {
        margin-left: 3.54375rem !important
    }

    .m-lg-10 {
        margin: 3.9375rem !important
    }

    .mt-lg-10,.my-lg-10 {
        margin-top: 3.9375rem !important
    }

    .mr-lg-10,.mx-lg-10 {
        margin-right: 3.9375rem !important
    }

    .mb-lg-10,.my-lg-10 {
        margin-bottom: 3.9375rem !important
    }

    .ml-lg-10,.mx-lg-10 {
        margin-left: 3.9375rem !important
    }

    .m-lg-11 {
        margin: 4.33125rem !important
    }

    .mt-lg-11,.my-lg-11 {
        margin-top: 4.33125rem !important
    }

    .mr-lg-11,.mx-lg-11 {
        margin-right: 4.33125rem !important
    }

    .mb-lg-11,.my-lg-11 {
        margin-bottom: 4.33125rem !important
    }

    .ml-lg-11,.mx-lg-11 {
        margin-left: 4.33125rem !important
    }

    .m-lg-12 {
        margin: 4.725rem !important
    }

    .mt-lg-12,.my-lg-12 {
        margin-top: 4.725rem !important
    }

    .mr-lg-12,.mx-lg-12 {
        margin-right: 4.725rem !important
    }

    .mb-lg-12,.my-lg-12 {
        margin-bottom: 4.725rem !important
    }

    .ml-lg-12,.mx-lg-12 {
        margin-left: 4.725rem !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: .39375rem !important
    }

    .pt-lg-1,.py-lg-1 {
        padding-top: .39375rem !important
    }

    .pr-lg-1,.px-lg-1 {
        padding-right: .39375rem !important
    }

    .pb-lg-1,.py-lg-1 {
        padding-bottom: .39375rem !important
    }

    .pl-lg-1,.px-lg-1 {
        padding-left: .39375rem !important
    }

    .p-lg-2 {
        padding: .7875rem !important
    }

    .pt-lg-2,.py-lg-2 {
        padding-top: .7875rem !important
    }

    .pr-lg-2,.px-lg-2 {
        padding-right: .7875rem !important
    }

    .pb-lg-2,.py-lg-2 {
        padding-bottom: .7875rem !important
    }

    .pl-lg-2,.px-lg-2 {
        padding-left: .7875rem !important
    }

    .p-lg-3 {
        padding: 1.18125rem !important
    }

    .pt-lg-3,.py-lg-3 {
        padding-top: 1.18125rem !important
    }

    .pr-lg-3,.px-lg-3 {
        padding-right: 1.18125rem !important
    }

    .pb-lg-3,.py-lg-3 {
        padding-bottom: 1.18125rem !important
    }

    .pl-lg-3,.px-lg-3 {
        padding-left: 1.18125rem !important
    }

    .p-lg-4 {
        padding: 1.575rem !important
    }

    .pt-lg-4,.py-lg-4 {
        padding-top: 1.575rem !important
    }

    .pr-lg-4,.px-lg-4 {
        padding-right: 1.575rem !important
    }

    .pb-lg-4,.py-lg-4 {
        padding-bottom: 1.575rem !important
    }

    .pl-lg-4,.px-lg-4 {
        padding-left: 1.575rem !important
    }

    .p-lg-5 {
        padding: 1.96875rem !important
    }

    .pt-lg-5,.py-lg-5 {
        padding-top: 1.96875rem !important
    }

    .pr-lg-5,.px-lg-5 {
        padding-right: 1.96875rem !important
    }

    .pb-lg-5,.py-lg-5 {
        padding-bottom: 1.96875rem !important
    }

    .pl-lg-5,.px-lg-5 {
        padding-left: 1.96875rem !important
    }

    .p-lg-6 {
        padding: 2.3625rem !important
    }

    .pt-lg-6,.py-lg-6 {
        padding-top: 2.3625rem !important
    }

    .pr-lg-6,.px-lg-6 {
        padding-right: 2.3625rem !important
    }

    .pb-lg-6,.py-lg-6 {
        padding-bottom: 2.3625rem !important
    }

    .pl-lg-6,.px-lg-6 {
        padding-left: 2.3625rem !important
    }

    .p-lg-7 {
        padding: 2.75625rem !important
    }

    .pt-lg-7,.py-lg-7 {
        padding-top: 2.75625rem !important
    }

    .pr-lg-7,.px-lg-7 {
        padding-right: 2.75625rem !important
    }

    .pb-lg-7,.py-lg-7 {
        padding-bottom: 2.75625rem !important
    }

    .pl-lg-7,.px-lg-7 {
        padding-left: 2.75625rem !important
    }

    .p-lg-8 {
        padding: 3.15rem !important
    }

    .pt-lg-8,.py-lg-8 {
        padding-top: 3.15rem !important
    }

    .pr-lg-8,.px-lg-8 {
        padding-right: 3.15rem !important
    }

    .pb-lg-8,.py-lg-8 {
        padding-bottom: 3.15rem !important
    }

    .pl-lg-8,.px-lg-8 {
        padding-left: 3.15rem !important
    }

    .p-lg-9 {
        padding: 3.54375rem !important
    }

    .pt-lg-9,.py-lg-9 {
        padding-top: 3.54375rem !important
    }

    .pr-lg-9,.px-lg-9 {
        padding-right: 3.54375rem !important
    }

    .pb-lg-9,.py-lg-9 {
        padding-bottom: 3.54375rem !important
    }

    .pl-lg-9,.px-lg-9 {
        padding-left: 3.54375rem !important
    }

    .p-lg-10 {
        padding: 3.9375rem !important
    }

    .pt-lg-10,.py-lg-10 {
        padding-top: 3.9375rem !important
    }

    .pr-lg-10,.px-lg-10 {
        padding-right: 3.9375rem !important
    }

    .pb-lg-10,.py-lg-10 {
        padding-bottom: 3.9375rem !important
    }

    .pl-lg-10,.px-lg-10 {
        padding-left: 3.9375rem !important
    }

    .p-lg-11 {
        padding: 4.33125rem !important
    }

    .pt-lg-11,.py-lg-11 {
        padding-top: 4.33125rem !important
    }

    .pr-lg-11,.px-lg-11 {
        padding-right: 4.33125rem !important
    }

    .pb-lg-11,.py-lg-11 {
        padding-bottom: 4.33125rem !important
    }

    .pl-lg-11,.px-lg-11 {
        padding-left: 4.33125rem !important
    }

    .p-lg-12 {
        padding: 4.725rem !important
    }

    .pt-lg-12,.py-lg-12 {
        padding-top: 4.725rem !important
    }

    .pr-lg-12,.px-lg-12 {
        padding-right: 4.725rem !important
    }

    .pb-lg-12,.py-lg-12 {
        padding-bottom: 4.725rem !important
    }

    .pl-lg-12,.px-lg-12 {
        padding-left: 4.725rem !important
    }

    .m-lg-n1 {
        margin: -.39375rem !important
    }

    .mt-lg-n1,.my-lg-n1 {
        margin-top: -.39375rem !important
    }

    .mr-lg-n1,.mx-lg-n1 {
        margin-right: -.39375rem !important
    }

    .mb-lg-n1,.my-lg-n1 {
        margin-bottom: -.39375rem !important
    }

    .ml-lg-n1,.mx-lg-n1 {
        margin-left: -.39375rem !important
    }

    .m-lg-n2 {
        margin: -.7875rem !important
    }

    .mt-lg-n2,.my-lg-n2 {
        margin-top: -.7875rem !important
    }

    .mr-lg-n2,.mx-lg-n2 {
        margin-right: -.7875rem !important
    }

    .mb-lg-n2,.my-lg-n2 {
        margin-bottom: -.7875rem !important
    }

    .ml-lg-n2,.mx-lg-n2 {
        margin-left: -.7875rem !important
    }

    .m-lg-n3 {
        margin: -1.18125rem !important
    }

    .mt-lg-n3,.my-lg-n3 {
        margin-top: -1.18125rem !important
    }

    .mr-lg-n3,.mx-lg-n3 {
        margin-right: -1.18125rem !important
    }

    .mb-lg-n3,.my-lg-n3 {
        margin-bottom: -1.18125rem !important
    }

    .ml-lg-n3,.mx-lg-n3 {
        margin-left: -1.18125rem !important
    }

    .m-lg-n4 {
        margin: -1.575rem !important
    }

    .mt-lg-n4,.my-lg-n4 {
        margin-top: -1.575rem !important
    }

    .mr-lg-n4,.mx-lg-n4 {
        margin-right: -1.575rem !important
    }

    .mb-lg-n4,.my-lg-n4 {
        margin-bottom: -1.575rem !important
    }

    .ml-lg-n4,.mx-lg-n4 {
        margin-left: -1.575rem !important
    }

    .m-lg-n5 {
        margin: -1.96875rem !important
    }

    .mt-lg-n5,.my-lg-n5 {
        margin-top: -1.96875rem !important
    }

    .mr-lg-n5,.mx-lg-n5 {
        margin-right: -1.96875rem !important
    }

    .mb-lg-n5,.my-lg-n5 {
        margin-bottom: -1.96875rem !important
    }

    .ml-lg-n5,.mx-lg-n5 {
        margin-left: -1.96875rem !important
    }

    .m-lg-n6 {
        margin: -2.3625rem !important
    }

    .mt-lg-n6,.my-lg-n6 {
        margin-top: -2.3625rem !important
    }

    .mr-lg-n6,.mx-lg-n6 {
        margin-right: -2.3625rem !important
    }

    .mb-lg-n6,.my-lg-n6 {
        margin-bottom: -2.3625rem !important
    }

    .ml-lg-n6,.mx-lg-n6 {
        margin-left: -2.3625rem !important
    }

    .m-lg-n7 {
        margin: -2.75625rem !important
    }

    .mt-lg-n7,.my-lg-n7 {
        margin-top: -2.75625rem !important
    }

    .mr-lg-n7,.mx-lg-n7 {
        margin-right: -2.75625rem !important
    }

    .mb-lg-n7,.my-lg-n7 {
        margin-bottom: -2.75625rem !important
    }

    .ml-lg-n7,.mx-lg-n7 {
        margin-left: -2.75625rem !important
    }

    .m-lg-n8 {
        margin: -3.15rem !important
    }

    .mt-lg-n8,.my-lg-n8 {
        margin-top: -3.15rem !important
    }

    .mr-lg-n8,.mx-lg-n8 {
        margin-right: -3.15rem !important
    }

    .mb-lg-n8,.my-lg-n8 {
        margin-bottom: -3.15rem !important
    }

    .ml-lg-n8,.mx-lg-n8 {
        margin-left: -3.15rem !important
    }

    .m-lg-n9 {
        margin: -3.54375rem !important
    }

    .mt-lg-n9,.my-lg-n9 {
        margin-top: -3.54375rem !important
    }

    .mr-lg-n9,.mx-lg-n9 {
        margin-right: -3.54375rem !important
    }

    .mb-lg-n9,.my-lg-n9 {
        margin-bottom: -3.54375rem !important
    }

    .ml-lg-n9,.mx-lg-n9 {
        margin-left: -3.54375rem !important
    }

    .m-lg-n10 {
        margin: -3.9375rem !important
    }

    .mt-lg-n10,.my-lg-n10 {
        margin-top: -3.9375rem !important
    }

    .mr-lg-n10,.mx-lg-n10 {
        margin-right: -3.9375rem !important
    }

    .mb-lg-n10,.my-lg-n10 {
        margin-bottom: -3.9375rem !important
    }

    .ml-lg-n10,.mx-lg-n10 {
        margin-left: -3.9375rem !important
    }

    .m-lg-n11 {
        margin: -4.33125rem !important
    }

    .mt-lg-n11,.my-lg-n11 {
        margin-top: -4.33125rem !important
    }

    .mr-lg-n11,.mx-lg-n11 {
        margin-right: -4.33125rem !important
    }

    .mb-lg-n11,.my-lg-n11 {
        margin-bottom: -4.33125rem !important
    }

    .ml-lg-n11,.mx-lg-n11 {
        margin-left: -4.33125rem !important
    }

    .m-lg-n12 {
        margin: -4.725rem !important
    }

    .mt-lg-n12,.my-lg-n12 {
        margin-top: -4.725rem !important
    }

    .mr-lg-n12,.mx-lg-n12 {
        margin-right: -4.725rem !important
    }

    .mb-lg-n12,.my-lg-n12 {
        margin-bottom: -4.725rem !important
    }

    .ml-lg-n12,.mx-lg-n12 {
        margin-left: -4.725rem !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: .39375rem !important
    }

    .mt-xl-1,.my-xl-1 {
        margin-top: .39375rem !important
    }

    .mr-xl-1,.mx-xl-1 {
        margin-right: .39375rem !important
    }

    .mb-xl-1,.my-xl-1 {
        margin-bottom: .39375rem !important
    }

    .ml-xl-1,.mx-xl-1 {
        margin-left: .39375rem !important
    }

    .m-xl-2 {
        margin: .7875rem !important
    }

    .mt-xl-2,.my-xl-2 {
        margin-top: .7875rem !important
    }

    .mr-xl-2,.mx-xl-2 {
        margin-right: .7875rem !important
    }

    .mb-xl-2,.my-xl-2 {
        margin-bottom: .7875rem !important
    }

    .ml-xl-2,.mx-xl-2 {
        margin-left: .7875rem !important
    }

    .m-xl-3 {
        margin: 1.18125rem !important
    }

    .mt-xl-3,.my-xl-3 {
        margin-top: 1.18125rem !important
    }

    .mr-xl-3,.mx-xl-3 {
        margin-right: 1.18125rem !important
    }

    .mb-xl-3,.my-xl-3 {
        margin-bottom: 1.18125rem !important
    }

    .ml-xl-3,.mx-xl-3 {
        margin-left: 1.18125rem !important
    }

    .m-xl-4 {
        margin: 1.575rem !important
    }

    .mt-xl-4,.my-xl-4 {
        margin-top: 1.575rem !important
    }

    .mr-xl-4,.mx-xl-4 {
        margin-right: 1.575rem !important
    }

    .mb-xl-4,.my-xl-4 {
        margin-bottom: 1.575rem !important
    }

    .ml-xl-4,.mx-xl-4 {
        margin-left: 1.575rem !important
    }

    .m-xl-5 {
        margin: 1.96875rem !important
    }

    .mt-xl-5,.my-xl-5 {
        margin-top: 1.96875rem !important
    }

    .mr-xl-5,.mx-xl-5 {
        margin-right: 1.96875rem !important
    }

    .mb-xl-5,.my-xl-5 {
        margin-bottom: 1.96875rem !important
    }

    .ml-xl-5,.mx-xl-5 {
        margin-left: 1.96875rem !important
    }

    .m-xl-6 {
        margin: 2.3625rem !important
    }

    .mt-xl-6,.my-xl-6 {
        margin-top: 2.3625rem !important
    }

    .mr-xl-6,.mx-xl-6 {
        margin-right: 2.3625rem !important
    }

    .mb-xl-6,.my-xl-6 {
        margin-bottom: 2.3625rem !important
    }

    .ml-xl-6,.mx-xl-6 {
        margin-left: 2.3625rem !important
    }

    .m-xl-7 {
        margin: 2.75625rem !important
    }

    .mt-xl-7,.my-xl-7 {
        margin-top: 2.75625rem !important
    }

    .mr-xl-7,.mx-xl-7 {
        margin-right: 2.75625rem !important
    }

    .mb-xl-7,.my-xl-7 {
        margin-bottom: 2.75625rem !important
    }

    .ml-xl-7,.mx-xl-7 {
        margin-left: 2.75625rem !important
    }

    .m-xl-8 {
        margin: 3.15rem !important
    }

    .mt-xl-8,.my-xl-8 {
        margin-top: 3.15rem !important
    }

    .mr-xl-8,.mx-xl-8 {
        margin-right: 3.15rem !important
    }

    .mb-xl-8,.my-xl-8 {
        margin-bottom: 3.15rem !important
    }

    .ml-xl-8,.mx-xl-8 {
        margin-left: 3.15rem !important
    }

    .m-xl-9 {
        margin: 3.54375rem !important
    }

    .mt-xl-9,.my-xl-9 {
        margin-top: 3.54375rem !important
    }

    .mr-xl-9,.mx-xl-9 {
        margin-right: 3.54375rem !important
    }

    .mb-xl-9,.my-xl-9 {
        margin-bottom: 3.54375rem !important
    }

    .ml-xl-9,.mx-xl-9 {
        margin-left: 3.54375rem !important
    }

    .m-xl-10 {
        margin: 3.9375rem !important
    }

    .mt-xl-10,.my-xl-10 {
        margin-top: 3.9375rem !important
    }

    .mr-xl-10,.mx-xl-10 {
        margin-right: 3.9375rem !important
    }

    .mb-xl-10,.my-xl-10 {
        margin-bottom: 3.9375rem !important
    }

    .ml-xl-10,.mx-xl-10 {
        margin-left: 3.9375rem !important
    }

    .m-xl-11 {
        margin: 4.33125rem !important
    }

    .mt-xl-11,.my-xl-11 {
        margin-top: 4.33125rem !important
    }

    .mr-xl-11,.mx-xl-11 {
        margin-right: 4.33125rem !important
    }

    .mb-xl-11,.my-xl-11 {
        margin-bottom: 4.33125rem !important
    }

    .ml-xl-11,.mx-xl-11 {
        margin-left: 4.33125rem !important
    }

    .m-xl-12 {
        margin: 4.725rem !important
    }

    .mt-xl-12,.my-xl-12 {
        margin-top: 4.725rem !important
    }

    .mr-xl-12,.mx-xl-12 {
        margin-right: 4.725rem !important
    }

    .mb-xl-12,.my-xl-12 {
        margin-bottom: 4.725rem !important
    }

    .ml-xl-12,.mx-xl-12 {
        margin-left: 4.725rem !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: .39375rem !important
    }

    .pt-xl-1,.py-xl-1 {
        padding-top: .39375rem !important
    }

    .pr-xl-1,.px-xl-1 {
        padding-right: .39375rem !important
    }

    .pb-xl-1,.py-xl-1 {
        padding-bottom: .39375rem !important
    }

    .pl-xl-1,.px-xl-1 {
        padding-left: .39375rem !important
    }

    .p-xl-2 {
        padding: .7875rem !important
    }

    .pt-xl-2,.py-xl-2 {
        padding-top: .7875rem !important
    }

    .pr-xl-2,.px-xl-2 {
        padding-right: .7875rem !important
    }

    .pb-xl-2,.py-xl-2 {
        padding-bottom: .7875rem !important
    }

    .pl-xl-2,.px-xl-2 {
        padding-left: .7875rem !important
    }

    .p-xl-3 {
        padding: 1.18125rem !important
    }

    .pt-xl-3,.py-xl-3 {
        padding-top: 1.18125rem !important
    }

    .pr-xl-3,.px-xl-3 {
        padding-right: 1.18125rem !important
    }

    .pb-xl-3,.py-xl-3 {
        padding-bottom: 1.18125rem !important
    }

    .pl-xl-3,.px-xl-3 {
        padding-left: 1.18125rem !important
    }

    .p-xl-4 {
        padding: 1.575rem !important
    }

    .pt-xl-4,.py-xl-4 {
        padding-top: 1.575rem !important
    }

    .pr-xl-4,.px-xl-4 {
        padding-right: 1.575rem !important
    }

    .pb-xl-4,.py-xl-4 {
        padding-bottom: 1.575rem !important
    }

    .pl-xl-4,.px-xl-4 {
        padding-left: 1.575rem !important
    }

    .p-xl-5 {
        padding: 1.96875rem !important
    }

    .pt-xl-5,.py-xl-5 {
        padding-top: 1.96875rem !important
    }

    .pr-xl-5,.px-xl-5 {
        padding-right: 1.96875rem !important
    }

    .pb-xl-5,.py-xl-5 {
        padding-bottom: 1.96875rem !important
    }

    .pl-xl-5,.px-xl-5 {
        padding-left: 1.96875rem !important
    }

    .p-xl-6 {
        padding: 2.3625rem !important
    }

    .pt-xl-6,.py-xl-6 {
        padding-top: 2.3625rem !important
    }

    .pr-xl-6,.px-xl-6 {
        padding-right: 2.3625rem !important
    }

    .pb-xl-6,.py-xl-6 {
        padding-bottom: 2.3625rem !important
    }

    .pl-xl-6,.px-xl-6 {
        padding-left: 2.3625rem !important
    }

    .p-xl-7 {
        padding: 2.75625rem !important
    }

    .pt-xl-7,.py-xl-7 {
        padding-top: 2.75625rem !important
    }

    .pr-xl-7,.px-xl-7 {
        padding-right: 2.75625rem !important
    }

    .pb-xl-7,.py-xl-7 {
        padding-bottom: 2.75625rem !important
    }

    .pl-xl-7,.px-xl-7 {
        padding-left: 2.75625rem !important
    }

    .p-xl-8 {
        padding: 3.15rem !important
    }

    .pt-xl-8,.py-xl-8 {
        padding-top: 3.15rem !important
    }

    .pr-xl-8,.px-xl-8 {
        padding-right: 3.15rem !important
    }

    .pb-xl-8,.py-xl-8 {
        padding-bottom: 3.15rem !important
    }

    .pl-xl-8,.px-xl-8 {
        padding-left: 3.15rem !important
    }

    .p-xl-9 {
        padding: 3.54375rem !important
    }

    .pt-xl-9,.py-xl-9 {
        padding-top: 3.54375rem !important
    }

    .pr-xl-9,.px-xl-9 {
        padding-right: 3.54375rem !important
    }

    .pb-xl-9,.py-xl-9 {
        padding-bottom: 3.54375rem !important
    }

    .pl-xl-9,.px-xl-9 {
        padding-left: 3.54375rem !important
    }

    .p-xl-10 {
        padding: 3.9375rem !important
    }

    .pt-xl-10,.py-xl-10 {
        padding-top: 3.9375rem !important
    }

    .pr-xl-10,.px-xl-10 {
        padding-right: 3.9375rem !important
    }

    .pb-xl-10,.py-xl-10 {
        padding-bottom: 3.9375rem !important
    }

    .pl-xl-10,.px-xl-10 {
        padding-left: 3.9375rem !important
    }

    .p-xl-11 {
        padding: 4.33125rem !important
    }

    .pt-xl-11,.py-xl-11 {
        padding-top: 4.33125rem !important
    }

    .pr-xl-11,.px-xl-11 {
        padding-right: 4.33125rem !important
    }

    .pb-xl-11,.py-xl-11 {
        padding-bottom: 4.33125rem !important
    }

    .pl-xl-11,.px-xl-11 {
        padding-left: 4.33125rem !important
    }

    .p-xl-12 {
        padding: 4.725rem !important
    }

    .pt-xl-12,.py-xl-12 {
        padding-top: 4.725rem !important
    }

    .pr-xl-12,.px-xl-12 {
        padding-right: 4.725rem !important
    }

    .pb-xl-12,.py-xl-12 {
        padding-bottom: 4.725rem !important
    }

    .pl-xl-12,.px-xl-12 {
        padding-left: 4.725rem !important
    }

    .m-xl-n1 {
        margin: -.39375rem !important
    }

    .mt-xl-n1,.my-xl-n1 {
        margin-top: -.39375rem !important
    }

    .mr-xl-n1,.mx-xl-n1 {
        margin-right: -.39375rem !important
    }

    .mb-xl-n1,.my-xl-n1 {
        margin-bottom: -.39375rem !important
    }

    .ml-xl-n1,.mx-xl-n1 {
        margin-left: -.39375rem !important
    }

    .m-xl-n2 {
        margin: -.7875rem !important
    }

    .mt-xl-n2,.my-xl-n2 {
        margin-top: -.7875rem !important
    }

    .mr-xl-n2,.mx-xl-n2 {
        margin-right: -.7875rem !important
    }

    .mb-xl-n2,.my-xl-n2 {
        margin-bottom: -.7875rem !important
    }

    .ml-xl-n2,.mx-xl-n2 {
        margin-left: -.7875rem !important
    }

    .m-xl-n3 {
        margin: -1.18125rem !important
    }

    .mt-xl-n3,.my-xl-n3 {
        margin-top: -1.18125rem !important
    }

    .mr-xl-n3,.mx-xl-n3 {
        margin-right: -1.18125rem !important
    }

    .mb-xl-n3,.my-xl-n3 {
        margin-bottom: -1.18125rem !important
    }

    .ml-xl-n3,.mx-xl-n3 {
        margin-left: -1.18125rem !important
    }

    .m-xl-n4 {
        margin: -1.575rem !important
    }

    .mt-xl-n4,.my-xl-n4 {
        margin-top: -1.575rem !important
    }

    .mr-xl-n4,.mx-xl-n4 {
        margin-right: -1.575rem !important
    }

    .mb-xl-n4,.my-xl-n4 {
        margin-bottom: -1.575rem !important
    }

    .ml-xl-n4,.mx-xl-n4 {
        margin-left: -1.575rem !important
    }

    .m-xl-n5 {
        margin: -1.96875rem !important
    }

    .mt-xl-n5,.my-xl-n5 {
        margin-top: -1.96875rem !important
    }

    .mr-xl-n5,.mx-xl-n5 {
        margin-right: -1.96875rem !important
    }

    .mb-xl-n5,.my-xl-n5 {
        margin-bottom: -1.96875rem !important
    }

    .ml-xl-n5,.mx-xl-n5 {
        margin-left: -1.96875rem !important
    }

    .m-xl-n6 {
        margin: -2.3625rem !important
    }

    .mt-xl-n6,.my-xl-n6 {
        margin-top: -2.3625rem !important
    }

    .mr-xl-n6,.mx-xl-n6 {
        margin-right: -2.3625rem !important
    }

    .mb-xl-n6,.my-xl-n6 {
        margin-bottom: -2.3625rem !important
    }

    .ml-xl-n6,.mx-xl-n6 {
        margin-left: -2.3625rem !important
    }

    .m-xl-n7 {
        margin: -2.75625rem !important
    }

    .mt-xl-n7,.my-xl-n7 {
        margin-top: -2.75625rem !important
    }

    .mr-xl-n7,.mx-xl-n7 {
        margin-right: -2.75625rem !important
    }

    .mb-xl-n7,.my-xl-n7 {
        margin-bottom: -2.75625rem !important
    }

    .ml-xl-n7,.mx-xl-n7 {
        margin-left: -2.75625rem !important
    }

    .m-xl-n8 {
        margin: -3.15rem !important
    }

    .mt-xl-n8,.my-xl-n8 {
        margin-top: -3.15rem !important
    }

    .mr-xl-n8,.mx-xl-n8 {
        margin-right: -3.15rem !important
    }

    .mb-xl-n8,.my-xl-n8 {
        margin-bottom: -3.15rem !important
    }

    .ml-xl-n8,.mx-xl-n8 {
        margin-left: -3.15rem !important
    }

    .m-xl-n9 {
        margin: -3.54375rem !important
    }

    .mt-xl-n9,.my-xl-n9 {
        margin-top: -3.54375rem !important
    }

    .mr-xl-n9,.mx-xl-n9 {
        margin-right: -3.54375rem !important
    }

    .mb-xl-n9,.my-xl-n9 {
        margin-bottom: -3.54375rem !important
    }

    .ml-xl-n9,.mx-xl-n9 {
        margin-left: -3.54375rem !important
    }

    .m-xl-n10 {
        margin: -3.9375rem !important
    }

    .mt-xl-n10,.my-xl-n10 {
        margin-top: -3.9375rem !important
    }

    .mr-xl-n10,.mx-xl-n10 {
        margin-right: -3.9375rem !important
    }

    .mb-xl-n10,.my-xl-n10 {
        margin-bottom: -3.9375rem !important
    }

    .ml-xl-n10,.mx-xl-n10 {
        margin-left: -3.9375rem !important
    }

    .m-xl-n11 {
        margin: -4.33125rem !important
    }

    .mt-xl-n11,.my-xl-n11 {
        margin-top: -4.33125rem !important
    }

    .mr-xl-n11,.mx-xl-n11 {
        margin-right: -4.33125rem !important
    }

    .mb-xl-n11,.my-xl-n11 {
        margin-bottom: -4.33125rem !important
    }

    .ml-xl-n11,.mx-xl-n11 {
        margin-left: -4.33125rem !important
    }

    .m-xl-n12 {
        margin: -4.725rem !important
    }

    .mt-xl-n12,.my-xl-n12 {
        margin-top: -4.725rem !important
    }

    .mr-xl-n12,.mx-xl-n12 {
        margin-right: -4.725rem !important
    }

    .mb-xl-n12,.my-xl-n12 {
        margin-bottom: -4.725rem !important
    }

    .ml-xl-n12,.mx-xl-n12 {
        margin-left: -4.725rem !important
    }
}

.owl-carousel.owl-navigation {
    padding-left: 4rem;
    padding-right: 4rem
}

.owl-carousel.owl-navigation-inner {
    padding-left: 0;
    padding-right: 0
}

.owl-carousel-more-items {
    width: auto;
    margin-left: -15px;
    margin-right: -15px
}

.owl-carousel-more-items .owl-item {
    padding-left: 15px;
    padding-right: 15px
}

.owl-theme .owl-nav {
    margin: 0;
    height: 0
}

.owl-theme .owl-nav [class*="owl-"] {
    position: absolute;
    top: 50%;
    margin: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    opacity: .85;
    background: transparent;
    border-radius: 0;
    transform: translateY(-50%);
    transition: var(--transition)
}

.owl-theme .owl-nav [class*="owl-"]:hover:not(.disabled) {
    opacity: 1.0;
    background: transparent
}

.owl-theme .owl-nav [class*="owl-"].disabled {
    opacity: .2
}

.owl-theme .owl-nav .owl-prev {
    left: 0
}

.owl-theme .owl-nav .owl-next {
    right: 0
}

.owl-theme .owl-nav .icon {
    color: var(--text-heading-color);
    font-size: 24px;
    text-align: center
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: var(--offset-y)
}

.owl-theme .owl-dots {
    text-align: center;
    margin-top: var(--offset-y-sm);
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom:1;*display: inline
}

.owl-theme .owl-dots .owl-dot span {
    display: block;
    width: 20px;
    height: 5px;
    background: var(--border-color);
    border-radius: 0;
    transition: var(--transition)
}

.owl-theme .owl-dots .owl-dot:hover span {
    background: var(--text-color)
}

.owl-theme .owl-dots .owl-dot.active span {
    background: var(--color-primary)
}

.owl-theme.owl-no-overflow .owl-stage-outer {
    overflow: visible
}

.owl-theme.owl-no-overflow .owl-item {
    transition: opacity .3s ease-in-out
}

.owl-theme.owl-no-overflow .owl-item:not(.active) {
    opacity: .2
}

.owl-no-overflow-column-spacer {
    position: relative;
    z-index: 2
}

.owl-no-overflow-column-spacer::before,.owl-no-overflow-column-spacer::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
    background-color: inherit
}

.owl-no-overflow-column-spacer::before {
    width: 100vw;
    right: calc(100% - 15px)
}

.owl-no-overflow-column-spacer::after {
    right: -15px;
    width: 30px
}

.owl-no-overflow-column-spacer.owl-no-overflow-column-spacer-left::before {
    right: auto;
    left: -15px;
    width: 30px
}

.owl-no-overflow-column-spacer.owl-no-overflow-column-spacer-left::after {
    left: calc(100% - 15px);
    right: auto;
    width: 100vh
}

.animated {
    animation-fill-mode: both;
    animation-duration: 1800ms !important
}

.owl-animated-in {
    z-index: 0
}

.owl-animated-out {
    z-index: 1
}

.mfp-inline-container {
    display: none
}

.mfp-with-zoom.mfp-bg,.mfp-with-zoom .mfp-container {
    opacity: .0;
    backface-visibility: hidden;
    transition: all 0.3s ease-out
}

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1.0
}

.mfp-with-zoom.mfp-ready .mfp-inline-container {
    display: block
}

.mfp-with-zoom.mfp-removing.mfp-bg,.mfp-with-zoom.mfp-removing .mfp-container {
    opacity: .0
}

.mfp-with-zoom .mfp-inline-holder .mfp-content {
    height: 100%
}

.mfp-with-zoom .mfp-inline-holder .mfp-content .mfp-height-80p {
    margin-top: 5%;
    height: 80%
}

.mfp-with-zoom .mfp-inline-holder .mfp-content .mfp-width-80p {
    width: 80%;
    margin-left: auto;
    margin-right: auto
}

.mfp-fade.mfp-bg {
    opacity: .0;
    background: #fff;
    border-radius: 50%;
    transform: scale(0.5);
    transition: var(--transition)
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: 1.0;
    transform: none;
    border-radius: 0
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: .0
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: .0;
    transition: var(--transition)
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1.0
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 1.0
}

.mfp-arrow {
    position: absolute;
    top: 80px;
    bottom: 80px;
    opacity: .5;
    margin: 0;
    padding: 0;
    width: 100px;
    height: auto;
    transition: opacity var(--transition-duration) var(--transition-function)
}

.mfp-arrow::before,.mfp-arrow::after {
    position: absolute;
    top: 50%;
    display: block;
    width: 85px;
    height: 70px;
    margin: 0;
    border: none;
    color: var(--text-color);
    font-size: 28px;
    line-height: 90px;
    font-family: 'themify', sans-serif;
    transform: translateY(-50%);
    transition: var(--transition)
}

.mfp-arrow::before {
    display: none
}

.mfp-arrow:hover,.mfp-arrow:focus {
    opacity: 1.0
}

.mfp-arrow:active {
    margin: 0
}

.mfp-arrow.mfp-arrow-left {
    left: 0
}

.mfp-arrow.mfp-arrow-left::after {
    left: 30px;
    content: '\e629';
    text-align: left
}

.mfp-arrow.mfp-arrow-right {
    right: 0
}

.mfp-arrow.mfp-arrow-right::after {
    right: 30px;
    left: auto;
    content: '\e628';
    text-align: right
}

.mfp-image-holder .mfp-close {
    position: fixed;
    top: 0;
    right: 0;
    width: 100px;
    height: 100px;
    cursor: pointer !important;
    color: rgba(0,0,0,0)
}

.mfp-image-holder .mfp-close::after {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 22px;
    height: 22px;
    display: block;
    content: '\e646';
    line-height: 1;
    font-size: 22px;
    color: var(--text-color);
    font-family: 'themify', sans-serif
}

.mfp-figure::after {
    box-shadow: none
}

.header {
    padding-top: calc(var(--header-padding-y) + var(--navbar-height));
    padding-bottom: var(--header-padding-y)
}

.header .subtitle {
    color: var(--text-muted-color)
}

.header .breadcrumb {
    margin-top: .25rem;
    margin-bottom: .5rem
}

.hero {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100vh;
    background: transparent none no-repeat fixed center / cover
}

.hero .hero-content-wrapper {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.hero .hero-content-wrapper .hero-content {
    transform: translateY(-50%)
}

.hero .hero-title {
    font-size: 4rem;
    letter-spacing: 1px;
    font-family: var(--font-family);
    font-weight: var(--font-weight-light)
}

.mobile .hero .hero-title {
    font-size: 2.1rem
}

.hero .hero-subtitle {
    color: var(--text-muted-color)
}

.hero .hero-copyright {
    display: block;
    position: absolute;
    bottom: 30px;
    right: 30px;
    font-size: 11px;
    text-transform: lowercase;
    color: var(--text-muted-color);
    font-weight: var(--font-weight-thin);
    transform-origin: bottom left;
    transform: translateX(100%) rotate(-90deg)
}

.hero-scroll {
    display: block;
    width: 25px;
    height: 40px;
    margin: auto;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    border: 2px solid var(--text-color);
    border-radius: 25px
}

.hero-scroll::before {
    content: '';
    width: 5px;
    height: 5px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: var(--text-color);
    border-radius: 50%;
    animation: animationTrackBar 2s linear infinite
}

@keyframes animateScrollDown {
    0% {
        transform: translateY(-50%)
    }

    100% {
        transform: translateY(50%);
        opacity: .1
    }
}

@keyframes animationTrackBar {
    from {
        opacity: .5;
        transform: scale(1) translateY(-10px)
    }

    10% {
        opacity: 1.0;
        transform: scale(1) translateY(-10px)
    }

    50% {
        opacity: .5;
        transform: scale(0.5) translateY(10px)
    }

    to {
        opacity: .5;
        transform: scale(1) translateY(-10px)
    }
}

.hero-slide {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100vh;
    background: transparent none no-repeat fixed center / cover
}

.main-container {
    z-index: 11;
    transition: var(--transition);
    background-color: var(--body-bg)
}

.navbar-open .main-container {
    transform: translateX(70%);
    box-shadow: 0 0 20px rgba(0,0,0,0.07)
}

.section {
    display: block;
    position: relative;
    overflow: hidden;
    padding-top: var(--section-padding-y);
    padding-bottom: var(--section-padding-y)
}

.section .container {
    position: relative
}

.section:not(.section-right) .section-content {
    justify-content: flex-end
}

.section.section-sm {
    padding-top: var(--section-padding-y-sm);
    padding-bottom: var(--section-padding-y-sm)
}

.section .section-header {
    display: flex;
    position: relative;
    margin-bottom: var(--section-padding-y)
}

.section .section-header .section-navigation {
    margin-right: 15px;
    font-size: 3rem
}

.section .section-header .section-navigation a {
    position: relative;
    display: block;
    padding-left: 1rem;
    line-height: 1;
    color: var(--text-heading-color);
    font-weight: var(--font-weight-primary-regular)
}

.section .section-header .section-navigation a span {
    position: absolute;
    display: block;
    font-size: .75rem;
    text-transform: uppercase;
    color: var(--text-heading-color)
}

.section .section-header .section-navigation a:first-child span {
    bottom: 7px;
    left: 0;
    transform: translateX(-100%) rotate(90deg);
    transform-origin: bottom right
}

.section .section-header .section-navigation a:last-child span {
    top: 7px;
    left: 0;
    transform: translateY(-100%) rotate(90deg);
    transform-origin: bottom left
}

.section .section-header .section-navigation a:not(:last-child) {
    border-bottom: 1px solid var(--text-color)
}

.section .section-header .section-navigation a:hover,.section .section-header .section-navigation a:focus {
    color: var(--link-hover-color)
}

.section .section-header .section-pin {
    margin-right: 15px;
    font-size: 1.7rem;
    color: var(--text-muted-color)
}

.section .section-header .section-pin:hover,.section .section-header .section-pin:focus {
    color: var(--text-color)
}

.section .section-header .section-heading {
    display: flex;
    justify-content: center;
    flex-direction: column
}

.section .section-header .section-heading .section-title {
    margin: 0;
    font-size: var(--h4-font-size);
    color: var(--text-heading-color);
    font-weight: var(--heading-font-weight)
}

.section .section-header .section-heading .section-subtitle {
    margin: 0;
    color: var(--text-color)
}

.section.section-right .section-header {
    flex-direction: row-reverse
}

.section.section-right .section-header .section-navigation {
    text-align: right;
    margin-right: 0;
    margin-left: 15px
}

.section.section-right .section-header .section-navigation a {
    padding-left: 0;
    padding-right: 15px
}

.section.section-right .section-header .section-navigation a:first-child span {
    bottom: 7px;
    right: 0;
    left: auto;
    transform: translateX(100%) rotate(270deg);
    transform-origin: bottom left
}

.section.section-right .section-header .section-navigation a:last-child span {
    top: 7px;
    right: 0;
    left: auto;
    transform: rotate(-90deg) translateY(-100%);
    transform-origin: top right
}

.section.section-right .section-header .section-navigation a:not(:last-child) {
    border-bottom-color: var(--text-color)
}

.section.section-right .section-header .section-pin {
    margin-left: 15px;
    margin-right: 0
}

.section.section-right .section-header .section-heading {
    text-align: right
}

.section .section-muted-title {
    position: absolute;
    left: 4rem;
    top: 9rem
}

.section .section-muted-title span {
    display: block;
    position: relative;
    line-height: 1;
    font-size: 110px;
    color: var(--text-color);
    text-transform: lowercase;
    font-weight: var(--font-weight-primary-light);
    opacity: .1;
    transform: translateY(-100%) rotate(90deg);
    transform-origin: bottom left
}

.section.section-right .section-muted-title {
    left: auto;
    right: 4rem
}

.section.section-right .section-muted-title span {
    transform-origin: bottom right;
    transform: translateY(-100%) rotate(-90deg)
}

.section.section-no-header .section-muted-title {
    top: 3rem
}

.section-header-classic {
    margin-bottom: var(--section-padding-y-sm)
}

.section-header-classic .section-title {
    margin-bottom: var(--offset-y-sm)
}

:root {
    --grid-gutter-width: 30px;
    --grid-gutter-half-width: 15px;
    --font-family-primary: Roboto,sans-serif;
    --font-family-secondary: Open Sans,sans-serif;
    --font-size: .875rem;
    --font-size-lg: 1.15rem;
    --font-size-sm: .8125rem;
    --line-height: 1.8;
    --line-height-lg: 1.8;
    --line-height-sm: 1.8;
    --line-height-computed: 1.575rem;
    --h1-font-size: 2.75rem;
    --h2-font-size: 2.125rem;
    --h3-font-size: 1.5rem;
    --h4-font-size: 1.25rem;
    --h5-font-size: 1rem;
    --h6-font-size: .875rem;
    --font-weight: 300;
    --font-weight-primary-thin: 100;
    --font-weight-primary-light: 300;
    --font-weight-primary-regular: 400;
    --font-weight-primary-medium: 500;
    --font-weight-primary-bold: 700;
    --font-weight-secondary-thin: 300;
    --font-weight-secondary-light: 300;
    --font-weight-secondary-regular: 400;
    --font-weight-secondary-medium: 600;
    --font-weight-secondary-bold: 700;
    --h1-margin: 0 0 1.575rem;
    --h2-margin: 0 0 1.575rem;
    --h3-margin: 0 0 1.575rem;
    --h4-margin: 0 0 1.575rem;
    --h5-margin: 0 0 1.575rem;
    --h6-margin: 0 0 1.575rem;
    --heading-font-weight: 500;
    --h1-line-height: 1.23;
    --h2-line-height: 1.29;
    --h3-line-height: 1.42;
    --h4-line-height: 1.5;
    --h5-line-height: 1.625;
    --h6-line-height: 1.71;
    --h1-font-family: Open Sans,sans-serif;
    --h1-font-weight: 300;
    --link-font-weight: 500;
    --sidebar-width: 90px;
    --sidebar-expanded-width: 300px;
    --sidebar-nav-padding-x: .75rem;
    --sidebar-nav-padding-y: .25rem;
    /*--section-padding-y: 8rem;*/
    --section-padding-y: 2rem;
    /*--section-padding-y-sm: 4rem;*/
    --section-padding-y-sm: 1rem;
    --offset-y: 1.575rem;
    --offset-y-sm: .7875rem;
    --transition: all .3s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-duration: .3s;
    --transition-function: cubic-bezier(0.4, 0, 0.2, 1);
    --border-radius: 0;
    --border-radius-lg: .125rem;
    --border-radius-sm: .125rem;
    --border-radius-rounded: .25rem;
    --navbar-z-index: 1000;
    --navbar-padding-y: 0;
    --navbar-padding-x: 0;
    --navbar-nav-link-padding-y: 1.5rem;
    --navbar-nav-link-padding-x: 1rem;
    --navbar-nav-link-font-size: .8125rem;
    --navbar-nav-link-padding-y-lg: 2rem;
    --navbar-nav-link-padding-x-lg: 1rem;
    --navbar-nav-link-font-size-lg: .8125rem;
    --navbar-nav-link-padding-y-sm: .85rem;
    --navbar-nav-link-padding-x-sm: 1rem;
    --navbar-nav-link-font-size-sm: .8125rem;
    --navbar-nav-link-font-weight: 500;
    --navbar-height: 3.8125rem;
    --label-font-weight: 500;
    --button-font-family: Roboto,sans-serif;
    --button-font-weight: 500;
    --button-padding-y: .6rem;
    --button-padding-x: 1.5rem;
    --button-padding-y-lg: 1rem;
    --button-padding-x-lg: 2.75rem;
    --button-padding-y-sm: .25rem;
    --button-padding-x-sm: 1rem;
    --button-font-size: .8125rem;
    --button-font-size-lg: .8125rem;
    --button-font-size-sm: .8125rem;
    --button-line-height: 1.8;
    --button-line-height-lg: 1.8;
    --button-line-height-sm: 1.8;
    --button-border-radius: 0;
    --button-border-radius-lg: .125rem;
    --button-border-radius-sm: .125rem;
    --button-border-radius-rounded: 5rem;
    --button-focus-box-shadow-size: .2rem;
    --button-size: 2.7875rem;
    --input-padding-y: .6rem;
    --input-padding-x: 1.5rem;
    --input-padding-y-lg: 1rem;
    --input-padding-x-lg: 2.75rem;
    --input-padding-y-sm: .25rem;
    --input-padding-x-sm: 1rem;
    --input-font-size: .8125rem;
    --input-font-size-lg: .8125rem;
    --input-font-size-sm: .8125rem;
    --input-line-height: 1.8;
    --input-line-height-lg: 1.8;
    --input-line-height-sm: 1.8;
    --input-border-radius: 0;
    --input-border-radius-lg: .125rem;
    --input-border-radius-sm: .125rem;
    --input-border-radius-rounded: 5rem;
    --input-border-width-rem: .0625rem;
    --breadcrumb-font-size: .875rem;
    --breadcrumb-padding-y: .6rem;
    --breadcrumb-padding-x: 1.5rem;
    --header-padding-y: 8rem;
    --blog-menu-link-padding-y: .3rem;
    --blog-menu-link-padding-x: 0;
    --badge-font-size: 90%;
    --badge-font-size-lg: 90%;
    --badge-font-size-sm: 90%;
    --badge-line-height: 1.3;
    --badge-line-height-lg: 1.3;
    --badge-line-height-sm: 1.3;
    --badge-font-weight: 300;
    --badge-padding-y: .25em;
    --badge-padding-x: .4em;
    --badge-padding-y-lg: .5em;
    --badge-padding-x-lg: .8em;
    --badge-padding-y-sm: .0625em;
    --badge-padding-x-sm: .1em;
    --badge-padding-y-xs: 0em;
    --badge-padding-x-xs: 0em;
    --badge-border-radius: 0;
    --badge-border-radius-lg: 0;
    --badge-border-radius-sm: 0;
    --badge-border-radius-xs: 0;
    --badge-pill-padding-x: .8em;
    --badge-pill-padding-x-lg: 1em;
    --badge-pill-padding-x-sm: .64em;
    --badge-pill-border-radius: 10rem;
    --badge-pill-border-radius-lg: 10rem;
    --badge-pill-border-radius-sm: 10rem;
    --separator: ·
}

* {
    outline: none !important
}

html,body {
    max-width: 100%;
    overflow-x: hidden;
    font-size: var(--font-size)
}

body {
    width: 100%;
    color: var(--text-color);
    line-height: var(--line-height);
    font-weight: var(--font-weight);
    font-family: var(--font-family-primary);
    background-color: var(--navbar-mobile-bg)
}

.navbar-open {
    max-height: 100%;
    overflow-y: hidden
}

.navbar-open body {
    overflow-y: hidden
}

.no-overlay {
    max-height: 100%;
    overflow-y: hidden
}

.no-overlay body {
    overflow-y: hidden
}

.z-0 {
    z-index: 0 !important
}

.z-1 {
    z-index: 1 !important
}

.z-2 {
    z-index: 2 !important
}

.z-3 {
    z-index: 3 !important
}

.z-4 {
    z-index: 4 !important
}

.z-5 {
    z-index: 5 !important
}

.z-n1 {
    z-index: -1 !important
}

.z-n2 {
    z-index: -2 !important
}

.z-n3 {
    z-index: -3 !important
}

.z-n4 {
    z-index: -4 !important
}

.z-n5 {
    z-index: -5 !important
}

.pl-gutter {
    padding-left: var(--grid-gutter-width) !important
}

.pr-gutter {
    padding-right: var(--grid-gutter-width) !important
}

.pl-gutter-half {
    padding-left: var(--grid-gutter-half-width) !important
}

.pr-gutter-half {
    padding-right: var(--grid-gutter-half-width) !important
}

.py-gutter {
    padding-left: var(--grid-gutter-width) !important;
    padding-right: var(--grid-gutter-width) !important
}

.py-gutter-half {
    padding-left: var(--grid-gutter-half-width) !important;
    padding-right: var(--grid-gutter-half-width) !important
}

.ml-nggw {
    margin-left: calc(var(--grid-gutter-width) * (-1))
}

.mr-nggw {
    margin-right: calc(var(--grid-gutter-width) * (-1))
}

.ml-ngghw {
    margin-left: calc(var(--grid-gutter-half-width) * (-1))
}

.mr-ngghw {
    margin-right: calc(var(--grid-gutter-half-width) * (-1))
}

.separator {
    position: relative
}

.separator::after {
    display: inline-block;
    content: "·"
}

.fix-scroll {
    max-height: 100vh;
    overflow-y: hidden
}

.h1,h1,.h2,h2,.h3,h3,.h4,h4,.h5,h5,.h6,h6 {
    color: var(--text-heading-color);
    font-weight: var(--heading-font-weight)
}

.h1,h1 {
    font-size: var(--h1-font-size)
}

.h2,h2 {
    font-size: var(--h2-font-size)
}

.h3,h3 {
    font-size: var(--h3-font-size)
}

.h4,h4 {
    font-size: var(--h4-font-size)
}

.h5,h5 {
    font-size: var(--h5-font-size)
}

.h6,h6 {
    font-size: var(--h6-font-size)
}

.h1,h1 {
    font-family: var(--h1-font-family);
    font-weight: var(--h1-font-weight)
}

.fw-base {
    font-weight: var(--font-weight) !important
}

.fw-primary-thin {
    font-weight: 100 !important
}

.fw-primary-light {
    font-weight: 300 !important
}

.fw-primary-regular {
    font-weight: 400 !important
}

.fw-primary-medium {
    font-weight: 500 !important
}

.fw-primary-bold {
    font-weight: 700 !important
}

.fw-secondary-thin {
    font-weight: 300 !important
}

.fw-secondary-light {
    font-weight: 300 !important
}

.fw-secondary-regular {
    font-weight: 400 !important
}

.fw-secondary-medium {
    font-weight: 600 !important
}

.fw-secondary-bold {
    font-weight: 700 !important
}

.fs-1x {
    font-size: .875rem !important
}

.fs-2x {
    font-size: 1.75rem !important
}

.fs-3x {
    font-size: 2.625rem !important
}

.fs-4x {
    font-size: 3.5rem !important
}

.fs-5x {
    font-size: 4.375rem !important
}

.fs-sm {
    font-size: .8125rem !important
}

.fs-lg {
    font-size: 1.15rem !important
}

.fs-1 {
    font-size: 1rem !important
}

.fs-1p5 {
    font-size: 1.5rem !important
}

.fs-2 {
    font-size: 2rem !important
}

.fs-3 {
    font-size: 3rem !important
}

.fs-4 {
    font-size: 4rem !important
}

.fs-5 {
    font-size: 5rem !important
}

.small,small {
    font-size: var(--font-size-sm)
}

.label,label {
    font-weight: var(--label-font-weight)
}

.nowrap {
    word-wrap: normal;
    white-space: nowrap
}

.tag {
    font-size: var(--font-size)
}

a {
    display: inline-block;
    color: var(--link-color);
    font-weight: var(--link-font-weight)
}

a:hover,a:focus {
    color: var(--link-hover-color)
}

a:active {
    color: var(--link-active-color)
}

/*a,a:hover,a:focus {
    text-decoration: none
}*/

a,a:focus {
    text-decoration: none
}

a:hover {
  text-decoration: underline;
}

a.link {
    position: relative;
    transition: var(--transition)
}

a.link::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3px;
    height: 0;
    border-bottom: dotted 1px var(--link-color)
}

a.link:hover::after,a.link:focus::after {
    border-bottom: solid 1px var(--link-hover-color)
}

.text-color-base,.text-scheme-light .text-color-base {
    color: var(--text-color)
}

.text-color-heading,.text-scheme-light .text-color-heading {
    color: var(--text-heading-color)
}

.text-color-muted,.text-scheme-light .text-color-muted {
    color: var(--text-muted-color)
}

.text-scheme-dark .text-color-base {
    color: var(--text-light-color)
}

.text-scheme-dark .text-color-heading {
    color: var(--text-light-heading-color)
}

.text-scheme-dark .text-color-muted {
    color: var(--text-light-muted-color)
}

.aspect-ratio {
    position: relative;
    width: 100%
}

.aspect-ratio::before {
    display: block;
    content: '';
    padding-top: calc(100% / (var(--aspect-ratio)))
}

.bg-cover {
    background: transparent none no-repeat center top / cover
}

.menu-toggle {
    display: block;
    position: relative;
    flex: 0 0 auto;
    width: 3rem;
    height: 3rem;
    cursor: pointer
}

.hamburger,.cross {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.hamburger span {
    position: relative;
    display: block;
    width: 18px;
    height: 2px;
    overflow: hidden
}

.hamburger span:not(:last-child) {
    margin-bottom: 3px
}

.hamburger span::before,.hamburger span::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--text-color);
    transform: translateX(-200%);
    transition: transform ease 300ms
}

.hamburger span::after {
    transform: translateX(0)
}

.hamburger span:nth-child(2)::before,.hamburger span:nth-child(2)::after {
    transition-delay: 75ms
}

.hamburger span:last-child::before,.hamburger span:last-child::after {
    transition-delay: 150ms
}

.menu-toggle:hover .hamburger span::before {
    transform: translateX(0)
}

.menu-toggle:hover .hamburger span::after {
    transform: translateX(200%)
}

.cross span {
    display: block;
    width: 18px;
    height: 2px;
    background-color: var(--text-color);
    transform: translateY(50%) rotate(45deg) scaleX(0);
    transition: transform ease 200ms
}

.cross span:last-child {
    transform: translateY(-50%) rotate(-45deg) scaleX(0)
}

.toggle-in.menu-toggle .hamburger span:before {
    transform: translateX(100%)
}

.toggle-in.menu-toggle .hamburger span:after {
    transform: translateX(200%)
}

.toggle-in.menu-toggle .cross span {
    transition-delay: 450ms;
    transform: translateY(50%) rotate(45deg) scaleX(1)
}

.toggle-in.menu-toggle .cross span:last-child {
    transform: translateY(-50%) rotate(-45deg) scaleX(1)
}

.button-close {
    position: relative;
    width: 1.5rem;
    height: 1.5rem;
    cursor: pointer
}

.button-close::before,.button-close::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 0;
    width: 100%;
    height: 2px;
    background-color: var(--text-color);
    transition: var(--transition)
}

.button-close::before {
    transform: rotate(45deg)
}

.button-close::after {
    transform: rotate(-45deg)
}

.button-close span {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1;
    opacity: .0;
    line-height: 1;
    font-size: 11px;
    text-align: center;
    letter-spacing: 1px;
    background-color: #fff;
    transition: var(--transition)
}

.button-close:hover::before {
    transform: rotate(-45deg)
}

.button-close:hover::after {
    transform: rotate(45deg)
}

.button-close:hover span {
    opacity: 1.0
}

.page-search {
    display: flex;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: var(--offset-y);
    z-index: 11;
    opacity: .0;
    visibility: hidden;
    transition: var(--transition)
}

.page-search.active {
    opacity: 1.0;
    transform: none;
    visibility: visible
}

.page-search .page-search-close {
    position: absolute;
    top: var(--offset-y);
    right: var(--grid-gutter-half-width)
}

.page-search .page-search-control {
    font-size: var(--font-size-lg);
    padding: 0;
    border-radius: 0;
    border-width: 0 0 1px 0
}

.vt-block {
    display: block;
    position: relative;
    overflow: hidden
}

.vt-block .vt-block-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    opacity: 0
}

.vt-block .vt-block-cover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    transition: var(--transition)
}

.vt-block .vt-block-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    padding: 4rem
}

.vt-block .vt-block-footer {
    padding-top: var(--offset-y)
}

.vt-block:hover .vt-block-cover {
    transform: scale(1.1)
}

.blog-post {
    margin-bottom: var(--section-padding-y)
}

.blog-post .blog-post-body {
    padding-top: var(--offset-y);
    padding-bottom: var(--offset-y-sm)
}

.blog-post .blog-post-title {
    font-size: var(--h5-font-size);
    color: var(--text-heading-color);
    font-weight: var(--heading-font-weight);
    margin-bottom: 0
}

.blog-post .blog-post-media {
    margin-bottom: var(--offset-y)
}

.blog-post .blog-post-meta {
    font-size: var(--font-size-sm)
}

.blog-post .blog-post-meta .link {
    font-weight: var(--font-weight)
}

.blog-post-small {
    margin-bottom: var(--offset-y-sm)
}

.blog-post-small .blog-post-thumb {
    width: 80px;
    margin-right: var(--line-height-computed);
    border-radius: var(--border-radius-rounded)
}

.blog-post-small .blog-post-title {
    margin: 0
}

.widget {
    display: block;
    margin-bottom: calc(2 * var(--offset-y))
}

.widget .widget-header {
    margin-bottom: var(--offset-y)
}

.widget .widget-header .widget-title {
    margin: 0;
    padding: 0;
    color: var(--text-heading-color)
}

.blog-menu .blog-menu-link {
    display: block;
    padding: var(--blog-menu-link-padding-y) var(--blog-menu-link-padding-x);
    font-weight: var(--font-weight)
}

.blog-menu .blog-menu-link:first-child {
    margin-top: calc(-1 * var(--blog-menu-link-padding-y))
}

.blog-post-comment:not(:last-child) {
    margin-bottom: var(--offset-y)
}

.blog-post-comment .avatar {
    width: 4.75rem;
    height: 4.75rem;
    margin-right: 1.1rem;
    overflow: hidden;
    border-radius: 50%
}

.blog-post-comment .blog-post-comment-info {
    margin: 0 0 var(--offset-y-sm)
}

.blog-post-comment .blog-post-comment-text {
    margin: 0 0 var(--offset-y-sm)
}

.blog-post-comment .blog-post-comment-author {
    padding-top: .15rem
}

.blog-post-comment .blog-post-comment-author .blog-post-comment-author-link {
    font-size: var(--h5-font-size);
    color: var(--text-heading-color);
    font-weight: var(--font-weight-primary-medium)
}

.blog-post-comment .blog-post-comment {
    margin-top: var(--offset-y)
}

.blog-post-comment>.blog-post-comment-body>.blog-post-comment-actions a {
    opacity: .5;
    transition: var(--transition);
    font-size: var(--font-size-sm)
}

.blog-post-comment>.blog-post-comment-body>.blog-post-comment-actions a:hover,.blog-post-comment>.blog-post-comment-body>.blog-post-comment-actions a:focus {
    opacity: 1.0
}

.feature-box {
    display: block
}

.feature-box .icon {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 4.2rem;
    height: 4.2rem;
    text-align: center;
    margin-bottom: var(--offset-y);
    font-size: 4rem;
    color: var(--text-heading-color)
}

.feature-box .title {
    font-size: var(--h5-font-size);
    color: var(--text-heading-color);
    font-weight: var(--heading-font-weight);
    margin-bottom: var(--offset-y-sm)
}

.feature-box .text {
    margin-bottom: var(--offset-y-sm)
}

.feature-box .link {
    font-weight: var(--font-weight)
}

.feature-box.feature-box-sm .icon {
    width: 2.2rem;
    height: 2.2rem;
    margin-bottom: var(--offset-y-sm);
    font-size: 2rem
}

.feature-box.feature-box-sm .title {
    margin-bottom: 0;
    font-size: var(--font-size)
}

.feature-box.feature-box-sm .text {
    margin-bottom: 0
}

.feature-box-alt {
    display: block;
    position: relative;
    padding-left: 5.5rem
}

.feature-box-alt .icon {
    position: absolute;
    top: .25rem;
    left: 0;
    margin-bottom: 0
}

.feature-box-alt.feature-box-sm {
    padding-left: 3.5rem
}

.gallery-image {
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden
}

.gallery-image img {
    position: relative;
    z-index: 0;
    width: 100%;
    transition: var(--transition)
}

.gallery-image::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    opacity: .0;
    background-color: rgba(255,255,255,0.8);
    transition: var(--transition)
}

.gallery-image::after {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    opacity: .0;
    width: 4rem;
    height: 4rem;
    margin: auto;
    content: '\e61a';
    font-size: 4rem;
    line-height: 1;
    color: var(--text-heading-color);
    font-family: 'themify', sans-serif;
    transition: var(--transition)
}

.gallery-image:hover::before,.gallery-image:focus::before {
    opacity: 1.0
}

.gallery-image:hover::after,.gallery-image:focus::after {
    opacity: 1.0
}

.gallery-image:hover img,.gallery-image:focus img {
    opacity: .5;
    transform: scale(1.1);
    filter: blur(5px)
}

.price-box {
    padding: 2rem 1rem;
    text-align: center;
    border: 1px solid var(--border-color)
}

.price-box.featured {
    border-color: var(--text-heading-color)
}

.price-box .title {
    font-size: var(--h5-font-size);
    color: var(--text-heading-color);
    font-weight: var(--heading-font-weight)
}

.price-box .value {
    padding-top: var(--offset-y);
    padding-bottom: var(--offset-y)
}

.price-box .value .int {
    font-size: 3rem;
    color: var(--text-heading-color);
    font-weight: var(--font-weight-bold)
}

.price-box .content {
    margin-bottom: var(--offset-y)
}

.price-box .content .feature {
    padding-top: var(--offset-y-sm);
    color: var(--text-color)
}

.price-box .content .feature:not(:last-child) {
    border-bottom: 1px dotted var(--border-color)
}

.price-box .content .feature span {
    position: relative;
    cursor: help
}

.price-box .content .feature span::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1px;
    height: 0;
    border-bottom: dotted 1px var(--link-color)
}

.price-box .content .feature span:hover::after,.price-box .content .feature span:focus::after {
    border-bottom: solid 1px var(--link-hover-color)
}

.testimonial-item {
    display: flex;
    align-items: center
}

.testimonial-item .avatar {
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: var(--offset-y);
    width: 10rem;
    height: 10rem;
    overflow: hidden;
    border-radius: 50%
}

.testimonial-item .body {
    flex: 1
}

.testimonial-item .text {
    position: relative;
    padding: 3rem 5rem;
    font-size: 1.1rem;
    font-style: italic
}

.testimonial-item .text::before,.testimonial-item .text::after {
    position: absolute;
    display: block;
    opacity: .15;
    content: '\7b';
    font-size: 5rem;
    line-height: 1;
    font-family: 'ElegantIcons', sans-serif
}

.testimonial-item .text::before {
    top: 0;
    left: 0
}

.testimonial-item .text::after {
    right: 0;
    bottom: 0;
    transform: rotate(180deg)
}

.testimonial-item .name {
    padding-left: 5rem;
    font-size: var(--h5-font-size);
    color: var(--text-heading-color);
    font-weight: var(--heading-font-weight)
}

.testimonial-item .additional {
    padding-left: 5rem;
    color: var(--text-muted-color)
}

@media (max-width: 991px) {
    .testimonial-item {
        display:block
    }

    .testimonial-item .avatar {
        margin-left: auto;
        margin-right: auto
    }

    .testimonial-item .text {
        padding-left: 0;
        padding-right: 0
    }

    .testimonial-item .text::before {
        display: none
    }

    .testimonial-item .additional,.testimonial-item .name {
        padding-left: 0
    }
}

.thumb {
    display: block;
    position: relative;
    transition: var(--transition)
}

.thumb::before,.thumb::after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: var(--transition)
}

.thumb::before {
    content: '';
    z-index: 1;
    opacity: .0;
    background-color: rgba(0,0,0,0.5)
}

.thumb::after {
    z-index: 2;
    color: #fff;
    font-size: 1rem;
    line-height: 4rem;
    text-align: center;
    font-family: 'FontAwesome', sans-serif;
    width: 4rem;
    height: 4rem;
    margin: auto;
    background-color: rgba(0,0,0,0.1);
    border-radius: 50%
}

.thumb img {
    position: relative;
    z-index: 0
}

.thumb .thumb-container {
    position: absolute;
    z-index: 3;
    top: var(--grid-gutter-half-width);
    left: var(--grid-gutter-half-width);
    right: var(--grid-gutter-half-width);
    bottom: var(--grid-gutter-half-width)
}

.thumb:hover::before,.thumb:focus::before {
    opacity: 1.0
}

.thumb:hover::after,.thumb:focus::after {
    transform: scale(1.1)
}

.thumb-video::after {
    content: '\f04b'
}

.about-carousel-navigation {
    position: absolute;
    bottom: 0;
    left: var(--grid-half-gutter-width)
}

@media (max-width: 991px) {
    .about-carousel-navigation {
        position:static;
        margin-top: var(--offset-y);
        margin-bottom: var(--offset-y)
    }
}

.shop-carousel .owl-item {
    width: 100%;
    height: 500px;
    background: transparent none no-repeat center top / cover
}

.shop-carousel .owl-item-content {
    padding-left: var(--grid-gutter-width);
    padding-right: var(--grid-gutter-width)
}

.product-small .product-header {
    position: relative;
    overflow: hidden;
    margin-bottom: var(--offset-y)
}

.product-small .product-header .img-base {
    position: relative;
    z-index: 0
}

.product-small .product-header .img-hover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: .0;
    transition: var(--transition);
    transform: scale(1.05)
}

.product-small .product-header .product-buttons {
    position: absolute;
    left: var(--grid-gutter-half-width);
    right: var(--grid-gutter-half-width);
    bottom: var(--offset-y);
    z-index: 3;
    text-align: center
}

.product-small .product-header .product-buttons .btn {
    opacity: .0;
    transform: translateY(40%);
    transition: var(--transition)
}

.product-small .product-header .product-buttons .btn:nth-child(1) {
    transition-delay: 0s
}

.product-small .product-header .product-buttons .btn:nth-child(2) {
    transition-delay: .075s
}

.product-small .product-header .product-badge {
    position: absolute;
    top: var(--grid-gutter-half-width);
    left: var(--grid-gutter-half-width);
    z-index: 3
}

.product-small:hover .product-header .img-hover,.product-small:focus .product-header .img-hover {
    opacity: 1.0;
    transform: none
}

.product-small:hover .product-header .product-buttons .btn,.product-small:focus .product-header .product-buttons .btn {
    opacity: 1.0;
    transform: none
}