:root {
    --cnvs-themecolor:	#1abc9c;
    --cnvs-themecolor-rgb:	26, 188, 156;
    --bs-link-color:	var(--cnvs-themecolor);
    --bs-link-color-rgb:	var(--cnvs-themecolor-rgb);
    --bs-link-hover-color:	var(--cnvs-heading-color);
    --cnvs-white:	#fff;
    --cnvs-black:	#000;
    --cnvs-headings-font-weight:	600;
    /* Font Families */
    --cnvs-body-font:	"Inter", sans-serif;
    --cnvs-primary-font:	"Inter", sans-serif;
    --cnvs-secondary-font:	"Playfair Display", serif;
    --cnvs-line-height-base:	1.5;
    --cnvs-line-height-content:	1.65;
    /* Margins */
    --cnvs-margin-base:	3rem;
    --cnvs-margin-sm:	2rem;
    --cnvs-margin-lg:	5rem;
    --cnvs-content-padding:	5rem;
    --cnvs-section-margin:	4rem;
    --cnvs-section-padding:	var(--cnvs-section-margin);
    --cnvs-col-padding:	var(--cnvs-section-padding);
    --cnvs-box-shadow-sm:	0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --cnvs-box-shadow:	0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --cnvs-box-shadow-lg:	0 1rem 3rem rgba(0, 0, 0, 0.175);
    --cnvs-copyrights-font-size: 0.875rem;
    --bs-bg-opacity:	1;
    /* Header Height */
    --cnvs-header-height:	100px;
    --cnvs-header-height-sm:	60px;
    --cnvs-header-height-md:	80px;
    --cnvs-header-height-lg:	120px;
    --cnvs-header-height-shrink:	60px;
    --cnvs-side-header-width:	260px;
    --cnvs-side-header-padding-gutters:	30px;
    --cnvs-side-panel-size:	300px;
    --cnvs-side-panel-padding:	50px 70px 50px 40px;
    --cnvs-side-panel-widget-padding:	40px;
    --cnvs-transitions:	0.5s ease;
    /* Social Colors */
    --cnvs-color-facebook:	#3b5998;
    --cnvs-color-facebook-rgb:	59, 89, 152;
    --cnvs-color-whatsapp:	#25d366;
    --cnvs-color-whatsapp-rgb:	37, 211, 102;
    --cnvs-color-delicious:	#205cc0;
    --cnvs-color-delicious-rgb:	32, 92, 192;
    --cnvs-color-paypal:	#00588b;
    --cnvs-color-paypal-rgb:	0, 88, 139;
    --cnvs-color-waze:	#05c8f7;
    --cnvs-color-waze-rgb:	5, 200, 247;
    --cnvs-color-android:	#a4c639;
    --cnvs-color-android-rgb:	164, 198, 57;
    --cnvs-color-googledrive:	#1FA463;
    --cnvs-color-googledrive-rgb:	31, 164, 99;
    --cnvs-color-wikipedia:	#333;
    --cnvs-color-wikipedia-rgb:	51, 51, 51;
    --cnvs-color-stumbleupon:	#f74425;
    --cnvs-color-stumbleupon-rgb:	247, 68, 37;
    --cnvs-color-foursquare:	#25a0ca;
    --cnvs-color-foursquare-rgb:	37, 160, 202;
    --cnvs-color-call:	#444;
    --cnvs-color-call-rgb:	68, 68, 68;
    --cnvs-color-ninetyninedesigns:	#f26739;
    --cnvs-color-ninetyninedesigns-rgb:	242, 103, 57;
    --cnvs-color-forrst:	#5b9a68;
    --cnvs-color-forrst-rgb:	91, 154, 104;
    --cnvs-color-digg:	#191919;
    --cnvs-color-digg-rgb:	25, 25, 25;
    --cnvs-color-spotify:	#1DB954;
    --cnvs-color-spotify-rgb:	29, 185, 84;
    --cnvs-color-reddit:	#c6c6c6;
    --cnvs-color-reddit-rgb:	198, 198, 198;
    --cnvs-color-blogger:	#fc4f08;
    --cnvs-color-blogger-rgb:	252, 79, 8;
    --cnvs-color-cc:	#688527;
    --cnvs-color-cc-rgb:	104, 133, 39;
    --cnvs-color-dribbble:	#ea4c89;
    --cnvs-color-dribbble-rgb:	234, 76, 137;
    --cnvs-color-evernote:	#5ba525;
    --cnvs-color-evernote-rgb:	91, 165, 37;
    --cnvs-color-flickr:	#ff0084;
    --cnvs-color-flickr-rgb:	255, 0, 132;
    --cnvs-color-google:	#4885ed;
    --cnvs-color-google-rgb:	72, 133, 237;
    --cnvs-color-salesforce:	#1798c1;
    --cnvs-color-salesforce-rgb:	23, 152, 193;
    --cnvs-color-cloudflare:	#f38020;
    --cnvs-color-cloudflare-rgb:	243, 128, 32;
    --cnvs-color-linkedin:	#0e76a8;
    --cnvs-color-linkedin-rgb:	14, 118, 168;
    --cnvs-color-vk:	#2b587a;
    --cnvs-color-vk-rgb:	43, 88, 122;
    --cnvs-color-rss:	#ee802f;
    --cnvs-color-rss-rgb:	238, 128, 47;
    --cnvs-color-skype:	#00aff0;
    --cnvs-color-skype-rgb:	0, 175, 240;
    --cnvs-color-twitter:	#00acee;
    --cnvs-color-twitter-rgb:	0, 172, 238;
    --cnvs-color-x-twitter:	#010101;
    --cnvs-color-x-twitter-rgb:	1, 1, 1;
    --cnvs-color-youtube:	#c4302b;
    --cnvs-color-youtube-rgb:	196, 48, 43;
    --cnvs-color-vimeo:	#86c9ef;
    --cnvs-color-vimeo-rgb:	134, 201, 239;
    --cnvs-color-slack:	#ECB22E;
    --cnvs-color-slack-rgb:	236, 178, 46;
    --cnvs-color-yahoo:	#720e9e;
    --cnvs-color-yahoo-rgb:	114, 14, 158;
    --cnvs-color-email3:	#6567a5;
    --cnvs-color-email3-rgb:	101, 103, 165;
    --cnvs-color-macstore:	#333333;
    --cnvs-color-macstore-rgb:	51, 51, 51;
    --cnvs-color-figma:	#ab7c63;
    --cnvs-color-figma-rgb:	171, 124, 99;
    --cnvs-color-podcast:	#e4b21b;
    --cnvs-color-podcast-rgb:	228, 178, 27;
    --cnvs-color-meetup:	#e51937;
    --cnvs-color-meetup-rgb:	229, 25, 55;
    --cnvs-color-dropbox:	#3d9ae8;
    --cnvs-color-dropbox-rgb:	61, 154, 232;
    --cnvs-color-ebay:	#89c507;
    --cnvs-color-ebay-rgb:	137, 197, 7;
    --cnvs-color-github:	#171515;
    --cnvs-color-github-rgb:	23, 21, 21;
    --cnvs-color-googleplay:	#3bccff;
    --cnvs-color-googleplay-rgb:	59, 204, 255;
    --cnvs-color-itunes:	#222;
    --cnvs-color-itunes-rgb:	34, 34, 34;
    --cnvs-color-periscope:	#52677b;
    --cnvs-color-periscope-rgb:	82, 103, 123;
    --cnvs-color-meta:	#0668E1;
    --cnvs-color-meta-rgb:	6, 104, 225;
    --cnvs-color-soundcloud:	#ff7700;
    --cnvs-color-soundcloud-rgb:	255, 119, 0;
    --cnvs-color-tumblr:	#34526f;
    --cnvs-color-tumblr-rgb:	52, 82, 111;
    --cnvs-color-wordpress:	#1e8cbe;
    --cnvs-color-wordpress-rgb:	30, 140, 190;
    --cnvs-color-yelp:	#c41200;
    --cnvs-color-yelp-rgb:	196, 18, 0;
    --cnvs-color-microsoft:	#f65314;
    --cnvs-color-microsoft-rgb:	246, 83, 20;
    --cnvs-color-trello:	#0079bf;
    --cnvs-color-trello-rgb:	0, 121, 191;
    --cnvs-color-scribd:	#666666;
    --cnvs-color-scribd-rgb:	102, 102, 102;
    --cnvs-color-stripe:	#008cdd;
    --cnvs-color-stripe-rgb:	0, 140, 221;
    --cnvs-color-print:	#111;
    --cnvs-color-print-rgb:	17, 17, 17;
    --cnvs-color-btc:	#f2a900;
    --cnvs-color-btc-rgb:	242, 169, 0;
    --cnvs-color-weibo:	#DF2029;
    --cnvs-color-weibo-rgb:	223, 32, 41;
    --cnvs-color-acrobat:	#d3222a;
    --cnvs-color-acrobat-rgb:	211, 34, 42;
    --cnvs-color-drupal:	#27537a;
    --cnvs-color-drupal-rgb:	39, 83, 122;
    --cnvs-color-buffer:	#333333;
    --cnvs-color-buffer-rgb:	51, 51, 51;
    --cnvs-color-pocket:	#ee4056;
    --cnvs-color-pocket-rgb:	238, 64, 86;
    --cnvs-color-bitbucket:	#0e4984;
    --cnvs-color-bitbucket-rgb:	14, 73, 132;
    --cnvs-color-stackoverflow:	#ef8236;
    --cnvs-color-stackoverflow-rgb:	239, 130, 54;
    --cnvs-color-hackernews:	#ff6600;
    --cnvs-color-hackernews-rgb:	255, 102, 0;
    --cnvs-color-xing:	#126567;
    --cnvs-color-xing-rgb:	18, 101, 103;
    --cnvs-color-instagram:	#8a3ab9;
    --cnvs-color-instagram-rgb:	138, 58, 185;
    --cnvs-color-quora:	#a82400;
    --cnvs-color-quora-rgb:	168, 36, 0;
    --cnvs-color-openid:	#e16309;
    --cnvs-color-openid-rgb:	225, 99, 9;
    --cnvs-color-steam:	#111;
    --cnvs-color-steam-rgb:	17, 17, 17;
    --cnvs-color-amazon:	#e47911;
    --cnvs-color-amazon-rgb:	228, 121, 17;
    --cnvs-color-line:	#00b900;
    --cnvs-color-line-rgb:	0, 185, 0;
    --cnvs-color-kickstarter:	#87c442;
    --cnvs-color-kickstarter-rgb:	135, 196, 66;
    --cnvs-color-appstore:	#000;
    --cnvs-color-appstore-rgb:	0, 0, 0;
    --cnvs-color-pinterest:	#c8232c;
    --cnvs-color-pinterest-rgb:	200, 35, 44;
    --cnvs-color-fivehundredpx:	#111;
    --cnvs-color-fivehundredpx-rgb:	17, 17, 17;
    --cnvs-color-tiktok:	#000;
    --cnvs-color-tiktok-rgb:	0, 0, 0;
    --cnvs-color-airbnb:	#FF5A5F;
    --cnvs-color-airbnb-rgb:	255, 90, 95;
    --cnvs-color-gpay:	#6877df;
    --cnvs-color-gpay-rgb:	104, 119, 223;
    --cnvs-color-unsplash:	#111;
    --cnvs-color-unsplash-rgb:	17, 17, 17;
    --cnvs-color-snapchat:	#fffc00;
    --cnvs-color-snapchat-rgb:	255, 252, 0;
    --cnvs-color-discord:	#7289da;
    --cnvs-color-discord-rgb:	114, 137, 218;
    --cnvs-color-twitch:	#6441a5;
    --cnvs-color-twitch-rgb:	100, 65, 165;
    --cnvs-font-size-body:	var(--bs-body-font-size);
    --cnvs-font-size-h1:	2.25rem;
    --cnvs-font-size-h2:	1.875rem;
    --cnvs-font-size-h3:	1.625rem;
    --cnvs-font-size-h4:	1.375rem;
    --cnvs-font-size-h5:	1.125rem;
    --cnvs-font-size-h6:	0.875rem;
    --cnvs-font-size-small:	calc(var(--cnvs-font-size-body) * 0.875);
  }
  
  :root,
  .not-dark {
    --cnvs-contrast-0: #fff;
    --cnvs-contrast-100: #f8f9fa;
    --cnvs-contrast-200: #e9ecef;
    --cnvs-contrast-300: #dee2e6;
    --cnvs-contrast-400: #ced4da;
    --cnvs-contrast-500: #adb5bd;
    --cnvs-contrast-600: #6c757d;
    --cnvs-contrast-700: #495057;
    --cnvs-contrast-800: #343a40;
    --cnvs-contrast-900: #212529;
    --cnvs-contrast-1000: #000;
    --cnvs-invert-contrast-0: #000;
    --cnvs-invert-contrast-100: #212529;
    --cnvs-invert-contrast-200: #343a40;
    --cnvs-invert-contrast-300: #495057;
    --cnvs-invert-contrast-400: #6c757d;
    --cnvs-invert-contrast-500: #adb5bd;
    --cnvs-invert-contrast-600: #ced4da;
    --cnvs-invert-contrast-700: #dee2e6;
    --cnvs-invert-contrast-800: #e9ecef;
    --cnvs-invert-contrast-900: #f8f9fa;
    --cnvs-invert-contrast-1000: #fff;
    --cnvs-body-bg:	var(--bs-body-bg);
    --cnvs-body-bg-boxed:	var(--cnvs-body-bg);
    --cnvs-link-color:	var(--cnvs-themecolor);
    --cnvs-link-hover-color:	var(--cnvs---cnvs-heading-color);
    --cnvs-contrast-rgb:	0, 0, 0;
    --cnvs-invert-contrast-rgb:	255, 255, 255;
    --cnvs-contrast-bg:	#fff;
    --cnvs-contrast-bg-offset:	#f8f9fa;
    --cnvs-topbar-bg: var(--cnvs-contrast-0);
    --cnvs-topbar-color: var(--cnvs-contrast-700);
    --cnvs-topbar-border-color: rgba(var(--cnvs-contrast-rgb), 0.1);
    --cnvs-topbar-social-icon-color: var(--cnvs-contrast-600);
    --cnvs-header-bg:	var(--cnvs-contrast-0);
    --cnvs-header-sticky-bg:	var(--cnvs-header-bg);
    --cnvs-side-header-bg:	var(--cnvs-contrast-0);
    --cnvs-section-bg:	var(--cnvs-contrast-bg-offset);
    --cnvs-heading-color:	var(--cnvs-contrast-900);
    --cnvs-line-color:	rgba(var(--cnvs-contrast-rgb), .1);
    --cnvs-footer-bg:	var(--cnvs-contrast-bg-offset);
    --cnvs-bg-overlay-bg-opacity: 0.75;
    --cnvs-bg-overlay-bg: rgba(var(--cnvs-invert-contrast-rgb), var(--cnvs-bg-overlay-bg-opacity));
    color: var(--cnvs-contrast-800);
  }

  /* ----------------------------------------------------------------

	portfolio.scss

-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
	Portfolio
-----------------------------------------------------------------*/
:root,
.not-dark {
  --cnvs-grid-filter-border-color: rgba(var(--cnvs-contrast-rgb), 0.1);
  --cnvs-portfolio-meta-color: var(--cnvs-contrast-600);
  --cnvs-portfolio-meta-row-1-color: var(--cnvs-heading-color);
}

