/*****************************
colors framework
*****************************/

/*** variables ***/
:root {
    --blue: #0000ff;
    --red: #ff0000;
    --green: #008000;
    --orange: #ffa500;
    --lime: #00ff00;
    --black: #000000;
    --white: #ffffff;
    --grey: #808080;
    --gray: #808080;
    --silver: #c0c0c0;
    --yellow: #ffff00;
    --maroon: #800000;
    --purple: #8a2be2;
    --pink: #ff1493;
    --olive: #808000;
    --navy: #000080;
    --aqua: #00ffff;
    --brown: #a52a2a;
    --chocolate: #7b3f00;
    --gold: #ffd700;
    --neongreen: #39ff14;
    --turquoise: #40e0d0;
    --skyblue: #00bfff;
    --lavender: #e6e6fa;
    --violet: #bb3385;
    --rosa: #ffbcd9;
    --lightgrey: #d3d3d3;
    --lightgray: #d3d3d3;
    --beige: #f5f5dc;
    --salmon: #e9967a;
    --darkviolet: #420420;
    --pastelgreen: #5ac18e;
    --softgreen: #dcedc1;
    --darksalmon: #ff7373;
    --bluegrey: #c6e2ff;
    --bluegray: #c6e2ff;
    --aquamarine: #7fffd4;
    --lightbrown: #cd853f;
    --darkgreen: #254117;
    --sun: #ffe87c;
    --winered: #990012;
    --apricot: #fbceb1;
    --facebook: #3b5998;
    --twitter: #1da1f2;
    --whatsapp: #4ac959;
    --instablue: #405de6;
    --instadarkpurple: #5851db;
    --instapurple: #833ab4;
    --instagram: #c13584;
    --instapink: #e1306c;
    --instared: #fd1d1d;
    --instadarkorang: #f56040;
    --instaorange: #f77737;
    --instayellow: #fcaf45;
    --instalightyellow: #ffdc80;
    --linkedin: #2867b2;
    --youtube: #FF0000;
    --telegram: #0088cc;
    --wechat: #7bb32e;
    --skype: #00aff0;
    --dings-blue: #1d84df;
    --dings-darkblue: #00008b;
    --dings-green: #02dc4f;
    --dings-red: #dc2430;
    --dings-darkred: #670209;
}