/* Grid - Filter
-----------------------------------------------------------------*/
.grid-filter-wrap,
.grid-filter {
  --cnvs-grid-filter-mb: 3.5rem;
  --cnvs-grid-filter-border: 1px;
  --cnvs-grid-filter-border-color: rgba(var(--cnvs-contrast-rgb), 0.1);
  --cnvs-grid-filter-border-radius: 0.25rem;
  --cnvs-grid-filter-item-padding-x: 1.25rem;
  --cnvs-grid-filter-item-padding-y: 0.75rem;
  --cnvs-grid-filter-item-font-size: 0.9375rem;
  --cnvs-grid-filter-col-sm: 3;
  --cnvs-grid-filter-col-xs: 2;
  --cnvs-grid-filter-styles-m: 0.75rem;
  --cnvs-grid-filter-styles-radius: 1.25rem;
  --cnvs-grid-shuffle-size: 2.5rem;
}

.grid-filter {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--cnvs-grid-filter-mb);
  list-style: none;
  /* Grid - Filter: Style 2
  -----------------------------------------------------------------*/
  /* Grid - Filter: Style 3
  -----------------------------------------------------------------*/
  /* Portfolio - Filter: Style 4
  -----------------------------------------------------------------*/
  /* Portfolio - Filter: Style 5
  -----------------------------------------------------------------*/
}
@media (min-width: 768px) {
  .grid-filter {
    border: var(--cnvs-grid-filter-border) solid var(--cnvs-grid-filter-border-color);
    border-radius: var(--cnvs-grid-filter-border-radius);
  }
}
@media (max-width: 767.98px) {
  .grid-filter {
    width: 100%;
  }
}
.grid-filter-wrap {
  display: flex;
  justify-content: space-between;
}
.grid-filter li {
  position: relative;
  width: calc(100% / var(--cnvs-grid-filter-col-xs));
}
@media (min-width: 576px) {
  .grid-filter li {
    width: calc(100% / var(--cnvs-grid-filter-col-sm));
  }
}
@media (min-width: 768px) {
  .grid-filter li {
    width: auto;
  }
}
.grid-filter li a {
  display: block;
  position: relative;
  padding: var(--cnvs-grid-filter-item-padding-y) var(--cnvs-grid-filter-item-padding-x);
  font-size: var(--cnvs-grid-filter-item-font-size);
  color: var(--cnvs-contrast-600);
  text-align: center;
  border-radius: 2px;
}
@media (min-width: 768px) {
  .grid-filter li a {
    border-left: var(--cnvs-grid-filter-border) solid var(--cnvs-grid-filter-border-color);
    border-radius: 0;
  }
  .bothsidebar .grid-filter li a {
    padding: 12px 14px;
  }
}
.grid-filter li a:hover {
  color: var(--cnvs-themecolor);
}
.grid-filter li.activeFilter a {
  color: #fff;
  font-weight: 600;
  background-color: var(--cnvs-themecolor);
  margin: 0;
}
@media (min-width: 768px) {
  .grid-filter li.activeFilter a {
    margin: -1px 0;
    padding-top: 11px;
    padding-bottom: 11px;
  }
  .bothsidebar .grid-filter li.activeFilter a {
    padding: 13px 18px;
  }
}
@media (min-width: 768px) {
  .grid-filter li:first-child a {
    border-left: none;
    border-radius: var(--cnvs-grid-filter-border-radius) 0 0 var(--cnvs-grid-filter-border-radius);
  }
  .grid-filter li:last-child a {
    border-radius: 0 var(--cnvs-grid-filter-border-radius) var(--cnvs-grid-filter-border-radius) 0;
  }
}
.grid-filter.style-2, .grid-filter.style-3, .grid-filter.style-4, .grid-filter.style-5, .grid-filter.style-6 {
  border: none;
  border-radius: 0;
  margin-bottom: 2.75rem;
}
.grid-filter.style-2 li, .grid-filter.style-3 li, .grid-filter.style-4 li, .grid-filter.style-5 li, .grid-filter.style-6 li {
  margin-bottom: var(--cnvs-grid-filter-styles-m);
}
.grid-filter.style-2 li a, .grid-filter.style-3 li a, .grid-filter.style-4 li a, .grid-filter.style-5 li a, .grid-filter.style-6 li a {
  padding-top: 9px;
  padding-bottom: 9px;
  border-radius: var(--cnvs-grid-filter-styles-radius);
  border: none;
  background-color: transparent;
  margin: 0;
}
.grid-filter.style-2 li.activeFilter a {
  color: #fff !important;
  background-color: var(--cnvs-themecolor);
}
@media (min-width: 768px) {
  .grid-filter.style-2 li:not(:first-child), .grid-filter.style-3 li:not(:first-child) {
    margin-left: var(--cnvs-grid-filter-styles-m);
  }
}
.grid-filter.style-3 li a {
  border: var(--cnvs-grid-filter-border) solid transparent;
}
.grid-filter.style-3 li.activeFilter a {
  color: var(--cnvs-themecolor) !important;
  border-color: var(--cnvs-themecolor);
  background-color: transparent;
}
@media (min-width: 768px) {
  .grid-filter.style-4 li:not(:first-child) {
    margin-left: 2.25rem;
  }
}
.grid-filter.style-4 li a {
  padding: 0.75rem 0;
  border-radius: 0;
}
.grid-filter.style-4 li a::after {
  content: "";
  position: absolute;
  top: auto;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 2px;
  transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
  .grid-filter.style-4 li a::after {
    transition: none;
  }
}
.grid-filter.style-4 li.activeFilter a {
  color: var(--cnvs-contrast-900) !important;
}
.grid-filter.style-4 li.activeFilter a::after {
  width: 100%;
  left: 0%;
  background-color: var(--cnvs-themecolor);
}
@media (min-width: 768px) {
  .grid-filter.style-5 li:not(:first-child) {
    margin-left: 2.25rem;
  }
}
.grid-filter.style-5 li a {
  padding: 0.75rem 0 1rem;
  border-radius: 0;
}
.grid-filter.style-5 li a::after {
  content: "";
  position: absolute;
  top: auto;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) scale(0);
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
  .grid-filter.style-5 li a::after {
    transition: none;
  }
}
.grid-filter.style-5 li.activeFilter a {
  color: var(--cnvs-contrast-900) !important;
}
.grid-filter.style-5 li.activeFilter a::after {
  transform: translateX(-50%) scale(1);
  background-color: var(--cnvs-themecolor);
}

/* Portfolio - Shuffle Icon
-----------------------------------------------------------------*/
.grid-shuffle {
  width: var(--cnvs-grid-shuffle-size);
  height: var(--cnvs-grid-shuffle-size);
  border: var(--cnvs-grid-filter-border) solid var(--cnvs-grid-filter-border-color);
  font-size: calc(var(--cnvs-grid-shuffle-size) / 2.625);
  text-align: center;
  line-height: calc(var(--cnvs-grid-shuffle-size) - var(--cnvs-grid-filter-border) - var(--cnvs-grid-filter-border));
  color: var(--cnvs-contrast-900);
  cursor: pointer;
  transition: all 0.2s linear;
}
@media (prefers-reduced-motion: reduce) {
  .grid-shuffle {
    transition: none;
  }
}
.grid-shuffle:hover {
  background-color: var(--cnvs-themecolor);
  color: #fff;
}

/* Portfolio - Items
-----------------------------------------------------------------*/
.portfolio,
[class*=portfolio-] {
  --cnvs-portfolio-desc-padding-x: 0.375rem;
  --cnvs-portfolio-desc-padding-y:	1.25rem;
  --cnvs-portfolio-desc-title-size: 1.25rem;
  --cnvs-portfolio-modal-padding: 2.5rem;
  --cnvs-portfolio-ajax-height: 96rem;
  --cnvs-portfolio-meta-font-size: 0.875rem;
  --cnvs-portfolio-meta-color: var(--cnvs-contrast-600);
  --cnvs-portfolio-meta-row-1: 150px;
  --cnvs-portfolio-meta-row-1-color: var(--cnvs-heading-color);
  --cnvs-portfolio-meta-icon: 0.875rem;
  --cnvs-portfolio-navigation-size: 1.5rem;
}

.portfolio {
  position: relative;
  transition: height 0.4s linear;
}
.portfolio-item {
  position: relative;
}
.portfolio-reveal .portfolio-item {
  overflow: hidden;
}
.portfolio-item .portfolio-image {
  position: relative;
  overflow: hidden;
}
.portfolio-item .portfolio-image,
.portfolio-item .portfolio-image > a,
.portfolio-item .portfolio-image img {
  display: block;
  width: 100%;
  height: auto;
}
.portfolio-rounded .portfolio-image {
  border-radius: calc(var(--cnvs-grid-filter-border-radius) + 1);
  overflow: hidden;
}
@media (prefers-reduced-motion: reduce) {
  .portfolio {
    transition: none;
  }
}

@media (min-width: 768px) {
  .portfolio-reveal .portfolio-image img,
  .portfolio-reveal .bg-overlay {
    transition: all 0.3s ease-in-out;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
  .portfolio-reveal .portfolio-image img,
  .portfolio-reveal .bg-overlay {
    transition: none;
  }
}
/* Portfolio - Item Title
-----------------------------------------------------------------*/
.portfolio-desc {
  position: relative;
  z-index: 6;
  padding: var(--cnvs-portfolio-desc-padding-y) var(--cnvs-portfolio-desc-padding-x);
}
.portfolio-desc h3, .portfolio-desc .h3 {
  margin: 0;
  padding: 0;
  font-size: var(--cnvs-portfolio-desc-title-size);
}
.col-md-9 .portfolio-desc h3, .col-md-9 .portfolio-desc .h3 {
  font-size: calc(var(--cnvs-portfolio-desc-title-size) / 1.1111);
}
.portfolio-desc h3 a, .portfolio-desc .h3 a {
  color: var(--cnvs-contrast-900);
}
.portfolio-desc h3 a:hover, .portfolio-desc .h3 a:hover {
  color: var(--cnvs-themecolor);
}
.portfolio-desc span {
  display: block;
}
.col-md-9 .portfolio-desc span {
  font-size: calc(var(--cnvs-portfolio-desc-title-size) / 1.428);
}
.portfolio-desc span,
.portfolio-desc span a {
  color: var(--cnvs-contrast-600);
}
.portfolio-desc span a:hover {
  color: var(--cnvs-contrast-900);
}
.desc-lg .portfolio-desc {
  padding: 20px 8px;
}
.desc-lg .portfolio-desc h3, .desc-lg .portfolio-desc .h3 {
  font-size: calc(var(--cnvs-portfolio-desc-title-size) / 0.8333);
}
.desc-lg .portfolio-desc span {
  font-size: 110%;
}
.desc-sm .portfolio-desc {
  padding: var(--cnvs-portfolio-desc-padding-y) var(--cnvs-portfolio-desc-padding-x);
}
.desc-sm .portfolio-desc h3, .desc-sm .portfolio-desc .h3 {
  font-size: calc(var(--cnvs-portfolio-desc-title-size) * 0.8);
}
.desc-sm .portfolio-desc span {
  font-size: 90%;
}
.portfolio.g-0 .portfolio-desc {
  --cnvs-portfolio-desc-padding-x: 15px;
}
.desc-sm.g-0 .portfolio-desc {
  --cnvs-portfolio-desc-padding-x: calc(var(--cnvs-portfolio-desc-padding-x) - 5px);
}
.portfolio-reveal .portfolio-desc {
  position: absolute;
  top: auto;
  bottom: 0;
  width: 100%;
  background-color: var(--cnvs-body-bg);
  transform: translateY(100%);
}
@media (min-width: 768px) {
  .portfolio-reveal .portfolio-desc {
    transition: all 0.3s ease-in-out;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
  .portfolio-reveal .portfolio-desc {
    transition: none;
  }
}
@media (max-width: 575.98px) {
  .portfolio-reveal .portfolio-desc {
    display: none !important;
  }
}

.portfolio-reveal .portfolio-item:hover .portfolio-desc {
  transform: translateY(0);
  display: none;
}
@media (min-width: 768px) {
  .portfolio-reveal .portfolio-item:hover .portfolio-desc {
    display: block;
  }
}
.portfolio-reveal .portfolio-item:hover .portfolio-image img,
.portfolio-reveal .portfolio-item:hover .bg-overlay {
  transform: translateY(0);
}
@media (min-width: 768px) {
  .portfolio-reveal .portfolio-item:hover .portfolio-image img,
  .portfolio-reveal .portfolio-item:hover .bg-overlay {
    transform: translateY(-15%);
  }
}

/* Portfolio - Parallax
-----------------------------------------------------------------*/
.portfolio-parallax .portfolio-image {
  height: 60vh;
  background-attachment: fixed;
}
@media (min-width: 992px) {
  .portfolio-parallax .portfolio-image {
    height: 500px;
  }
}

/* Portfolio Single - Image
-----------------------------------------------------------------*/
.portfolio-single-image > a,
.portfolio-single-image .slide a,
.portfolio-single-image img,
.portfolio-single-image iframe,
.portfolio-single-image video {
  display: block;
  width: 100%;
}
.portfolio-single-image-full {
  position: relative;
  height: 600px;
  overflow: hidden;
  margin: calc(-1 * var(--cnvs-content-padding)) 0 var(--cnvs-content-padding);
}
.portfolio-single-video {
  height: auto !important;
}

/* Masonry Thumbs
-----------------------------------------------------------------*/
.masonry-thumbs {
  position: relative;
  --bs-gutter-x: calc(1px * 2);
  --bs-gutter-y: calc(1px * 2);
}
.masonry-thumbs > * {
  overflow: hidden;
}
.masonry-gap-lg {
  --bs-gutter-x: calc(1px * 3);
  --bs-gutter-y: calc(1px * 3);
}
.masonry-gap-xl {
  --bs-gutter-x: calc(1px * 5);
  --bs-gutter-y: calc(1px * 5);
}
.masonry-thumbs > * > img,
.masonry-thumbs .grid-inner > img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0;
}

/* Portfolio Single - Content
-----------------------------------------------------------------*/
.portfolio-single-content h2, .portfolio-single-content .h2 {
  margin: 0 0 20px;
  padding: 0;
  font-size: var(--cnvs-portfolio-desc-title-size);
  font-weight: 600 !important;
}

.modal-padding {
  --cnvs-portfolio-modal-padding: 2.5rem;
  padding: var(--cnvs-portfolio-modal-padding);
}

.ajax-modal-title {
  background-color: var(--cnvs-contrast-100);
  border-bottom: 1px solid var(--cnvs-contrast-200);
  padding: 25px 40px;
}

.ajax-modal-title h2, .ajax-modal-title .h2 {
  font-size: calc(var(--cnvs-portfolio-desc-title-size) / 0.714);
  margin-bottom: 0;
}

#portfolio-ajax-wrap {
  position: relative;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
@media (prefers-reduced-motion: reduce) {
  #portfolio-ajax-wrap {
    transition: none;
  }
}