/*** text styles ***/
.text-lime { color: #00ff00; }
.text-red { color: #ff0000; }
.text-black { color: #000000; }
.text-white { color: #ffffff; }
.text-grey { color: #808080; }
.text-gray { color: #808080; }
.text-silver { color: #c0c0c0; }
.text-yellow { color: #ffff00; }
.text-maroon { color: #800000; }
.text-purple { color: #8a2be2; }
.text-pink { color: #ff1493; }
.text-green { color: #008000; }
.text-olive { color: #808000; }
.text-navy { color: #000080; }
.text-aqua { color: #00ffff; }
.text-blue { color: #0000ff; }
.text-orange { color: #ffa500; }
.text-brown { color: #a52a2a; }
.text-chocolate { color: #7b3f00; }
.text-gold { color: #ffd700; }
.text-neongreen { color: #39ff14; }
.text-turquoise { color: #40e0d0; }
.text-skyblue { color: #00bfff; }
.text-lavender { color: #e6e6fa; }
.text-violet { color: #bb3385; }
.text-rosa { color: #ffbcd9; }
.text-lightgrey { color: #d3d3d3; }
.text-lightgray { color: #d3d3d3; }
.text-beige { color: #f5f5dc; }
.text-salmon { color: #e9967a; }
.text-darkviolet { color: #420420; }
.text-pastelgreen { color: #5ac18e; }
.text-softgreen { color: #dcedc1; }
.text-darksalmon { color: #ff7373; }
.text-bluegrey { color: #c6e2ff; }
.text-bluegray { color: #c6e2ff; }
.text-aquamarine { color: #7fffd4; }
.text-lightbrown { color: #cd853f; }
.text-darkgreen { color: #254117; }
.text-sun { color: #ffe87c; }
.text-winered { color: #990012; }
.text-apricot { color: #fbceb1; }
.text-facebook { color: #3b5998; }
.text-twitter { color: #1da1f2; }
.text-whatsapp { color: #4ac959; }
.text-instablue { color: #405de6; }
.text-instadarkpurple { color: #5851db; }
.text-instapurple { color: #833ab4; }
.text-instagram { color: #c13584; }
.text-instapink { color: #e1306c }
.text-instared { color: #fd1d1d; }
.text-instadarkorange{ color: #f56040; }
.text-instaorange { color: #f77737; }
.text-instayellow { color: #fcaf45; }
.text-instalightyellow { color: #ffdc80; }
.text-linkedin { color: #2867b2; }
.text-youtube { color: #FF0000; }
.text-telegram { color: #0088cc; }
.text-wechat { color: #7bb32e; }
.text-skype { color: #00aff0; }
.text-dings-blue { color: #1d84df; }
.text-dings-darkblue { color: #00008b; }
.text-dings-green { color: #02dc4f; }
.text-dings-red { color: #dc2430; }
.text-dings-darkred { color: #670209; }

/*** text hover styles ***/
.text-lime.text-hover:hover { color: #05e905; }
.text-red.text-hover:hover { color: #f20606; }
.text-black.text-hover:hover { color: #2e2d2d; }
.text-white.text-hover:hover { color: #f8f6f6; }
.text-grey.text-hover:hover { color: #7b7b7b; }
.text-gray.text-hover:hover { color: #7b7b7b; }
.text-silver.text-hover:hover { color: #aaa6a6; }
.text-yellow.text-hover:hover { color: #ffff50; }
.text-maroon.text-hover:hover { color: #620202; }
.text-purple.text-hover:hover { color: #7022b8; }
.text-pink.text-hover:hover { color: #f2178d; }
.text-green.text-hover:hover { color: #036803; }
.text-olive.text-hover:hover { color: #707001; }
.text-navy.text-hover:hover { color: #000059; }
.text-aqua.text-hover:hover { color: #00e7e7; }
.text-blue.text-hover:hover { color: #0202b4; }
.text-orange.text-hover:hover { color: #f69f00; }
.text-brown.text-hover:hover { color: #902c2c; }
.text-chocolate.text-hover:hover { color: #663401; }
.text-gold.text-hover:hover { color: #f0ca00; }
.text-neongreen.text-hover:hover { color: #38e517; }
.text-turquoise.text-hover:hover { color: #59cec2; }
.text-skyblue.text-hover:hover { color: #0dace1; }
.text-lavender.text-hover:hover { color: #d4d4f4; }
.text-violet.text-hover:hover { color: #9d2f71; }
.text-rosa.text-hover:hover { color: #ebabc7; }
.text-lightgrey.text-hover:hover { color: #c3c1c1; }
.text-lightgray.text-hover:hover { color: #c3c1c1; }
.text-beige.text-hover:hover { color: #e9e9c8; }
.text-salmon.text-hover:hover { color: #da886b; }
.text-darkviolet.text-hover:hover { color: #6e0635; }
.text-pastelgreen.text-hover:hover { color: #42b67c; }
.text-softgreen.text-hover:hover { color: #c6d6ab; }
.text-darksalmon.text-hover:hover { color: #f17373; }
.text-bluegrey.text-hover:hover { color: #b4d1f0; }
.text-bluegray.text-hover:hover { color: #b4d1f0; }
.text-aquamarine.text-hover:hover { color: #76f0c7; }
.text-lightbrown.text-hover:hover { color: #bc7b3b; }
.text-darkgreen.text-hover:hover { color: #19300e; }
.text-sun.text-hover:hover { color: #ffe364; }
.text-winered.text-hover:hover { color: #830312; }
.text-apricot.text-hover:hover { color: #fabd95; }
.text-facebook.text-hover:hover { color: #2c4881; }
.text-twitter.text-hover:hover { color: #3094d1; }
.text-whatsapp.text-hover:hover { color: #42bc51; }
.text-instablue.text-hover:hover { color: #324fd8; }
.text-instadarkpurple.text-hover:hover { color: #4f49c9; }
.text-instapurple.text-hover:hover { color: #7223a7; }
.text-instagram.text-hover:hover { color: #ab2973; }
.text-instapink.text-hover:hover { color: #c31d55; }
.text-instared.text-hover:hover { color: #de0202; }
.text-instadarkorange.text-hover:hover{ color: #e95231; }
.text-instaorange.text-hover:hover { color: #ff671c; }
.text-instayellow.text-hover:hover { color: #fca731; }
.text-instalightyellow.text-hover:hover { color: #ffd360; }
.text-linkedin.text-hover:hover { color: #18569e; }
.text-youtube.text-hover:hover { color: #f20606; }
.text-telegram.text-hover:hover { color: #0878af; }
.text-wechat.text-hover:hover { color: #70a723; }
.text-skype.text-hover:hover { color: #069dd6; }
.text-dings-blue.text-hover:hover { color: #1d84df; }
.text-dings-darkblue.text-hover:hover { color: #00008b; }
.text-dings-green.text-hover:hover { color: #02dc4f; }
.text-dings-red.text-hover:hover { color: #dc2430; }
.text-dings-darkred.text-hover:hover { color:#670209; }



/*** button styles ***/
.btn-lime { background-color: #00ff00; color: #000000; }
.btn-red { background-color: #ff0000; color: #ffffff; }
.btn-black { background-color: #000000; color: #ffffff; }
.btn-white { background-color: #ffffff; color: #000000; }
.btn-grey { background-color: #808080; color: #ffffff; }
.btn-gray { background-color: #808080; color: #ffffff; }
.btn-silver { background-color: #c0c0c0; color: #000000; }
.btn-yellow { background-color: #ffff00; color: #000000; }
.btn-maroon { background-color: #800000; color: #ffffff; }
.btn-purple { background-color: #8a2be2; color: #ffffff; }
.btn-pink { background-color: #ff1493; color: #ffffff; }
.btn-green { background-color: #008000; color: #ffffff; }
.btn-olive { background-color: #808000; color: #ffffff; }
.btn-navy { background-color: #000080; color: #ffffff; }
.btn-aqua { background-color: #00ffff; color: #000000; }
.btn-blue { background-color: #0000ff; color: #ffffff; }
.btn-orange { background-color: #ffa500; color: #ffffff; }
.btn-brown { background-color: #a52a2a; color: #ffffff; }
.btn-chocolate { background-color: #7b3f00; color: #ffffff; }
.btn-gold { background-color: #ffd700; color: #000000; }
.btn-neongreen { background-color: #39ff14; color: #000000; }
.btn-turquoise { background-color: #40e0d0; color: #000000; }
.btn-skyblue { background-color: #00bfff; color: #000000; }
.btn-lavender { background-color: #e6e6fa; color: #000000; }
.btn-violet { background-color: #bb3385; color: #ffffff; }
.btn-rosa { background-color: #ffbcd9; color: #000000; }
.btn-lightgrey { background-color: #d3d3d3; color: #000000; }
.btn-lightgray { background-color: #d3d3d3; color: #000000; }
.btn-beige { background-color: #f5f5dc; color: #000000; }
.btn-salmon { background-color: #e9967a; color: #ffffff; }
.btn-darkviolet { background-color: #420420; color: #ffffff; }
.btn-pastelgreen { background-color: #5ac18e; color: #000000; }
.btn-softgreen { background-color: #dcedc1; color: #000000; }
.btn-darksalmon { background-color: #ff7373; color: #ffffff; }
.btn-bluegrey { background-color: #c6e2ff; color: #000000; }
.btn-bluegray { background-color: #c6e2ff; color: #000000; }
.btn-aquamarine { background-color: #7fffd4; color: #000000; }
.btn-lightbrown { background-color: #cd853f; color: #ffffff; }
.btn-darkgreen { background-color: #254117; color: #ffffff; }
.btn-sun { background-color: #ffe87c; color: #000000; }
.btn-winered { background-color: #990012; color: #ffffff; }
.btn-apricot { background-color: #fbceb1; color: #000000; }
.btn-facebook { background-color: #3b5998; color: #ffffff; }
.btn-twitter { background-color: #1da1f2; color: #ffffff; }
.btn-whatsapp { background-color: #4ac959; color: #ffffff; }
.btn-instablue { background-color: #405de6; color: #ffffff; }
.btn-instadarkpurple { background-color: #5851db; color: #ffffff; }
.btn-instapurple { background-color: #833ab4; color: #ffffff; }
.btn-instagram { background-color: #c13584; color: #ffffff; }
.btn-instapink { background-color: #e1306c; color: #ffffff; }
.btn-instared { background-color: #fd1d1d; color: #ffffff; }
.btn-instadarkorange{ background-color: #f56040; color: #ffffff; }
.btn-instaorange { background-color: #f77737; color: #ffffff; }
.btn-instayellow { background-color: #fcaf45; color: #000000; }
.btn-instalightyellow { background-color: #ffdc80; color: #000000; }
.btn-linkedin { background-color: #2867b2; color: #ffffff; }
.btn-youtube { background-color: #FF0000; color: #ffffff; }
.btn-telegram { background-color: #0088cc; color: #ffffff; }
.btn-wechat { background-color: #7bb32e; color: #ffffff; }
.btn-skype { background-color: #00aff0; color: #ffffff; }
.btn-dings-blue { background-color: #1d84df; color: #ffffff; }
.btn-dings-darkblue { background-color: #00008b; color: #ffffff; }
.btn-dings-green { background-color: #02dc4f; color: #000000; }
.btn-dings-red { background-color: #dc2430; color: #ffffff; }
.btn-dings-darkred { background-color: #670209; color: #ffffff; }
.btn-transparent { background-color: transparent }

/*** button hover styles ***/
.btn-lime.btn-hover:hover { background-color: #05e905; color: #000000; }
.btn-red.btn-hover:hover { background-color: #f20606; color: #ffffff; }
.btn-black.btn-hover:hover { background-color: #2e2d2d; color: #ffffff; }
.btn-white.btn-hover:hover { background-color: #f8f6f6; color: #000000; }
.btn-grey.btn-hover:hover { background-color: #7b7b7b; color: #ffffff; }
.btn-gray.btn-hover:hover { background-color: #7b7b7b; color: #ffffff; }
.btn-silver.btn-hover:hover { background-color: #aaa6a6; color: #000000; }
.btn-yellow.btn-hover:hover { background-color: #ffff50; color: #000000; }
.btn-maroon.btn-hover:hover { background-color: #620202; color: #ffffff; }
.btn-purple.btn-hover:hover { background-color: #7022b8; color: #ffffff; }
.btn-pink.btn-hover:hover { background-color: #f2178d; color: #ffffff; }
.btn-green.btn-hover:hover { background-color: #036803; color: #ffffff; }
.btn-olive.btn-hover:hover { background-color: #707001; color: #ffffff; }
.btn-navy.btn-hover:hover { background-color: #000059; color: #ffffff; }
.btn-aqua.btn-hover:hover { background-color: #00e7e7; color: #000000; }
.btn-blue.btn-hover:hover { background-color: #0202b4; color: #ffffff; }
.btn-orange.btn-hover:hover { background-color: #f69f00; color: #ffffff; }
.btn-brown.btn-hover:hover { background-color: #902c2c; color: #ffffff; }
.btn-chocolate.btn-hover:hover { background-color: #663401; color: #ffffff; }
.btn-gold.btn-hover:hover { background-color: #f0ca00; color: #000000; }
.btn-neongreen.btn-hover:hover { background-color: #38e517; color: #000000; }
.btn-turquoise.btn-hover:hover { background-color: #59cec2; color: #000000; }
.btn-skyblue.btn-hover:hover { background-color: #0dace1; color: #000000; }
.btn-lavender.btn-hover:hover { background-color: #d4d4f4; color: #000000; }
.btn-violet.btn-hover:hover { background-color: #9d2f71; color: #ffffff; }
.btn-rosa.btn-hover:hover { background-color: #ebabc7; color: #000000; }
.btn-lightgrey.btn-hover:hover { background-color: #c3c1c1; color: #000000; }
.btn-lightgray.btn-hover:hover { background-color: #c3c1c1; color: #000000; }
.btn-beige.btn-hover:hover { background-color: #e9e9c8; color: #000000; }
.btn-salmon.btn-hover:hover { background-color: #da886b; color: #ffffff; }
.btn-darkviolet.btn-hover:hover { background-color: #6e0635; color: #ffffff; }
.btn-pastelgreen.btn-hover:hover { background-color: #42b67c; color: #000000; }
.btn-softgreen.btn-hover:hover { background-color: #c6d6ab; color: #000000; }
.btn-darksalmon.btn-hover:hover { background-color: #f17373; color: #ffffff; }
.btn-bluegrey.btn-hover:hover { background-color: #b4d1f0; color: #000000; }
.btn-bluegray.btn-hover:hover { background-color: #b4d1f0; color: #000000; }
.btn-aquamarine.btn-hover:hover { background-color: #76f0c7; color: #000000; }
.btn-lightbrown.btn-hover:hover { background-color: #bc7b3b; color: #ffffff; }
.btn-darkgreen.btn-hover:hover { background-color: #19300e; color: #ffffff; }
.btn-sun.btn-hover:hover { background-color: #ffe364; color: #000000; }
.btn-winered.btn-hover:hover { background-color: #830312; color: #ffffff; }
.btn-apricot.btn-hover:hover { background-color: #fabd95; color: #000000; }
.btn-facebook.btn-hover:hover { background-color: #2c4881; color: #ffffff; }
.btn-twitter.btn-hover:hover { background-color: #3094d1; color: #ffffff; }
.btn-whatsapp.btn-hover:hover { background-color: #42bc51; color: #ffffff; }
.btn-instablue.btn-hover:hover { background-color: #324fd8; color: #ffffff; }
.btn-instadarkpurple.btn-hover:hover { background-color: #4f49c9; color: #ffffff; }
.btn-instapurple.btn-hover:hover { background-color: #7223a7; color: #ffffff; }
.btn-instagram.btn-hover:hover { background-color: #ab2973; color: #ffffff; }
.btn-instapink.btn-hover:hover { background-color: #c31d55; color: #ffffff; }
.btn-instared.btn-hover:hover { background-color: #de0202; color: #ffffff; }
.btn-instadarkorange.btn-hover:hover{ background-color: #e95231; color: #ffffff; }
.btn-instaorange.btn-hover:hover { background-color: #ff671c; color: #ffffff; }
.btn-instayellow.btn-hover:hover { background-color: #fca731; color: #000000; }
.btn-instalightyellow.btn-hover:hover { background-color: #ffd360; color: #000000; }
.btn-linkedin.btn-hover:hover { background-color: #18569e; color: #ffffff; }
.btn-youtube.btn-hover:hover { background-color: #f20606; color: #ffffff; }
.btn-telegram.btn-hover:hover { background-color: #0878af; color: #ffffff; }
.btn-wechat.btn-hover:hover { background-color: #70a723; color: #ffffff; }
.btn-skype.btn-hover:hover { background-color: #069dd6; color: #ffffff; }
.btn-dings-blue.btn-hover:hover { background-color: #1d84df; color: #ffffff; }
.btn-dings-darkblue.btn-hover:hover { background-color: #00008b; color: #ffffff; }
.btn-dings-green.btn-hover:hover { background-color: #02dc4f; color: #000000; }
.btn-dings-red.btn-hover:hover { background-color: #dc2430; color: #ffffff; }
.btn-dings-darkred.btn-hover:hover { background-color: #670209; color: #ffffff; }



/*** background styles ***/
.bg-lime { background-color: #00ff00; }
.bg-red { background-color: #ff0000; }
.bg-black { background-color: #000000; }
.bg-white { background-color: #ffffff; }
.bg-grey { background-color: #808080; }
.bg-gray { background-color: #808080; }
.bg-silver { background-color: #c0c0c0; }
.bg-yellow { background-color: #ffff00; }
.bg-maroon { background-color: #800000; }
.bg-purple { background-color: #8a2be2; }
.bg-pink { background-color: #ff1493; }
.bg-green { background-color: #008000; }
.bg-olive { background-color: #808000; }
.bg-navy { background-color: #000080; }
.bg-aqua { background-color: #00ffff; }
.bg-blue { background-color: #0000ff; }
.bg-orange { background-color: #ffa500; }
.bg-brown { background-color: #a52a2a; }
.bg-chocolate { background-color: #7b3f00; }
.bg-gold { background-color: #ffd700; }
.bg-neongreen { background-color: #39ff14; }
.bg-turquoise { background-color: #40e0d0; }
.bg-skyblue { background-color: #00bfff; }
.bg-lavender { background-color: #e6e6fa; }
.bg-violet { background-color: #bb3385; }
.bg-rosa { background-color: #ffbcd9; }
.bg-lightgrey { background-color: #d3d3d3; }
.bg-lightgray { background-color: #d3d3d3; }
.bg-beige { background-color: #f5f5dc; }
.bg-salmon { background-color: #e9967a; }
.bg-darkviolet { background-color: #420420; }
.bg-pastelgreen { background-color: #5ac18e; }
.bg-softgreen { background-color: #dcedc1; }
.bg-darksalmon { background-color: #ff7373; }
.bg-bluegrey { background-color: #c6e2ff; }
.bg-bluegray { background-color: #c6e2ff; }
.bg-aquamarine { background-color: #7fffd4; }
.bg-lightbrown { background-color: #cd853f; }
.bg-darkgreen { background-color: #254117; }
.bg-sun { background-color: #ffe87c; }
.bg-winered { background-color: #990012; }
.bg-apricot { background-color: #fbceb1; }
.bg-facebook { background-color: #3b5998; }
.bg-twitter { background-color: #1da1f2; }
.bg-whatsapp { background-color: #4ac959; }
.bg-instablue { background-color: #405de6; }
.bg-instadarkpurple { background-color: #5851db; }
.bg-instapurple { background-color: #833ab4; }
.bg-instagram { background-color: #c13584; }
.bg-instapink { background-color: #e1306c; }
.bg-instared { background-color: #fd1d1d; }
.bg-instadarkorange{ background-color: #f56040; }
.bg-instaorange { background-color: #f77737; }
.bg-instayellow { background-color: #fcaf45; }
.bg-instalightyellow { background-color: #ffdc80; }
.bg-linkedin { background-color: #2867b2; }
.bg-youtube { background-color: #FF0000; }
.bg-telegram { background-color: #0088cc; }
.bg-wechat { background-color: #7bb32e; }
.bg-skype { background-color: #00aff0; }
.bg-dings-blue { background-color: #1d84df; }
.bg-dings-darkblue { background-color: #00008b; }
.bg-dings-green { background-color: #02dc4f; }
.bg-dings-red { background-color: #dc2430; }
.bg-dings-darkred { background-color: #670209; }
.bg-transparent { background-color: transparent }

/*** background hover styles ***/
.bg-lime.bg-hover:hover,
.bg-lime.bg-hover:hover > .btn-lime { background-color: #05e905; }
.bg-red.bg-hover:hover,
.bg-red.bg-hover:hover > .btn-red { background-color: #f20606; }
.bg-black.bg-hover:hover,
.bg-black.bg-hover:hover > .btn-black { background-color: #2e2d2d; }
.bg-white.bg-hover:hover,
.bg-white.bg-hover:hover > .btn-white { background-color: #f8f6f6; }
.bg-grey.bg-hover:hover,
.bg-grey.bg-hover:hover > .btn-grey { background-color: #7b7b7b; }
.bg-gray.bg-hover:hover,
.bg-gray.bg-hover:hover > .btn-gray { background-color: #7b7b7b; }
.bg-silver.bg-hover:hover,
.bg-silver.bg-hover:hover > .btn-silver { background-color: #aaa6a6; }
.bg-yellow.bg-hover:hover,
.bg-yellow.bg-hover:hover > .btn-yellow { background-color: #ffff50; }
.bg-maroon.bg-hover:hover,
.bg-maroon.bg-hover:hover > .btn-maroon { background-color: #620202; }
.bg-purple.bg-hover:hover,
.bg-purple.bg-hover:hover > .btn-purple { background-color: #7022b8; }
.bg-pink.bg-hover:hover,
.bg-pink.bg-hover:hover > .btn-pink { background-color: #f2178d; }
.bg-green.bg-hover:hover,
.bg-green.bg-hover:hover > .btn-green { background-color: #036803; }
.bg-olive.bg-hover:hover,
.bg-olive.bg-hover:hover > .btn-olive { background-color: #707001; }
.bg-navy.bg-hover:hover,
.bg-navy.bg-hover:hover > .btn-navy { background-color: #000059; }
.bg-aqua.bg-hover:hover,
.bg-aqua.bg-hover:hover > .btn-aqua { background-color: #00e7e7; }
.bg-blue.bg-hover:hover,
.bg-blue.bg-hover:hover > .btn-blue { background-color: #0202b4; }
.bg-orange.bg-hover:hover,
.bg-orange.bg-hover:hover > .btn-orange { background-color: #f69f00; }
.bg-brown.bg-hover:hover,
.bg-brown.bg-hover:hover > .btn-brown { background-color: #902c2c; }
.bg-chocolate.bg-hover:hover,
.bg-chocolate.bg-hover:hover > .btn-chocolate { background-color: #663401; }
.bg-gold.bg-hover:hover,
.bg-gold.bg-hover:hover > .btn-gold { background-color: #f0ca00; }
.bg-neongreen.bg-hover:hover,
.bg-neongreen.bg-hover:hover > .btn-neongreen { background-color: #38e517; }
.bg-turquoise.bg-hover:hover,
.bg-turquoise.bg-hover:hover > .btn-turquoise { background-color: #59cec2; }
.bg-skyblue.bg-hover:hover,
.bg-skyblue.bg-hover:hover > .btn-skyblue { background-color: #0dace1; }
.bg-lavender.bg-hover:hover,
.bg-lavender.bg-hover:hover > .btn-lavender { background-color: #d4d4f4; }
.bg-violet.bg-hover:hover,
.bg-violet.bg-hover:hover > .btn-violet { background-color: #9d2f71; }
.bg-rosa.bg-hover:hover,
.bg-rosa.bg-hover:hover > .btn-rosa { background-color: #ebabc7; }
.bg-lightgrey.bg-hover:hover,
.bg-lightgrey.bg-hover:hover > .btn-lightgrey { background-color: #c3c1c1; }
.bg-lightgray.bg-hover:hover,
.bg-lightgray.bg-hover:hover > .btn-lightgray { background-color: #c3c1c1; }
.bg-beige.bg-hover:hover,
.bg-beige.bg-hover:hover > .btn-beige { background-color: #e9e9c8; }
.bg-salmon.bg-hover:hover,
.bg-salmon.bg-hover:hover > .btn-salmon { background-color: #da886b; }
.bg-darkviolet.bg-hover:hover,
.bg-darkviolet.bg-hover:hover > .btn-darkviolet { background-color: #6e0635; }
.bg-pastelgreen.bg-hover:hover,
.bg-pastelgreen.bg-hover:hover > .btn-pastelgreen { background-color: #42b67c; }
.bg-softgreen.bg-hover:hover,
.bg-softgreen.bg-hover:hover > .btn-softgreen { background-color: #c6d6ab; }
.bg-darksalmon.bg-hover:hover,
.bg-darksalmon.bg-hover:hover > .btn-darksalmon { background-color: #f17373; }
.bg-bluegrey.bg-hover:hover,
.bg-bluegrey.bg-hover:hover > .btn-bluegrey { background-color: #b4d1f0; }
.bg-bluegray.bg-hover:hover,
.bg-bluegray.bg-hover:hover > .btn-bluegray { background-color: #b4d1f0; }
.bg-aquamarine.bg-hover:hover,
.bg-aquamarine.bg-hover:hover > .btn-aquamarine { background-color: #76f0c7; }
.bg-lightbrown.bg-hover:hover,
.bg-lightbrown.bg-hover:hover > .btn-lightbrown { background-color: #bc7b3b; }
.bg-darkgreen.bg-hover:hover,
.bg-darkgreen.bg-hover:hover > .btn-darkgreen { background-color: #19300e; }
.bg-sun.bg-hover:hover,
.bg-sun.bg-hover:hover > .btn-sun { background-color: #ffe364; }
.bg-winered.bg-hover:hover,
.bg-winered.bg-hover:hover > .btn-winered { background-color: #830312; }
.bg-apricot.bg-hover:hover,
.bg-apricot.bg-hover:hover > .btn-apricot { background-color: #fabd95; }
.bg-facebook.bg-hover:hover,
.bg-facebook.bg-hover:hover > .btn-facebook { background-color: #2c4881; }
.bg-twitter.bg-hover:hover,
.bg-twitter.bg-hover:hover > .btn-twitter { background-color: #3094d1; }
.bg-whatsapp.bg-hover:hover,
.bg-whatsapp.bg-hover:hover > .btn-whatsapp { background-color: #42bc51; }
.bg-instablue.bg-hover:hover,
.bg-instablue.bg-hover:hover > .btn-instablue { background-color: #324fd8; }
.bg-instadarkpurple.bg-hover:hover,
.bg-instadarkpurple.bg-hover:hover > .btn-instadarkpurple { background-color: #4f49c9; }
.bg-instapurple.bg-hover:hover,
.bg-instapurple.bg-hover:hover > .btn-instapurple { background-color: #7223a7; }
.bg-instagram.bg-hover:hover,
.bg-instagram.bg-hover:hover > .btn-instagram { background-color: #ab2973; }
.bg-instapink.bg-hover:hover,
.bg-instapink.bg-hover:hover > .btn-instapink { background-color: #c31d55; }
.bg-instared.bg-hover:hover,
.bg-instared.bg-hover:hover > .btn-instared { background-color: #de0202; }
.bg-instadarkorange.bg-hover:hover,
.bg-instadarkorange.bg-hover:hover > .btn-instadarkorange { background-color: #e95231; }
.bg-instaorange.bg-hover:hover,
.bg-instaorange.bg-hover:hover > .btn-instaorange { background-color: #ff671c; }
.bg-instayellow.bg-hover:hover,
.bg-instayellow.bg-hover:hover > .btn-instayellow { background-color: #fca731; }
.bg-instalightyellow.bg-hover:hover,
.bg-instalightyellow.bg-hover:hover > .btn-instalightyellow { background-color: #ffd360; }
.bg-linkedin.bg-hover:hover,
.bg-linkedin.bg-hover:hover > .btn-linkedin { background-color: #18569e; }
.bg-youtube.bg-hover:hover,
.bg-youtube.bg-hover:hover > .btn-youtube { background-color: #f20606; }
.bg-telegram.bg-hover:hover,
.bg-telegram.bg-hover:hover > .btn-telegram { background-color: #0878af; }
.bg-wechat.bg-hover:hover,
.bg-wechat.bg-hover:hover > .btn-wechat { background-color: #70a723; }
.bg-skype.bg-hover:hover,
.bg-skype.bg-hover:hover > .btn-skype { background-color: #069dd6; }
.bg-dings-blue.bg-hover:hover,
.bg-dings-blue.bg-hover:hover > .btn-dings-blue { background-color: #1d84df; }
.bg-dings-darkblue.bg-hover:hover,
.bg-dings-darkblue.bg-hover:hover > .btn-dings-darkblue { background-color: #00008b; }
.bg-dings-green.bg-hover:hover,
.bg-dings-green.bg-hover:hover > .btn-dings-green { background-color: #02dc4f; }
.bg-dings-red.bg-hover:hover,
.bg-dings-red.bg-hover:hover > .btn-dings-red { background-color: #dc2430; }
.bg-dings-darkred.bg-hover:hover,
.bg-dings-darkred.bg-hover:hover > .btn-dings-darkred { background-color: #670209; }



/*** outline styles ***/
.btn-outline { background-color: transparent; border-width: 1px; border-style: solid;}
.btn-lime.btn-outline { border-color: #00ff00; color: #00ff00; }
.btn-red.btn-outline { border-color: #ff0000; color: #ff0000; }
.btn-black.btn-outline { border-color: #000000; color: #000000; }
.btn-white.btn-outline { border-color: #ffffff; color: #ffffff; }
.btn-grey.btn-outline { border-color: #808080; color: #808080; }
.btn-gray.btn-outline { border-color: #808080; color: #808080; }
.btn-silver.btn-outline { border-color: #c0c0c0; color: #c0c0c0; }
.btn-yellow.btn-outline { border-color: #ffff00; color: #ffff00; }
.btn-maroon.btn-outline { border-color: #800000; color: #800000; }
.btn-purple.btn-outline { border-color: #8a2be2; color: #8a2be2; }
.btn-pink.btn-outline { border-color: #ff1493; color: #ff1493; }
.btn-green.btn-outline { border-color: #008000; color: #008000; }
.btn-olive.btn-outline { border-color: #808000; color: #808000; }
.btn-navy.btn-outline { border-color: #000080; color: #000080; }
.btn-aqua.btn-outline { border-color: #00ffff; color: #00ffff; }
.btn-blue.btn-outline { border-color: #0000ff; color: #0000ff; }
.btn-orange.btn-outline { border-color: #ffa500; color: #ffa500; }
.btn-brown.btn-outline { border-color: #a52a2a; color: #a52a2a; }
.btn-chocolate.btn-outline { border-color: #7b3f00; color: #7b3f00; }
.btn-gold.btn-outline { border-color: #ffd700; color: #ffd700; }
.btn-neongreen.btn-outline { border-color: #39ff14; color: #39ff14; }
.btn-turquoise.btn-outline { border-color: #40e0d0; color: #40e0d0; }
.btn-skyblue.btn-outline { border-color: #00bfff; color: #00bfff; }
.btn-lavender.btn-outline { border-color: #e6e6fa; color: #e6e6fa; }
.btn-violet.btn-outline { border-color: #bb3385; color: #bb3385; }
.btn-rosa.btn-outline { border-color: #ffbcd9; color: #ffbcd9; }
.btn-lightgrey.btn-outline { border-color: #d3d3d3; color: #d3d3d3; }
.btn-lightgray.btn-outline { border-color: #d3d3d3; color: #d3d3d3; }
.btn-beige.btn-outline { border-color: #f5f5dc; color: #f5f5dc; }
.btn-salmon.btn-outline { border-color: #e9967a; color: #e9967a; }
.btn-darkviolet.btn-outline { border-color: #420420; color: #420420; }
.btn-pastelgreen.btn-outline { border-color: #5ac18e; color: #5ac18e; }
.btn-softgreen.btn-outline { border-color: #dcedc1; color: #dcedc1; }
.btn-darksalmon.btn-outline { border-color: #ff7373; color: #ff7373; }
.btn-bluegrey.btn-outline { border-color: #c6e2ff; color: #c6e2ff; }
.btn-bluegray.btn-outline { border-color: #c6e2ff; color: #c6e2ff; }
.btn-aquamarine.btn-outline { border-color: #7fffd4; color: #7fffd4; }
.btn-lightbrown.btn-outline { border-color: #cd853f; color: #cd853f; }
.btn-darkgreen.btn-outline { border-color: #254117; color: #254117; }
.btn-sun.btn-outline { border-color: #ffe87c; color: #ffe87c; }
.btn-winered.btn-outline { border-color: #990012; color: #990012; }
.btn-apricot.btn-outline { border-color: #fbceb1; color: #fbceb1; }
.btn-facebook.btn-outline { border-color: #3b5998; color: #3b5998; }
.btn-twitter.btn-outline { border-color: #1da1f2; color: #1da1f2; }
.btn-whatsapp.btn-outline { border-color: #4ac959; color: #4ac959; }
.btn-instablue.btn-outline { border-color: #405de6; color: #405de6; }
.btn-instadarkpurple.btn-outline { border-color: #5851db; color: #5851db; }
.btn-instapurple.btn-outline { border-color: #833ab4; color: #833ab4; }
.btn-instagram.btn-outline { border-color: #c13584; color: #c13584; }
.btn-instapink.btn-outline { border-color: #e1306c; color: #e1306c; }
.btn-instared.btn-outline { border-color: #fd1d1d; color: #fd1d1d; }
.btn-instadarkorange.btn-outline{ border-color: #f56040; color: #f56040; }
.btn-instaorange.btn-outline { border-color: #f77737; color: #f77737; }
.btn-instayellow.btn-outline { border-color: #fcaf45; color: #fcaf45; }
.btn-instalightyellow.btn-outline { border-color: #ffdc80; color: #ffdc80; }
.btn-linkedin.btn-outline { border-color: #2867b2; color: #2867b2; }
.btn-youtube.btn-outline { border-color: #FF0000; color: #FF0000; }
.btn-telegram.btn-outline { border-color: #0088cc; color: #0088cc; }
.btn-wechat.btn-outline { border-color: #7bb32e; color: #7bb32e; }
.btn-skype.btn-outline { border-color: #00aff0; color: #00aff0; }
.btn-dings-blue.btn-outline { border-color: #1d84df; color: #1d84df; }
.btn-dings-darkblue.btn-outline { border-color: #00008b; color: #00008b; }
.btn-dings-green.btn-outline { border-color: #02dc4f; color: #02dc4f; }
.btn-dings-red.btn-outline { border-color: #dc2430; color: #dc2430; }
.btn-dings-darkred.btn-outline { border-color: #670209; color: #670209; }

/*** outline hover styles ***/
.btn-lime.btn-out.btn-outline.btn-hover:hover { background-color: #05e905; color: #000000; }
.btn-red.btn-outline.btn-hover:hover { background-color: #f20606; color: #ffffff; }
.btn-black.btn-outline.btn-hover:hover { background-color: #2e2d2d; color: #ffffff; }
.btn-white.btn-outline.btn-hover:hover { background-color: #f8f6f6; color: #000000; }
.btn-grey.btn-outline.btn-hover:hover { background-color: #7b7b7b; color: #ffffff; }
.btn-gray.btn-outline.btn-hover:hover { background-color: #7b7b7b; color: #ffffff; }
.btn-silver.btn-outline.btn-hover:hover { background-color: #aaa6a6; color: #000000; }
.btn-yellow.btn-outline.btn-hover:hover { background-color: #ffff50; color: #000000; }
.btn-maroon.btn-outline.btn-hover:hover { background-color: #620202; color: #ffffff; }
.btn-purple.btn-outline.btn-hover:hover { background-color: #7022b8; color: #ffffff; }
.btn-pink.btn-outline.btn-hover:hover { background-color: #f2178d; color: #ffffff; }
.btn-green.btn-outline.btn-hover:hover { background-color: #036803; color: #ffffff; }
.btn-olive.btn-outline.btn-hover:hover { background-color: #707001; color: #ffffff; }
.btn-navy.btn-outline.btn-hover:hover { background-color: #000059; color: #ffffff; }
.btn-aqua.btn-outline.btn-hover:hover { background-color: #00e7e7; color: #000000; }
.btn-blue.btn-outline.btn-hover:hover { background-color: #0202b4; color: #ffffff; }
.btn-orange.btn-outline.btn-hover:hover { background-color: #f69f00; color: #ffffff; }
.btn-brown.btn-outline.btn-hover:hover { background-color: #902c2c; color: #ffffff; }
.btn-chocolate.btn-outline.btn-hover:hover { background-color: #663401; color: #ffffff; }
.btn-gold.btn-outline.btn-hover:hover { background-color: #f0ca00; color: #000000; }
.btn-neongreen.btn-outline.btn-hover:hover { background-color: #38e517; color: #000000; }
.btn-turquoise.btn-outline.btn-hover:hover { background-color: #59cec2; color: #000000; }
.btn-skyblue.btn-outline.btn-hover:hover { background-color: #0dace1; color: #000000; }
.btn-lavender.btn-outline.btn-hover:hover { background-color: #d4d4f4; color: #000000; }
.btn-violet.btn-outline.btn-hover:hover { background-color: #9d2f71; color: #ffffff; }
.btn-rosa.btn-outline.btn-hover:hover { background-color: #ebabc7; color: #000000; }
.btn-lightgrey.btn-outline.btn-hover:hover { background-color: #c3c1c1; color: #000000; }
.btn-lightgray.btn-outline.btn-hover:hover { background-color: #c3c1c1; color: #000000; }
.btn-beige.btn-outline.btn-hover:hover { background-color: #e9e9c8; color: #000000; }
.btn-salmon.btn-outline.btn-hover:hover { background-color: #da886b; color: #ffffff; }
.btn-darkviolet.btn-outline.btn-hover:hover { background-color: #6e0635; color: #ffffff; }
.btn-pastelgreen.btn-outline.btn-hover:hover { background-color: #42b67c; color: #000000; }
.btn-softgreen.btn-outline.btn-hover:hover { background-color: #c6d6ab; color: #000000; }
.btn-darksalmon.btn-outline.btn-hover:hover { background-color: #f17373; color: #ffffff; }
.btn-bluegrey.btn-outline.btn-hover:hover { background-color: #b4d1f0; color: #000000; }
.btn-bluegray.btn-outline.btn-hover:hover { background-color: #b4d1f0; color: #000000; }
.btn-aquamarine.btn-outline.btn-hover:hover { background-color: #76f0c7; color: #000000; }
.btn-lightbrown.btn-outline.btn-hover:hover { background-color: #bc7b3b; color: #ffffff; }
.btn-darkgreen.btn-outline.btn-hover:hover { background-color: #19300e; color: #ffffff; }
.btn-sun.btn-outline.btn-hover:hover { background-color: #ffe364; color: #000000; }
.btn-winered.btn-outline.btn-hover:hover { background-color: #830312; color: #ffffff; }
.btn-apricot.btn-outline.btn-hover:hover { background-color: #fabd95; color: #000000; }
.btn-facebook.btn-outline.btn-hover:hover { background-color: #2c4881; color: #ffffff; }
.btn-twitter.btn-outline.btn-hover:hover { background-color: #3094d1; color: #ffffff; }
.btn-whatsapp.btn-outline.btn-hover:hover { background-color: #42bc51; color: #ffffff; }
.btn-instablue.btn-outline.btn-hover:hover { background-color: #324fd8; color: #ffffff; }
.btn-instadarkpurple.btn-outline.btn-hover:hover { background-color: #4f49c9; color: #ffffff; }
.btn-instapurple.btn-outline.btn-hover:hover { background-color: #7223a7; color: #ffffff; }
.btn-instagram.btn-outline.btn-hover:hover { background-color: #ab2973; color: #ffffff; }
.btn-instapink.btn-outline.btn-hover:hover { background-color: #c31d55; color: #ffffff; }
.btn-instared.btn-outline.btn-hover:hover { background-color: #de0202; color: #ffffff; }
.btn-instadarkorange.btn-outline.btn-hover:hover { background-color: #e95231; color: #ffffff; }
.btn-instaorange.btn-outline.btn-hover:hover { background-color: #ff671c; color: #ffffff; }
.btn-instayellow.btn-outline.btn-hover:hover { background-color: #fca731; color: #000000; }
.btn-instalightyellow.btn-outline.btn-hover:hover { background-color: #ffd360; color: #000000; }
.btn-linkedin.btn-outline.btn-hover:hover { background-color: #18569e; color: #ffffff; }
.btn-youtube.btn-outline.btn-hover:hover { background-color: #f20606; color: #ffffff; }
.btn-telegram.btn-outline.btn-hover:hover { background-color: #0878af; color: #ffffff; }
.btn-wechat.btn-outline.btn-hover:hover { background-color: #70a723; color: #ffffff; }
.btn-skype.btn-outline.btn-hover:hover { background-color: #069dd6; color: #ffffff; }
.btn-dings-blue.btn-outline.btn-hover:hover { background-color: #1d84df; color: #ffffff; }
.btn-dings-darkblue.btn-outline.btn-hover:hover { background-color: #00008b; color: #ffffff; }
.btn-dings-green.btn-outline.btn-hover:hover { background-color: #02dc4f; color: #000000; }
.btn-dings-red.btn-outline.btn-hover:hover { background-color: #dc2430; color: #ffffff; }
.btn-dings-darkred.btn-outline.btn-hover:hover { background-color: #670209; color: #ffffff; }



/*** some css for appearance ***/
/* .demo-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 20px;
    margin: 20px;
}

.demo-grid > div {
    background-color: #f8efef;
    padding: 20px;
}

.demo-grid .only-text {
    grid-column: 1;
} */