#portfolio-ajax-wrap.portfolio-ajax-opened {
  max-height: var(--cnvs-portfolio-ajax-height);
}

#portfolio-ajax-container {
  display: none;
  padding-bottom: 60px;
}

#portfolio-ajax-single {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.6s ease;
}
.portfolio-ajax-opened #portfolio-ajax-single {
  opacity: 1;
  pointer-events: auto;
}

#portfolio-ajax-title h2, #portfolio-ajax-title .h2 {
  font-size: calc(var(--cnvs-portfolio-desc-title-size) / 0.714);
}

.portfolio-ajax-opened ~ .portfolio.grid-container .portfolio-item:not(:hover):not(.portfolio-active) {
  opacity: 0.25;
}

/* Portfolio Single - Meta
-----------------------------------------------------------------*/
.portfolio-meta,
.portfolio-share {
  list-style: none;
  font-size: var(--cnvs-portfolio-meta-font-size);
}

.portfolio-meta li {
  margin: 10px 0;
  color: var(--cnvs-portfolio-meta-color);
}
.portfolio-meta li:first-child {
  margin-top: 0;
}
.portfolio-meta li span {
  display: inline-block;
  width: var(--cnvs-portfolio-meta-row-1);
  font-weight: bold;
  color: var(--cnvs-portfolio-meta-row-1-color);
}
.portfolio-meta li span i {
  position: relative;
  top: 1px;
  width: var(--cnvs-portfolio-meta-icon);
  text-align: center;
  margin-right: calc(var(--cnvs-portfolio-meta-icon) * 0.5);
}

/* Portfolio Single Navigation
-----------------------------------------------------------------*/
#portfolio-navigation {
  position: absolute;
  top: 50%;
  left: auto;
  right: 10px;
  max-width: calc(var(--cnvs-portfolio-navigation-size) * 4);
  height: var(--cnvs-portfolio-navigation-size);
  margin-top: calc(var(--cnvs-portfolio-navigation-size) * -0.5);
}
.page-title-right #portfolio-navigation {
  left: 10px;
  right: auto;
}
.page-title-center #portfolio-navigation {
  position: relative;
  top: 0;
  left: 0;
  margin: 20px auto 0;
}
#portfolio-navigation a {
  display: block;
  float: left;
  margin-left: calc(var(--cnvs-portfolio-navigation-size) * 0.5);
  width: var(--cnvs-portfolio-navigation-size);
  height: var(--cnvs-portfolio-navigation-size);
  text-align: center;
  color: var(--cnvs-contrast-900);
  transition: color 0.3s linear;
}
@media (prefers-reduced-motion: reduce) {
  #portfolio-navigation a {
    transition: none;
  }
}
#portfolio-navigation a:first-child {
  margin-left: 0;
}
#portfolio-navigation a:hover {
  color: var(--cnvs-themecolor);
}
#portfolio-ajax-show #portfolio-navigation {
  top: 0;
  margin-top: 0;
}

/* ----------------------------------------------------------------
	Custom Animate.css Styles
-----------------------------------------------------------------*/
@keyframes fadeInDownSmall {
    from {
      opacity: 0;
      transform: translate3d(0, -50%, 0);
    }
    to {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
  }
  .fadeInDownSmall {
    animation-name: fadeInDownSmall;
  }
  @keyframes fadeInLeftSmall {
    from {
      opacity: 0;
      transform: translate3d(-50%, 0, 0);
    }
    to {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
  }
  .fadeInLeftSmall {
    animation-name: fadeInLeftSmall;
  }
  @keyframes fadeInRightSmall {
    from {
      opacity: 0;
      transform: translate3d(50%, 0, 0);
    }
    to {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
  }
  .fadeInRightSmall {
    animation-name: fadeInRightSmall;
  }
  @keyframes fadeInUpSmall {
    from {
      opacity: 0;
      transform: translate3d(0, 50%, 0);
    }
    to {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
  }
  .fadeInUpSmall {
    animation-name: fadeInUpSmall;
  }
  @keyframes fadeOutDownSmall {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
      transform: translate3d(0, 50%, 0);
    }
  }
  .fadeOutDownSmall {
    animation-name: fadeOutDownSmall;
  }
  @keyframes fadeOutLeftSmall {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
      transform: translate3d(-50%, 0, 0);
    }
  }
  .fadeOutLeftSmall {
    animation-name: fadeOutLeftSmall;
  }
  @keyframes fadeOutRightSmall {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
      transform: translate3d(50%, 0, 0);
    }
  }
  .fadeOutRightSmall {
    animation-name: fadeOutRightSmall;
  }
  @keyframes fadeOutUpSmall {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
      transform: translate3d(0, -50%, 0);
    }
  }
  .fadeOutUpSmall {
    animation-name: fadeOutUpSmall;
  }

  /* ----------------------------------------------------------------
	Overlays
-----------------------------------------------------------------*/
.bg-overlay,
.bg-overlay-bg,
.bg-overlay-content {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}

.bg-overlay {
  z-index: 5;
}
.bg-overlay [data-hover-animate]:not(.animated) {
  opacity: 0;
}
.bg-overlay-content {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  padding: 20px;
}
.bg-overlay-bg {
  --cnvs-bg-overlay-bg-opacity: 0.75;
  --cnvs-bg-overlay-bg: rgba(var(--cnvs-invert-contrast-rgb), var(--cnvs-bg-overlay-bg-opacity));
  background-color: var(--cnvs-bg-overlay-bg);
}

.text-overlay-mask {
  opacity: 0.85;
  top: auto;
  bottom: 0;
  height: auto;
  padding: 40px 15px 15px; /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#a6000000",GradientType=0 ); /* IE6-9 */
}

.overlay-trigger-icon {
  --cnvs-bg-overlay-icon-size: 40px;
  --cnvs-bg-overlay-icon-gap: 0.25rem;
  --cnvs-bg-overlay-icon-font-size: 1.125rem;
  --cnvs-bg-overlay-icon-rounded: 50%;
  display: block;
  width: var(--cnvs-bg-overlay-icon-size);
  height: var(--cnvs-bg-overlay-icon-size);
  line-height: var(--cnvs-bg-overlay-icon-size);
  margin: 0 var(--cnvs-bg-overlay-icon-gap);
  font-size: var(--cnvs-bg-overlay-icon-font-size);
  text-align: center;
  border-radius: var(--cnvs-bg-overlay-icon-rounded);
  -webkit-backface-visibility: hidden;
  transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
  .overlay-trigger-icon {
    transition: none;
  }
}
.overlay-trigger-icon .uil-play {
  position: relative;
  left: 1px;
}
.overlay-trigger-icon:not([class*=text-white]):hover {
  color: var(--cnvs-themecolor) !important;
}
.overlay-trigger-icon.size-sm {
  --cnvs-bg-overlay-icon-size: 40px;
  --cnvs-bg-overlay-icon-gap: 0.5rem;
  --cnvs-bg-overlay-icon-font-size: 0.875rem;
}
.overlay-trigger-icon.size-lg {
  --cnvs-bg-overlay-icon-size: 64px;
  --cnvs-bg-overlay-icon-gap: 0.5rem;
  --cnvs-bg-overlay-icon-font-size: 1.5rem;
}

.bg-overlay-mask {
  --cnvs-bg-overlay-mask-color: #000;
  --cnvs-bg-overlay-mask-opacity: 0.55;
  position: relative;
}
.bg-overlay-mask::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: var(--cnvs-bg-overlay-mask-color);
  opacity: var(--cnvs-bg-overlay-mask-opacity);
}

/* ----------------------------------------------------------------
	Google Maps
-----------------------------------------------------------------*/
.gmap {
  position: relative;
  width: 100%;
  height: 450px;
}
.gmap img {
  max-width: none !important;
}

.gm-style .gm-style-iw h3 span, .gm-style .gm-style-iw .h3 span {
  font-size: inherit;
  font-family: inherit;
}

#map-overlay {
  position: relative;
  padding: 100px 0;
}
#map-overlay .gmap {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
}

/* ----------------------------------------------------------------
	Social Icons
-----------------------------------------------------------------*/
.social-icon {
    --cnvs-socialicon-size: 5rem;
    --cnvs-socialicon-gap: 5px;
    --cnvs-socialicon-fontsize: calc( var(--cnvs-socialicon-size) / 2.5);
    --cnvs-socialicon-border: 1px;
    --cnvs-socialicon-border-color: var(--cnvs-contrast-600);
    --cnvs-socialicon-lineheight: calc(var(--cnvs-socialicon-size) - calc(var(--cnvs-socialicon-border) * 2));
    --cnvs-socialicon-rounded: 0.375rem;
    --cnvs-socialicon-color: var(--bs-contrast-900);
    float: left;
    display: block;
    margin: 0 var(--cnvs-socialicon-gap) var(--cnvs-socialicon-gap) 0;
    width: var(--cnvs-socialicon-size);
    height: var(--cnvs-socialicon-size);
    font-size: var(--cnvs-socialicon-fontsize);
    line-height: var(--cnvs-socialicon-lineheight) !important;
    color: var(--cnvs-socialicon-color);
    text-shadow: none;
    border: var(--cnvs-socialicon-border) solid var(--cnvs-socialicon-border-color);
    border-radius: var(--cnvs-socialicon-rounded);
    overflow: hidden;
    /* Social Icons - Large
    -----------------------------------------------------------------*/
    /* Social Icons - Small
    -----------------------------------------------------------------*/
  }
  [class*=-flex] > .social-icon, [class*=row] > .social-icon {
    float: none;
    margin-right: var(--cnvs-socialicon-gap-x);
    margin-bottom: var(--cnvs-socialicon-gap-y);
    flex: 0 0 auto;
  }
  .social-icon.si-large {
    --cnvs-socialicon-size: 3.5rem;
    text-align: center !important;
    margin-right: 15px !important;
  }
  .social-icon.si-small {
    --cnvs-socialicon-size: 2rem;
    --cnvs-socialicon-fontsize: 0.875rem;
    
  }
  .social-icon i {
    display: block;
    position: relative;
    line-height: inherit;
    transition: all 0.3s ease;
    font-size: 2.2rem !important;
  }
  @media (prefers-reduced-motion: reduce) {
    .social-icon i {
      transition: none;
    }
  }
  .social-icon i:last-child {
    color: #FFF;
  }
  .social-icon:hover i:first-child {
    margin-top: calc(var(--cnvs-socialicon-lineheight) * -1);
  }
  .social-icon:hover {
    color: var(--cnvs-socialicon-color);
    border-color: transparent;
  }
  .social-icon.bg-dark, .social-icon.bg-dark:hover {
    color: var(--bs-gray-200);
  }
  .social-icon.bg-light {
    --cnvs-socialicon-color: var(--bs-gray-900);
    background-color: var(--bs-gray-200) !important;
  }
  .social-icon[class*=" bg-"] {
    border-color: transparent;
  }
  .social-icon.no-transition:hover i:first-child {
    display: none;
    margin-top: 0;
  }
  
  /* Social Icons - Group
  -----------------------------------------------------------------*/
  [class*=-flex],
  [class*=row] {
    --cnvs-socialicon-gap: 5px;
    --cnvs-socialicon-gap-x: var(--cnvs-socialicon-gap);
    --cnvs-socialicon-gap-y: 0px;
  }
  
  /* Social Icons - Sticky
  -----------------------------------------------------------------*/
  .si-sticky {
    position: fixed;
    top: 50%;
    left: 5px;
    width: 36px;
    z-index: 499;
    transform: translateY(-50%);
    /* Social Icons - Sticky Right
    -----------------------------------------------------------------*/
  }
  .si-sticky.si-sticky-right {
    left: auto;
    right: 8px;
  }
  
  /* Social Icons - colors
  -----------------------------------------------------------------*/
  .bg-facebook,
  .h-bg-facebook:hover {
    background-color: rgba(var(--cnvs-color-facebook-rgb), 1) !important;
  }
  
  .bg-whatsapp,
  .h-bg-whatsapp:hover {
    background-color: rgba(var(--cnvs-color-whatsapp-rgb), 1) !important;
  }
  
  .bg-delicious,
  .h-bg-delicious:hover {
    background-color: rgba(var(--cnvs-color-delicious-rgb), 1) !important;
  }
  
  .bg-paypal,
  .h-bg-paypal:hover {
    background-color: rgba(var(--cnvs-color-paypal-rgb), 1) !important;
  }
  
  .bg-waze,
  .h-bg-waze:hover {
    background-color: rgba(var(--cnvs-color-waze-rgb), 1) !important;
  }
  
  .bg-android,
  .h-bg-android:hover {
    background-color: rgba(var(--cnvs-color-android-rgb), 1) !important;
  }
  
  .bg-googledrive,
  .h-bg-googledrive:hover {
    background-color: rgba(var(--cnvs-color-googledrive-rgb), 1) !important;
  }
  
  .bg-wikipedia,
  .h-bg-wikipedia:hover {
    background-color: rgba(var(--cnvs-color-wikipedia-rgb), 1) !important;
  }
  
  .bg-stumbleupon,
  .h-bg-stumbleupon:hover {
    background-color: rgba(var(--cnvs-color-stumbleupon-rgb), 1) !important;
  }
  
  .bg-foursquare,
  .h-bg-foursquare:hover {
    background-color: rgba(var(--cnvs-color-foursquare-rgb), 1) !important;
  }
  
  .bg-call,
  .h-bg-call:hover {
    background-color: rgba(var(--cnvs-color-call-rgb), 1) !important;
  }
  
  .bg-ninetyninedesigns,
  .h-bg-ninetyninedesigns:hover {
    background-color: rgba(var(--cnvs-color-ninetyninedesigns-rgb), 1) !important;
  }
  
  .bg-forrst,
  .h-bg-forrst:hover {
    background-color: rgba(var(--cnvs-color-forrst-rgb), 1) !important;
  }
  
  .bg-digg,
  .h-bg-digg:hover {
    background-color: rgba(var(--cnvs-color-digg-rgb), 1) !important;
  }
  
  .bg-spotify,
  .h-bg-spotify:hover {
    background-color: rgba(var(--cnvs-color-spotify-rgb), 1) !important;
  }
  
  .bg-reddit,
  .h-bg-reddit:hover {
    background-color: rgba(var(--cnvs-color-reddit-rgb), 1) !important;
  }
  
  .bg-blogger,
  .h-bg-blogger:hover {
    background-color: rgba(var(--cnvs-color-blogger-rgb), 1) !important;
  }
  
  .bg-cc,
  .h-bg-cc:hover {
    background-color: rgba(var(--cnvs-color-cc-rgb), 1) !important;
  }
  
  .bg-dribbble,
  .h-bg-dribbble:hover {
    background-color: rgba(var(--cnvs-color-dribbble-rgb), 1) !important;
  }
  
  .bg-evernote,
  .h-bg-evernote:hover {
    background-color: rgba(var(--cnvs-color-evernote-rgb), 1) !important;
  }
  
  .bg-flickr,
  .h-bg-flickr:hover {
    background-color: rgba(var(--cnvs-color-flickr-rgb), 1) !important;
  }
  
  .bg-google,
  .h-bg-google:hover {
    background-color: rgba(var(--cnvs-color-google-rgb), 1) !important;
  }
  
  .bg-salesforce,
  .h-bg-salesforce:hover {
    background-color: rgba(var(--cnvs-color-salesforce-rgb), 1) !important;
  }
  
  .bg-cloudflare,
  .h-bg-cloudflare:hover {
    background-color: rgba(var(--cnvs-color-cloudflare-rgb), 1) !important;
  }
  
  .bg-linkedin,
  .h-bg-linkedin:hover {
    background-color: rgba(var(--cnvs-color-linkedin-rgb), 1) !important;
  }
  
  .bg-vk,
  .h-bg-vk:hover {
    background-color: rgba(var(--cnvs-color-vk-rgb), 1) !important;
  }
  
  .bg-rss,
  .h-bg-rss:hover {
    background-color: rgba(var(--cnvs-color-rss-rgb), 1) !important;
  }
  
  .bg-skype,
  .h-bg-skype:hover {
    background-color: rgba(var(--cnvs-color-skype-rgb), 1) !important;
  }
  
  .bg-twitter,
  .h-bg-twitter:hover {
    background-color: rgba(var(--cnvs-color-twitter-rgb), 1) !important;
  }
  
  .bg-x-twitter,
  .h-bg-x-twitter:hover {
    background-color: rgba(var(--cnvs-color-x-twitter-rgb), 1) !important;
  }
  
  .bg-youtube,
  .h-bg-youtube:hover {
    background-color: rgba(var(--cnvs-color-youtube-rgb), 1) !important;
  }
  
  .bg-vimeo,
  .h-bg-vimeo:hover {
    background-color: rgba(var(--cnvs-color-vimeo-rgb), 1) !important;
  }
  
  .bg-slack,
  .h-bg-slack:hover {
    background-color: rgba(var(--cnvs-color-slack-rgb), 1) !important;
  }
  
  .bg-yahoo,
  .h-bg-yahoo:hover {
    background-color: rgba(var(--cnvs-color-yahoo-rgb), 1) !important;
  }
  
  .bg-email3,
  .h-bg-email3:hover {
    background-color: rgba(var(--cnvs-color-email3-rgb), 1) !important;
  }
  
  .bg-macstore,
  .h-bg-macstore:hover {
    background-color: rgba(var(--cnvs-color-macstore-rgb), 1) !important;
  }
  
  .bg-figma,
  .h-bg-figma:hover {
    background-color: rgba(var(--cnvs-color-figma-rgb), 1) !important;
  }
  
  .bg-podcast,
  .h-bg-podcast:hover {
    background-color: rgba(var(--cnvs-color-podcast-rgb), 1) !important;
  }
  
  .bg-meetup,
  .h-bg-meetup:hover {
    background-color: rgba(var(--cnvs-color-meetup-rgb), 1) !important;
  }
  
  .bg-dropbox,
  .h-bg-dropbox:hover {
    background-color: rgba(var(--cnvs-color-dropbox-rgb), 1) !important;
  }
  
  .bg-ebay,
  .h-bg-ebay:hover {
    background-color: rgba(var(--cnvs-color-ebay-rgb), 1) !important;
  }
  
  .bg-github,
  .h-bg-github:hover {
    background-color: rgba(var(--cnvs-color-github-rgb), 1) !important;
  }
  
  .bg-googleplay,
  .h-bg-googleplay:hover {
    background-color: rgba(var(--cnvs-color-googleplay-rgb), 1) !important;
  }
  
  .bg-itunes,
  .h-bg-itunes:hover {
    background-color: rgba(var(--cnvs-color-itunes-rgb), 1) !important;
  }
  
  .bg-periscope,
  .h-bg-periscope:hover {
    background-color: rgba(var(--cnvs-color-periscope-rgb), 1) !important;
  }
  
  .bg-meta,
  .h-bg-meta:hover {
    background-color: rgba(var(--cnvs-color-meta-rgb), 1) !important;
  }
  
  .bg-soundcloud,
  .h-bg-soundcloud:hover {
    background-color: rgba(var(--cnvs-color-soundcloud-rgb), 1) !important;
  }
  
  .bg-tumblr,
  .h-bg-tumblr:hover {
    background-color: rgba(var(--cnvs-color-tumblr-rgb), 1) !important;
  }
  
  .bg-wordpress,
  .h-bg-wordpress:hover {
    background-color: rgba(var(--cnvs-color-wordpress-rgb), 1) !important;
  }
  
  .bg-yelp,
  .h-bg-yelp:hover {
    background-color: rgba(var(--cnvs-color-yelp-rgb), 1) !important;
  }
  
  .bg-microsoft,
  .h-bg-microsoft:hover {
    background-color: rgba(var(--cnvs-color-microsoft-rgb), 1) !important;
  }
  
  .bg-trello,
  .h-bg-trello:hover {
    background-color: rgba(var(--cnvs-color-trello-rgb), 1) !important;
  }
  
  .bg-scribd,
  .h-bg-scribd:hover {
    background-color: rgba(var(--cnvs-color-scribd-rgb), 1) !important;
  }
  
  .bg-stripe,
  .h-bg-stripe:hover {
    background-color: rgba(var(--cnvs-color-stripe-rgb), 1) !important;
  }
  
  .bg-print,
  .h-bg-print:hover {
    background-color: rgba(var(--cnvs-color-print-rgb), 1) !important;
  }
  
  .bg-btc,
  .h-bg-btc:hover {
    background-color: rgba(var(--cnvs-color-btc-rgb), 1) !important;
  }
  
  .bg-weibo,
  .h-bg-weibo:hover {
    background-color: rgba(var(--cnvs-color-weibo-rgb), 1) !important;
  }
  
  .bg-acrobat,
  .h-bg-acrobat:hover {
    background-color: rgba(var(--cnvs-color-acrobat-rgb), 1) !important;
  }
  
  .bg-drupal,
  .h-bg-drupal:hover {
    background-color: rgba(var(--cnvs-color-drupal-rgb), 1) !important;
  }
  
  .bg-buffer,
  .h-bg-buffer:hover {
    background-color: rgba(var(--cnvs-color-buffer-rgb), 1) !important;
  }
  
  .bg-pocket,
  .h-bg-pocket:hover {
    background-color: rgba(var(--cnvs-color-pocket-rgb), 1) !important;
  }
  
  .bg-bitbucket,
  .h-bg-bitbucket:hover {
    background-color: rgba(var(--cnvs-color-bitbucket-rgb), 1) !important;
  }
  
  .bg-stackoverflow,
  .h-bg-stackoverflow:hover {
    background-color: rgba(var(--cnvs-color-stackoverflow-rgb), 1) !important;
  }
  
  .bg-hackernews,
  .h-bg-hackernews:hover {
    background-color: rgba(var(--cnvs-color-hackernews-rgb), 1) !important;
  }
  
  .bg-xing,
  .h-bg-xing:hover {
    background-color: rgba(var(--cnvs-color-xing-rgb), 1) !important;
  }
  
  .bg-instagram,
  .h-bg-instagram:hover {
    background-color: rgba(var(--cnvs-color-instagram-rgb), 1) !important;
  }
  
  .bg-quora,
  .h-bg-quora:hover {
    background-color: rgba(var(--cnvs-color-quora-rgb), 1) !important;
  }
  
  .bg-openid,
  .h-bg-openid:hover {
    background-color: rgba(var(--cnvs-color-openid-rgb), 1) !important;
  }
  
  .bg-steam,
  .h-bg-steam:hover {
    background-color: rgba(var(--cnvs-color-steam-rgb), 1) !important;
  }
  
  .bg-amazon,
  .h-bg-amazon:hover {
    background-color: rgba(var(--cnvs-color-amazon-rgb), 1) !important;
  }
  
  .bg-line,
  .h-bg-line:hover {
    background-color: rgba(var(--cnvs-color-line-rgb), 1) !important;
  }
  
  .bg-kickstarter,
  .h-bg-kickstarter:hover {
    background-color: rgba(var(--cnvs-color-kickstarter-rgb), 1) !important;
  }
  
  .bg-appstore,
  .h-bg-appstore:hover {
    background-color: rgba(var(--cnvs-color-appstore-rgb), 1) !important;
  }
  
  .bg-pinterest,
  .h-bg-pinterest:hover {
    background-color: rgba(var(--cnvs-color-pinterest-rgb), 1) !important;
  }
  
  .bg-fivehundredpx,
  .h-bg-fivehundredpx:hover {
    background-color: rgba(var(--cnvs-color-fivehundredpx-rgb), 1) !important;
  }
  
  .bg-tiktok,
  .h-bg-tiktok:hover {
    background-color: rgba(var(--cnvs-color-tiktok-rgb), 1) !important;
  }
  
  .bg-airbnb,
  .h-bg-airbnb:hover {
    background-color: rgba(var(--cnvs-color-airbnb-rgb), 1) !important;
  }
  
  .bg-gpay,
  .h-bg-gpay:hover {
    background-color: rgba(var(--cnvs-color-gpay-rgb), 1) !important;
  }
  
  .bg-unsplash,
  .h-bg-unsplash:hover {
    background-color: rgba(var(--cnvs-color-unsplash-rgb), 1) !important;
  }
  
  .bg-snapchat,
  .h-bg-snapchat:hover {
    background-color: rgba(var(--cnvs-color-snapchat-rgb), 1) !important;
  }
  
  .bg-discord,
  .h-bg-discord:hover {
    background-color: rgba(var(--cnvs-color-discord-rgb), 1) !important;
  }
  
  .bg-twitch,
  .h-bg-twitch:hover {
    background-color: rgba(var(--cnvs-color-twitch-rgb), 1) !important;
  }
  
  .border-facebook,
  .h-border-facebook:hover {
    border-color: rgba(var(--cnvs-color-facebook-rgb), 1) !important;
  }
  
  .border-whatsapp,
  .h-border-whatsapp:hover {
    border-color: rgba(var(--cnvs-color-whatsapp-rgb), 1) !important;
  }
  
  .border-delicious,
  .h-border-delicious:hover {
    border-color: rgba(var(--cnvs-color-delicious-rgb), 1) !important;
  }
  
  .border-paypal,
  .h-border-paypal:hover {
    border-color: rgba(var(--cnvs-color-paypal-rgb), 1) !important;
  }
  
  .border-waze,
  .h-border-waze:hover {
    border-color: rgba(var(--cnvs-color-waze-rgb), 1) !important;
  }
  
  .border-android,
  .h-border-android:hover {
    border-color: rgba(var(--cnvs-color-android-rgb), 1) !important;
  }
  
  .border-googledrive,
  .h-border-googledrive:hover {
    border-color: rgba(var(--cnvs-color-googledrive-rgb), 1) !important;
  }
  
  .border-wikipedia,
  .h-border-wikipedia:hover {
    border-color: rgba(var(--cnvs-color-wikipedia-rgb), 1) !important;
  }
  
  .border-stumbleupon,
  .h-border-stumbleupon:hover {
    border-color: rgba(var(--cnvs-color-stumbleupon-rgb), 1) !important;
  }
  
  .border-foursquare,
  .h-border-foursquare:hover {
    border-color: rgba(var(--cnvs-color-foursquare-rgb), 1) !important;
  }
  
  .border-call,
  .h-border-call:hover {
    border-color: rgba(var(--cnvs-color-call-rgb), 1) !important;
  }
  
  .border-ninetyninedesigns,
  .h-border-ninetyninedesigns:hover {
    border-color: rgba(var(--cnvs-color-ninetyninedesigns-rgb), 1) !important;
  }
  
  .border-forrst,
  .h-border-forrst:hover {
    border-color: rgba(var(--cnvs-color-forrst-rgb), 1) !important;
  }
  
  .border-digg,
  .h-border-digg:hover {
    border-color: rgba(var(--cnvs-color-digg-rgb), 1) !important;
  }
  
  .border-spotify,
  .h-border-spotify:hover {
    border-color: rgba(var(--cnvs-color-spotify-rgb), 1) !important;
  }
  
  .border-reddit,
  .h-border-reddit:hover {
    border-color: rgba(var(--cnvs-color-reddit-rgb), 1) !important;
  }
  
  .border-blogger,
  .h-border-blogger:hover {
    border-color: rgba(var(--cnvs-color-blogger-rgb), 1) !important;
  }
  
  .border-cc,
  .h-border-cc:hover {
    border-color: rgba(var(--cnvs-color-cc-rgb), 1) !important;
  }
  
  .border-dribbble,
  .h-border-dribbble:hover {
    border-color: rgba(var(--cnvs-color-dribbble-rgb), 1) !important;
  }
  
  .border-evernote,
  .h-border-evernote:hover {
    border-color: rgba(var(--cnvs-color-evernote-rgb), 1) !important;
  }
  
  .border-flickr,
  .h-border-flickr:hover {
    border-color: rgba(var(--cnvs-color-flickr-rgb), 1) !important;
  }
  
  .border-google,
  .h-border-google:hover {
    border-color: rgba(var(--cnvs-color-google-rgb), 1) !important;
  }
  
  .border-salesforce,
  .h-border-salesforce:hover {
    border-color: rgba(var(--cnvs-color-salesforce-rgb), 1) !important;
  }
  
  .border-cloudflare,
  .h-border-cloudflare:hover {
    border-color: rgba(var(--cnvs-color-cloudflare-rgb), 1) !important;
  }
  
  .border-linkedin,
  .h-border-linkedin:hover {
    border-color: rgba(var(--cnvs-color-linkedin-rgb), 1) !important;
  }
  
  .border-vk,
  .h-border-vk:hover {
    border-color: rgba(var(--cnvs-color-vk-rgb), 1) !important;
  }
  
  .border-rss,
  .h-border-rss:hover {
    border-color: rgba(var(--cnvs-color-rss-rgb), 1) !important;
  }
  
  .border-skype,
  .h-border-skype:hover {
    border-color: rgba(var(--cnvs-color-skype-rgb), 1) !important;
  }
  
  .border-twitter,
  .h-border-twitter:hover {
    border-color: rgba(var(--cnvs-color-twitter-rgb), 1) !important;
  }
  
  .border-x-twitter,
  .h-border-x-twitter:hover {
    border-color: rgba(var(--cnvs-color-x-twitter-rgb), 1) !important;
  }
  
  .border-youtube,
  .h-border-youtube:hover {
    border-color: rgba(var(--cnvs-color-youtube-rgb), 1) !important;
  }
  
  .border-vimeo,
  .h-border-vimeo:hover {
    border-color: rgba(var(--cnvs-color-vimeo-rgb), 1) !important;
  }
  
  .border-slack,
  .h-border-slack:hover {
    border-color: rgba(var(--cnvs-color-slack-rgb), 1) !important;
  }
  
  .border-yahoo,
  .h-border-yahoo:hover {
    border-color: rgba(var(--cnvs-color-yahoo-rgb), 1) !important;
  }
  
  .border-email3,
  .h-border-email3:hover {
    border-color: rgba(var(--cnvs-color-email3-rgb), 1) !important;
  }
  
  .border-macstore,
  .h-border-macstore:hover {
    border-color: rgba(var(--cnvs-color-macstore-rgb), 1) !important;
  }
  
  .border-figma,
  .h-border-figma:hover {
    border-color: rgba(var(--cnvs-color-figma-rgb), 1) !important;
  }
  
  .border-podcast,
  .h-border-podcast:hover {
    border-color: rgba(var(--cnvs-color-podcast-rgb), 1) !important;
  }
  
  .border-meetup,
  .h-border-meetup:hover {
    border-color: rgba(var(--cnvs-color-meetup-rgb), 1) !important;
  }
  
  .border-dropbox,
  .h-border-dropbox:hover {
    border-color: rgba(var(--cnvs-color-dropbox-rgb), 1) !important;
  }
  
  .border-ebay,
  .h-border-ebay:hover {
    border-color: rgba(var(--cnvs-color-ebay-rgb), 1) !important;
  }
  
  .border-github,
  .h-border-github:hover {
    border-color: rgba(var(--cnvs-color-github-rgb), 1) !important;
  }
  
  .border-googleplay,
  .h-border-googleplay:hover {
    border-color: rgba(var(--cnvs-color-googleplay-rgb), 1) !important;
  }
  
  .border-itunes,
  .h-border-itunes:hover {
    border-color: rgba(var(--cnvs-color-itunes-rgb), 1) !important;
  }
  
  .border-periscope,
  .h-border-periscope:hover {
    border-color: rgba(var(--cnvs-color-periscope-rgb), 1) !important;
  }
  
  .border-meta,
  .h-border-meta:hover {
    border-color: rgba(var(--cnvs-color-meta-rgb), 1) !important;
  }
  
  .border-soundcloud,
  .h-border-soundcloud:hover {
    border-color: rgba(var(--cnvs-color-soundcloud-rgb), 1) !important;
  }
  
  .border-tumblr,
  .h-border-tumblr:hover {
    border-color: rgba(var(--cnvs-color-tumblr-rgb), 1) !important;
  }
  
  .border-wordpress,
  .h-border-wordpress:hover {
    border-color: rgba(var(--cnvs-color-wordpress-rgb), 1) !important;
  }
  
  .border-yelp,
  .h-border-yelp:hover {
    border-color: rgba(var(--cnvs-color-yelp-rgb), 1) !important;
  }
  
  .border-microsoft,
  .h-border-microsoft:hover {
    border-color: rgba(var(--cnvs-color-microsoft-rgb), 1) !important;
  }
  
  .border-trello,
  .h-border-trello:hover {
    border-color: rgba(var(--cnvs-color-trello-rgb), 1) !important;
  }
  
  .border-scribd,
  .h-border-scribd:hover {
    border-color: rgba(var(--cnvs-color-scribd-rgb), 1) !important;
  }
  
  .border-stripe,
  .h-border-stripe:hover {
    border-color: rgba(var(--cnvs-color-stripe-rgb), 1) !important;
  }
  
  .border-print,
  .h-border-print:hover {
    border-color: rgba(var(--cnvs-color-print-rgb), 1) !important;
  }
  
  .border-btc,
  .h-border-btc:hover {
    border-color: rgba(var(--cnvs-color-btc-rgb), 1) !important;
  }
  
  .border-weibo,
  .h-border-weibo:hover {
    border-color: rgba(var(--cnvs-color-weibo-rgb), 1) !important;
  }
  
  .border-acrobat,
  .h-border-acrobat:hover {
    border-color: rgba(var(--cnvs-color-acrobat-rgb), 1) !important;
  }
  
  .border-drupal,
  .h-border-drupal:hover {
    border-color: rgba(var(--cnvs-color-drupal-rgb), 1) !important;
  }
  
  .border-buffer,
  .h-border-buffer:hover {
    border-color: rgba(var(--cnvs-color-buffer-rgb), 1) !important;
  }
  
  .border-pocket,
  .h-border-pocket:hover {
    border-color: rgba(var(--cnvs-color-pocket-rgb), 1) !important;
  }
  
  .border-bitbucket,
  .h-border-bitbucket:hover {
    border-color: rgba(var(--cnvs-color-bitbucket-rgb), 1) !important;
  }
  
  .border-stackoverflow,
  .h-border-stackoverflow:hover {
    border-color: rgba(var(--cnvs-color-stackoverflow-rgb), 1) !important;
  }
  
  .border-hackernews,
  .h-border-hackernews:hover {
    border-color: rgba(var(--cnvs-color-hackernews-rgb), 1) !important;
  }
  
  .border-xing,
  .h-border-xing:hover {
    border-color: rgba(var(--cnvs-color-xing-rgb), 1) !important;
  }
  
  .border-instagram,
  .h-border-instagram:hover {
    border-color: rgba(var(--cnvs-color-instagram-rgb), 1) !important;
  }
  
  .border-quora,
  .h-border-quora:hover {
    border-color: rgba(var(--cnvs-color-quora-rgb), 1) !important;
  }
  
  .border-openid,
  .h-border-openid:hover {
    border-color: rgba(var(--cnvs-color-openid-rgb), 1) !important;
  }
  
  .border-steam,
  .h-border-steam:hover {
    border-color: rgba(var(--cnvs-color-steam-rgb), 1) !important;
  }
  
  .border-amazon,
  .h-border-amazon:hover {
    border-color: rgba(var(--cnvs-color-amazon-rgb), 1) !important;
  }
  
  .border-line,
  .h-border-line:hover {
    border-color: rgba(var(--cnvs-color-line-rgb), 1) !important;
  }
  
  .border-kickstarter,
  .h-border-kickstarter:hover {
    border-color: rgba(var(--cnvs-color-kickstarter-rgb), 1) !important;
  }
  
  .border-appstore,
  .h-border-appstore:hover {
    border-color: rgba(var(--cnvs-color-appstore-rgb), 1) !important;
  }
  
  .border-pinterest,
  .h-border-pinterest:hover {
    border-color: rgba(var(--cnvs-color-pinterest-rgb), 1) !important;
  }
  
  .border-fivehundredpx,
  .h-border-fivehundredpx:hover {
    border-color: rgba(var(--cnvs-color-fivehundredpx-rgb), 1) !important;
  }
  
  .border-tiktok,
  .h-border-tiktok:hover {
    border-color: rgba(var(--cnvs-color-tiktok-rgb), 1) !important;
  }
  
  .border-airbnb,
  .h-border-airbnb:hover {
    border-color: rgba(var(--cnvs-color-airbnb-rgb), 1) !important;
  }
  
  .border-gpay,
  .h-border-gpay:hover {
    border-color: rgba(var(--cnvs-color-gpay-rgb), 1) !important;
  }
  
  .border-unsplash,
  .h-border-unsplash:hover {
    border-color: rgba(var(--cnvs-color-unsplash-rgb), 1) !important;
  }
  
  .border-snapchat,
  .h-border-snapchat:hover {
    border-color: rgba(var(--cnvs-color-snapchat-rgb), 1) !important;
  }
  
  .border-discord,
  .h-border-discord:hover {
    border-color: rgba(var(--cnvs-color-discord-rgb), 1) !important;
  }
  
  .border-twitch,
  .h-border-twitch:hover {
    border-color: rgba(var(--cnvs-color-twitch-rgb), 1) !important;
  }
  
  .color-facebook,
  .h-color-facebook:hover {
    color: rgba(var(--cnvs-color-facebook-rgb), 1) !important;
  }
  
  .color-whatsapp,
  .h-color-whatsapp:hover {
    color: rgba(var(--cnvs-color-whatsapp-rgb), 1) !important;
  }
  
  .color-delicious,
  .h-color-delicious:hover {
    color: rgba(var(--cnvs-color-delicious-rgb), 1) !important;
  }
  
  .color-paypal,
  .h-color-paypal:hover {
    color: rgba(var(--cnvs-color-paypal-rgb), 1) !important;
  }
  
  .color-waze,
  .h-color-waze:hover {
    color: rgba(var(--cnvs-color-waze-rgb), 1) !important;
  }
  
  .color-android,
  .h-color-android:hover {
    color: rgba(var(--cnvs-color-android-rgb), 1) !important;
  }
  
  .color-googledrive,
  .h-color-googledrive:hover {
    color: rgba(var(--cnvs-color-googledrive-rgb), 1) !important;
  }
  
  .color-wikipedia,
  .h-color-wikipedia:hover {
    color: rgba(var(--cnvs-color-wikipedia-rgb), 1) !important;
  }
  
  .color-stumbleupon,
  .h-color-stumbleupon:hover {
    color: rgba(var(--cnvs-color-stumbleupon-rgb), 1) !important;
  }
  
  .color-foursquare,
  .h-color-foursquare:hover {
    color: rgba(var(--cnvs-color-foursquare-rgb), 1) !important;
  }
  
  .color-call,
  .h-color-call:hover {
    color: rgba(var(--cnvs-color-call-rgb), 1) !important;
  }
  
  .color-ninetyninedesigns,
  .h-color-ninetyninedesigns:hover {
    color: rgba(var(--cnvs-color-ninetyninedesigns-rgb), 1) !important;
  }
  
  .color-forrst,
  .h-color-forrst:hover {
    color: rgba(var(--cnvs-color-forrst-rgb), 1) !important;
  }
  
  .color-digg,
  .h-color-digg:hover {
    color: rgba(var(--cnvs-color-digg-rgb), 1) !important;
  }
  
  .color-spotify,
  .h-color-spotify:hover {
    color: rgba(var(--cnvs-color-spotify-rgb), 1) !important;
  }
  
  .color-reddit,
  .h-color-reddit:hover {
    color: rgba(var(--cnvs-color-reddit-rgb), 1) !important;
  }
  
  .color-blogger,
  .h-color-blogger:hover {
    color: rgba(var(--cnvs-color-blogger-rgb), 1) !important;
  }
  
  .color-cc,
  .h-color-cc:hover {
    color: rgba(var(--cnvs-color-cc-rgb), 1) !important;
  }
  
  .color-dribbble,
  .h-color-dribbble:hover {
    color: rgba(var(--cnvs-color-dribbble-rgb), 1) !important;
  }
  
  .color-evernote,
  .h-color-evernote:hover {
    color: rgba(var(--cnvs-color-evernote-rgb), 1) !important;
  }
  
  .color-flickr,
  .h-color-flickr:hover {
    color: rgba(var(--cnvs-color-flickr-rgb), 1) !important;
  }
  
  .color-google,
  .h-color-google:hover {
    color: rgba(var(--cnvs-color-google-rgb), 1) !important;
  }
  
  .color-salesforce,
  .h-color-salesforce:hover {
    color: rgba(var(--cnvs-color-salesforce-rgb), 1) !important;
  }
  
  .color-cloudflare,
  .h-color-cloudflare:hover {
    color: rgba(var(--cnvs-color-cloudflare-rgb), 1) !important;
  }
  
  .color-linkedin,
  .h-color-linkedin:hover {
    color: rgba(var(--cnvs-color-linkedin-rgb), 1) !important;
  }
  
  .color-vk,
  .h-color-vk:hover {
    color: rgba(var(--cnvs-color-vk-rgb), 1) !important;
  }
  
  .color-rss,
  .h-color-rss:hover {
    color: rgba(var(--cnvs-color-rss-rgb), 1) !important;
  }
  
  .color-skype,
  .h-color-skype:hover {
    color: rgba(var(--cnvs-color-skype-rgb), 1) !important;
  }
  
  .color-twitter,
  .h-color-twitter:hover {
    color: rgba(var(--cnvs-color-twitter-rgb), 1) !important;
  }
  
  .color-x-twitter,
  .h-color-x-twitter:hover {
    color: rgba(var(--cnvs-color-x-twitter-rgb), 1) !important;
  }
  
  .color-youtube,
  .h-color-youtube:hover {
    color: rgba(var(--cnvs-color-youtube-rgb), 1) !important;
  }
  
  .color-vimeo,
  .h-color-vimeo:hover {
    color: rgba(var(--cnvs-color-vimeo-rgb), 1) !important;
  }
  
  .color-slack,
  .h-color-slack:hover {
    color: rgba(var(--cnvs-color-slack-rgb), 1) !important;
  }
  
  .color-yahoo,
  .h-color-yahoo:hover {
    color: rgba(var(--cnvs-color-yahoo-rgb), 1) !important;
  }
  
  .color-email3,
  .h-color-email3:hover {
    color: rgba(var(--cnvs-color-email3-rgb), 1) !important;
  }
  
  .color-macstore,
  .h-color-macstore:hover {
    color: rgba(var(--cnvs-color-macstore-rgb), 1) !important;
  }
  
  .color-figma,
  .h-color-figma:hover {
    color: rgba(var(--cnvs-color-figma-rgb), 1) !important;
  }
  
  .color-podcast,
  .h-color-podcast:hover {
    color: rgba(var(--cnvs-color-podcast-rgb), 1) !important;
  }
  
  .color-meetup,
  .h-color-meetup:hover {
    color: rgba(var(--cnvs-color-meetup-rgb), 1) !important;
  }
  
  .color-dropbox,
  .h-color-dropbox:hover {
    color: rgba(var(--cnvs-color-dropbox-rgb), 1) !important;
  }
  
  .color-ebay,
  .h-color-ebay:hover {
    color: rgba(var(--cnvs-color-ebay-rgb), 1) !important;
  }
  
  .color-github,
  .h-color-github:hover {
    color: rgba(var(--cnvs-color-github-rgb), 1) !important;
  }
  
  .color-googleplay,
  .h-color-googleplay:hover {
    color: rgba(var(--cnvs-color-googleplay-rgb), 1) !important;
  }
  
  .color-itunes,
  .h-color-itunes:hover {
    color: rgba(var(--cnvs-color-itunes-rgb), 1) !important;
  }
  
  .color-periscope,
  .h-color-periscope:hover {
    color: rgba(var(--cnvs-color-periscope-rgb), 1) !important;
  }
  
  .color-meta,
  .h-color-meta:hover {
    color: rgba(var(--cnvs-color-meta-rgb), 1) !important;
  }
  
  .color-soundcloud,
  .h-color-soundcloud:hover {
    color: rgba(var(--cnvs-color-soundcloud-rgb), 1) !important;
  }
  
  .color-tumblr,
  .h-color-tumblr:hover {
    color: rgba(var(--cnvs-color-tumblr-rgb), 1) !important;
  }
  
  .color-wordpress,
  .h-color-wordpress:hover {
    color: rgba(var(--cnvs-color-wordpress-rgb), 1) !important;
  }
  
  .color-yelp,
  .h-color-yelp:hover {
    color: rgba(var(--cnvs-color-yelp-rgb), 1) !important;
  }
  
  .color-microsoft,
  .h-color-microsoft:hover {
    color: rgba(var(--cnvs-color-microsoft-rgb), 1) !important;
  }
  
  .color-trello,
  .h-color-trello:hover {
    color: rgba(var(--cnvs-color-trello-rgb), 1) !important;
  }
  
  .color-scribd,
  .h-color-scribd:hover {
    color: rgba(var(--cnvs-color-scribd-rgb), 1) !important;
  }
  
  .color-stripe,
  .h-color-stripe:hover {
    color: rgba(var(--cnvs-color-stripe-rgb), 1) !important;
  }
  
  .color-print,
  .h-color-print:hover {
    color: rgba(var(--cnvs-color-print-rgb), 1) !important;
  }
  
  .color-btc,
  .h-color-btc:hover {
    color: rgba(var(--cnvs-color-btc-rgb), 1) !important;
  }
  
  .color-weibo,
  .h-color-weibo:hover {
    color: rgba(var(--cnvs-color-weibo-rgb), 1) !important;
  }
  
  .color-acrobat,
  .h-color-acrobat:hover {
    color: rgba(var(--cnvs-color-acrobat-rgb), 1) !important;
  }
  
  .color-drupal,
  .h-color-drupal:hover {
    color: rgba(var(--cnvs-color-drupal-rgb), 1) !important;
  }
  
  .color-buffer,
  .h-color-buffer:hover {
    color: rgba(var(--cnvs-color-buffer-rgb), 1) !important;
  }
  
  .color-pocket,
  .h-color-pocket:hover {
    color: rgba(var(--cnvs-color-pocket-rgb), 1) !important;
  }
  
  .color-bitbucket,
  .h-color-bitbucket:hover {
    color: rgba(var(--cnvs-color-bitbucket-rgb), 1) !important;
  }
  
  .color-stackoverflow,
  .h-color-stackoverflow:hover {
    color: rgba(var(--cnvs-color-stackoverflow-rgb), 1) !important;
  }
  
  .color-hackernews,
  .h-color-hackernews:hover {
    color: rgba(var(--cnvs-color-hackernews-rgb), 1) !important;
  }
  
  .color-xing,
  .h-color-xing:hover {
    color: rgba(var(--cnvs-color-xing-rgb), 1) !important;
  }
  
  .color-instagram,
  .h-color-instagram:hover {
    color: rgba(var(--cnvs-color-instagram-rgb), 1) !important;
  }
  
  .color-quora,
  .h-color-quora:hover {
    color: rgba(var(--cnvs-color-quora-rgb), 1) !important;
  }
  
  .color-openid,
  .h-color-openid:hover {
    color: rgba(var(--cnvs-color-openid-rgb), 1) !important;
  }
  
  .color-steam,
  .h-color-steam:hover {
    color: rgba(var(--cnvs-color-steam-rgb), 1) !important;
  }
  
  .color-amazon,
  .h-color-amazon:hover {
    color: rgba(var(--cnvs-color-amazon-rgb), 1) !important;
  }
  
  .color-line,
  .h-color-line:hover {
    color: rgba(var(--cnvs-color-line-rgb), 1) !important;
  }
  
  .color-kickstarter,
  .h-color-kickstarter:hover {
    color: rgba(var(--cnvs-color-kickstarter-rgb), 1) !important;
  }
  
  .color-appstore,
  .h-color-appstore:hover {
    color: rgba(var(--cnvs-color-appstore-rgb), 1) !important;
  }
  
  .color-pinterest,
  .h-color-pinterest:hover {
    color: rgba(var(--cnvs-color-pinterest-rgb), 1) !important;
  }
  
  .color-fivehundredpx,
  .h-color-fivehundredpx:hover {
    color: rgba(var(--cnvs-color-fivehundredpx-rgb), 1) !important;
  }
  
  .color-tiktok,
  .h-color-tiktok:hover {
    color: rgba(var(--cnvs-color-tiktok-rgb), 1) !important;
  }
  
  .color-airbnb,
  .h-color-airbnb:hover {
    color: rgba(var(--cnvs-color-airbnb-rgb), 1) !important;
  }
  
  .color-gpay,
  .h-color-gpay:hover {
    color: rgba(var(--cnvs-color-gpay-rgb), 1) !important;
  }
  
  .color-unsplash,
  .h-color-unsplash:hover {
    color: rgba(var(--cnvs-color-unsplash-rgb), 1) !important;
  }
  
  .color-snapchat,
  .h-color-snapchat:hover {
    color: rgba(var(--cnvs-color-snapchat-rgb), 1) !important;
  }
  
  .color-discord,
  .h-color-discord:hover {
    color: rgba(var(--cnvs-color-discord-rgb), 1) !important;
  }
  
  .color-twitch,
  .h-color-twitch:hover {
    color: rgba(var(--cnvs-color-twitch-rgb), 1) !important;
  }