/* ===================================
    03. Typography
====================================== */

/* font family */
.alt-font { font-family: 'Poppins', sans-serif; }
.main-font { font-family: 'Roboto', sans-serif !important; }

/* heading size */
h1, h2, h3, h4, h5, h6 { margin:0 0 25px 0; padding:0; letter-spacing: -0.5px; font-weight: inherit; }
h1 { font-size:5rem; line-height: 5rem; }
h2 { font-size:3.9rem; line-height:4.2rem; }
h3 { font-size:3.4rem; line-height:3.9rem; }
h4 { font-size:2.85rem; line-height:3.4rem; }
h5 { font-size:2.30rem; line-height:3rem; } 
h6 { font-size:1.80rem; line-height:2.5rem; }

/* text size */
.font-size-0 { font-size: 0; }
.text-very-small { font-size:11px; line-height:14px; }
.text-extra-small { font-size:12px; line-height:16px; }
.text-small { font-size:13px; line-height:22px; }
.text-medium { font-size:14px; line-height:20px; }
.text-extra-medium { font-size:16px; line-height:28px; }
.text-large { font-size:18px; line-height:22px; }
.text-extra-large { font-size: 20px; line-height:28px; }
.title-extra-small { font-size: 30px; line-height: 32px; }
.title-small { font-size: 36px; line-height: 42px; }
.title-large { font-size: 100px; line-height:95px; }
.title-large-2 { font-size: 70px; line-height:80px; }
.title-large-3 { font-size: 80px; line-height:80px; }
.title-extra-large { font-size: 130px; line-height:120px; }
.title-extra-large-heavy { font-size: 11rem; line-height: 11rem; }
.text-big{ font-size: 200px; line-height: 200px;}
.text-extra-big{ font-size: 230px; line-height: 230px;}
.text-extra-big-2{ font-size: 300px; line-height: 260px;}
.parallax-title { padding: 16px 35px; display: inline-block }

/* text color, link color and link hover color */
.text-white, .btn-link.text-white, a.text-white-hover:hover { color:#fff; }
.text-black, .btn-link.text-black,  a.text-black-hover:hover { color:#000; }
.text-extra-dark-gray, .btn-link.text-extra-dark-gray, a.text-extra-dark-gray-hover:hover { color:#232323; }
.text-dark-gray, .btn-link.text-dark-gray, a.text-dark-gray-hover:hover { color:#626262; }
.text-extra-medium-gray, .btn-link.text-extra-medium-gray, a.text-extra-medium-gray-hover:hover { color: #757575; }
.text-medium-gray, .btn-link.text-medium-gray, a.text-medium-gray-hover:hover { color:#939393; }
.text-extra-light-gray, .btn-link.text-extra-light-gray, a.text-extra-light-gray-hover:hover { color:#b7b7b7; }
.text-light-gray, .btn-link.text-light-gray, a.text-light-gray-hover:hover { color:#d6d5d5; }
.text-very-light-gray, .btn-link.text-very-light-gray, a.text-very-light-gray-hover:hover { color:#ededed; }
.text-fast-blue, .btn-link.text-fast-blue, a.text-fast-blue-hover:hover { color: #0038e3; }
.text-neon-blue, .btn-link.text-neon-blue, a.text-neon-blue-hover:hover { color: #3452ff; }
.text-light-pink, .btn-link.text-light-pink, a.text-light-pink-hover:hover { color: #f18c8c; }
.text-red, .btn-link.text-red, a.text-red-hover:hover { color: #fe0127; }
.text-dark-red, .btn-link.text-dark-red, a.text-dark-red-hover:hover { color: #d23134; }
.text-parrot-green, .btn-link.text-parrot-green, a.text-parrot-green-hover:hover { color: #cee002; }
.text-green, .btn-link.text-green, a.text-green-hover:hover { color: #27AE60; }
.text-olivine-green, .btn-link.text-olivine-green, a.text-olivine-green-hover:hover { color: #8bb867; }
.text-dark-charcoal, .btn-link.text-dark-charcoal, a.text-dark-charcoal-hover:hover { color: #2f2f2f; }
.text-penguin-white, .btn-link.text-penguin-white, a.text-penguin-white-hover:hover { color: #f1edea; }
.text-orange, .btn-link.text-orange, a.text-orange-hover:hover { color: #fd961e; }
.text-dark-orange, .btn-link.text-dark-orange, a.text-dark-orange-hover:hover { color: #ff6437; }
.text-neon-orange, .btn-link.text-neon-orange, a.text-neon-orange-hover:hover { color: #ff7a56; }
.text-light-orange, .btn-link.text-light-orange, a.text-light-orange-hover:hover { color: #e8bf47; }
.text-dark-red, .btn-link.text-dark-red, a.text-dark-red-hover:hover { color: #e12837; }
.text-radical-red, .btn-link.text-radical-red, a.text-radical-red-hover:hover { color: #fb4f58; }
.text-golden, .btn-link.text-golden, a.text-golden-hover:hover { color: #ca943d; }
.text-golden-yellow, .btn-link.text-golden-yellow, a.text-golden-yellow-hover:hover { color: #FF9C00; }
.text-dark-golden-yellow, .btn-link.text-dark-golden-yellow, a.text-dark-golden-yellow-hover:hover { color: #cb933d; }
.text-golden-brown, .btn-link.text-golden-brown, a.text-golden-brown-hover:hover { color: #cd9452; }
.text-slate-blue, .btn-link.text-slate-blue, a.text-slate-blue-hover:hover { color: #262b35; }
.text-slate-blue-light, .btn-link.text-slate-blue-light, a.text-slate-blue-light-hover:hover { color: #8890a4; }
.text-medium-slate-blue, .btn-link.text-medium-slate-blue, a.text-medium-slate-blue-hover:hover { color: #374162; }
.text-dark-slate-blue, .btn-link.text-dark-slate-blue, a.text-dark-slate-blue-hover:hover { color: #1f232c; }
.text-brown, .btn-link.text-brown, a.text-brown-hover:hover { color: #986248; }
.text-blue-wood, .btn-link.text-blue-wood, a.text-blue-wood-hover:hover { color: #373a63; }
.text-purple, .btn-link.text-purple, a.text-purple-hover:hover { color: #502e95; }
.text-medium-purple, .btn-link.text-medium-purple, a.text-medium-purple-hover:hover { color: #3a285e; }
.text-dark-purple, .btn-link.text-dark-purple, a.text-dark-purple-hover:hover { color: #333045; }
.text-very-light-desert-storm, .btn-link.text-very-light-desert-storm, a.very-light-desert-storm:hover { color: #faf6f3; }
.text-yellow-ochre, .btn-link.text-yellow-ochre, a.text-yellow-ochre-hover:hover { color: #c89965; }
.text-yellow-ochre-light, .btn-link.text-yellow-ochre-light, a.text-yellow-ochre-light-hover:hover { color: #c3964e; }
.text-fast-yellow, .btn-link.text-fast-yellow, a.text-fast-yellow-hover:hover { color: #F4D956; }
.text-yellow, .btn-link.text-yellow, a.text-yellow-hover:hover { color: #ffeb04; }
.text-salmon-rose, .btn-link.text-salmon-rose, a.text-salmon-rose-hover:hover { color: #ea9d8d; }
.text-tussock, .btn-link.text-tussock, a.text-tussock-hover:hover { color: #bf8c4c; }
.text-greenish-slate, .btn-link.text-greenish-slate, a.text-greenish-slate-hover:hover { color: #445a58; }
.text-seashell, .btn-link.text-seashell, a.text-seashell-hover:hover { color: #f9f6f3; }
.text-shamrock-green, .btn-link.text-shamrock-green, a.text-shamrock-green-hover:hover { color: #2ed47c; }
.text-light-brownish-orange, .btn-link.text-light-brownish-orange, a.text-light-brownish-orange-hover:hover { color: #e6994e; }
.text-greenish-gray, .btn-link.text-greenish-gray, a.text-greenish-gray-hover:hover { color: #969896; }
.text-light-greenish-gray, .btn-link.text-light-greenish-gray, a.text-light-greenish-gray-hover:hover { color: #9fa29f; }
.text-yellowish-green, .btn-link.text-yellowish-green, a.text-yellowish-green-hover:hover { color: #c7da26; }
.text-copper-red, .btn-link.text-copper-red, a.text-copper-red-hover:hover { color: #cc754c; }
.text-sunglow, .btn-link.text-sunglow, a.text-sunglow-hover:hover { color: #ffcc2e; }
.text-orange-zest, .btn-link.text-orange-zest, a.text-orange-zest-hover:hover  { color: #CA7741; }
.text-dark-tussock, .btn-link.text-dark-tussock, a.text-dark-tussock-hover:hover  { color: #BD884C; }
.text-echo-blue, .btn-link.text-echo-blue, a.text-echo-blue-hover:hover  { color: #abadb7; }
.text-violet, .btn-link.text-violet, a.text-violet-hover:hover  { color: #89af44; }
.text-iris-blue, .btn-link.text-iris-blue, a.text-iris-blue-hover:hover  { color: #00B8B8; }
.text-very-light-gray-transparent, .btn-link.text-very-light-gray-transparent, a.text-very-light-gray-transparent-hover:hover { color:rgba(237, 237, 237, 0.22); }
.text-extra-dark-gray-transparent, .btn-link.text-extra-dark-gray-transparent, a.text-extra-dark-gray-transparent-hover:hover { color: rgba(46,46,46,0.15); }
.text-dark-gray-transparent, .btn-link.text-dark-gray-transparent, a.text-dark-gray-transparent-hover:hover { color: rgba(98,98,98,0.1); }
.text-white-transparent, .btn-link.text-white-transparent, a.text-white-transparent-hover:hover { color: rgba(255,255,255,0.7); }
.text-medium-white-transparent, .btn-link.text-medium-white-transparent, a.text-very-light-white-transparent-hover:hover { color: rgba(255,255,255,0.5); }
.text-very-light-white-transparent, .btn-link.text-very-light-white-transparent, a.text-very-light-white-transparent-hover:hover { color: rgba(255,255,255,0.3); }


/* text gradient color */
.text-gradient-magenta-orange { background: linear-gradient(to right, #e42464, #e42464, #f44f5c, #fa6259, #ff7357); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.text-gradient-magenta-orange-2 { background: linear-gradient(to right, #ec606c, #ee6362, #ee6757, #ed6c4d, #eb7242); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.text-gradient-purple-magenta { background: linear-gradient(to right, #502970, #502970, #ac2775, #d42d6b, #f34259); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.text-gradient-light-purple-light-orange { background: linear-gradient(to right, #b783ff, #b783ff, #fa7cc1, #ff85a6, #ff9393); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.text-gradient-sky-blue-pink { background: linear-gradient(to right, #556fff, #556fff, #e05fc4, #f767a6, #ff798e); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.text-gradient-sky-blue-dark-pink { background: linear-gradient(to right, #5065da, #556fff, #c557ad, #e65f9a, #e66176); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.text-gradient-sky-blue-pink-2 { background: linear-gradient(to right top, #6670ed, #556fff, #d45eba, #f767a6, #f5667d); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.text-gradient-peacock-blue-crome-yellow { background: linear-gradient(to right, #36c1e1, #36c1e1, #74cf8e, #bac962, #feb95b); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.text-gradient-peacock-blue-crome-yellow-2 { background-image: linear-gradient(to right, #5cc088, #50c28d, #83b879, #c9a95e, #dda556);; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.text-gradient-fast-blue-purple { background: linear-gradient(to right, #0039e3, #0039e3, #5e28dd, #741bd9, #8600d4); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.text-gradient-tan-geraldine { background-image: linear-gradient(to right, #ff9e78, #ff9979, #ff887c, #ff7c7d, #ff767e); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.text-gradient-tussock-greenish-slate { background: linear-gradient(90deg, rgba(191,140,76,1) 0%, rgba(68,90,88,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.text-gradient-light-purple-light-red { background: linear-gradient(to right, #975ade, #af63d2, #d473c0, #ef7da7, #e6686f); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.text-gradient-light-brownish-orange-black { background: linear-gradient(to right, #e79e57, #9d9049, #62794c, #405c4c, #353d3c); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.text-gradient-turquoise-green-yellowish { background: linear-gradient(to right, #3edfb6, #58e49a, #7ce878, #a5e850, #d0e51b); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.text-gradient-red-violet-purple { background-image: linear-gradient(to right, #b93c90, #a92a96, #951a9d, #7b10a5, #5412ae); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.text-gradient-orange-pink, .btn-link.text-gradient-orange-pink, a.text-gradient-orange-pink, a.text-gradient-orange-pink-hover:hover { background: linear-gradient(to right, #ff6557 0%, #ff367c 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.text-gradient-fuego-turquoise, .btn-link.text-gradient-fuego-turquoise, a.text-gradient-fuego-turquoise, a.text-gradient-fuego-turquoise-hover:hover { background: linear-gradient(to left, #0cd6a2, #56de9c, #91dc5d, #aedb40, #c7da26); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

/* text stroke */
.text-border { -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: white; }

/* text stroke width */
.text-border-width-1px { -webkit-text-stroke-width: 1px; }
.text-border-width-2px { -webkit-text-stroke-width: 2px; }
.text-border-width-3px { -webkit-text-stroke-width: 3px; }
.text-border-width-4px { -webkit-text-stroke-width: 4px; }
.text-border-width-5px { -webkit-text-stroke-width: 5px; }

/* text stroke color */
.text-border-color-black { -webkit-text-stroke-color: #000000; }

/* letter spacing */
.letter-spacing-1-half { letter-spacing: 0.50px; }
.letter-spacing-1px { letter-spacing: 1px; }
.letter-spacing-2px { letter-spacing: 2px; }
.letter-spacing-3px { letter-spacing: 3px; }
.letter-spacing-4px { letter-spacing: 4px; }
.letter-spacing-5px { letter-spacing: 5px; }
.letter-spacing-8px { letter-spacing: 8px; }
.letter-spacing-10px { letter-spacing: 10px; }
.letter-spacing-15px { letter-spacing: 15px; }
.letter-spacing-20px { letter-spacing: 20px; }
.letter-spacing-22px { letter-spacing: 22px; }
.letter-spacing-25px { letter-spacing: 25px; }

/* letter spacing minus */
.letter-spacing-minus-1-half { letter-spacing: -0.50px; }
.letter-spacing-minus-1px { letter-spacing: -1px; }
.letter-spacing-minus-2px { letter-spacing: -2px; }
.letter-spacing-minus-3px { letter-spacing: -3px; }
.letter-spacing-minus-4px { letter-spacing: -4px; }
.letter-spacing-minus-5px { letter-spacing: -5px; }
.letter-spacing-minus-6px { letter-spacing: -6px; }
.letter-spacing-minus-7px { letter-spacing: -7px; }
.letter-spacing-minus-8px { letter-spacing: -8px; }
.letter-spacing-minus-9px { letter-spacing: -9px; }
.letter-spacing-minus-10px { letter-spacing: -10px; }
.letter-spacing-inherit { letter-spacing: inherit; }
.white-space-normal { white-space: normal; }


/* font weight */
.font-weight-100 { font-weight: 100 !important; }
.font-weight-200 { font-weight: 200 !important; }
.font-weight-300 { font-weight: 300 !important; }
.font-weight-400 { font-weight: 400 !important; }
.font-weight-500 { font-weight: 500 !important; }
.font-weight-600 { font-weight: 600 !important; }
.font-weight-700 { font-weight: 700 !important; }
.font-weight-800 { font-weight: 800 !important; }
.font-weight-900 { font-weight: 900 !important; }

/* text property */
.text-normal { text-transform: unset !important; }
.text-decoration-underline { text-decoration:underline; }
.text-decoration-none { text-decoration: none; }
.word-wrap { word-wrap: break-word; }
.text-transform-none { text-transform:none; }
.line-height-unset { line-height: unset; }
.line-height-normal { line-height: normal; }
.line-height-none { line-height: 0; }
.text-decoration-line-through { text-decoration:line-through; }
.text-decoration-underline-yellow { text-decoration: underline; text-decoration-color: #fee11c; -webkit-text-decoration-color: #fee11c; }
.text-highlight { padding: 4px 16px }

.text-middle-line, .text-decoration-line-wide, .text-decoration-line-thick, .text-decoration-line-bottom, .text-decoration-line-bottom-thick, .text-decoration-line-bottom-medium { position: relative; white-space: nowrap; }
.text-middle-line:before { border-bottom: 1px solid; position: absolute; content: ""; width: 100%; top: 50%; left: 0; opacity: 0.35; }
.text-decoration-line-wide:before { content: ""; border-bottom: 1px solid; left: -10px; position: absolute; top: 50%; width: calc(100% + 20px);-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.text-decoration-line-thick:before { content: ""; position: absolute; width: 100%; height: 4px; background: #333333; left: 0; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: -1; }
.text-decoration-line-bottom:before { content: ""; border-bottom: 1px solid; left: 0; position: absolute; top: 100%; width: 100%; }
.text-decoration-line-bottom-medium:before { content: ""; border-bottom: 2px solid; left: 0; position: absolute; top: 90%; width: 100%; }
.text-decoration-line-bottom-thick:before { content: ""; border-bottom: 3px solid; left: 0; position: absolute; top: 85%; width: 100%; }
.text-decoration-line-bottom-gradient {position: relative}
.text-decoration-line-bottom-gradient span {position: absolute; left: 0; bottom: 0; width: 100%; height: 1px}

/* dropcap */
.first-letter { float: left; font-size: 50px; line-height: normal; margin: 0 20px 0 0; text-align: center; padding: 10px 0; font-weight: 600; }
.first-letter-big { float: left; font-size: 100px; line-height: 100px; margin: 0 35px 0 0; padding:0 8px; text-align: center; font-weight: 600; position: relative; }
.first-letter-big:before { position: absolute; border-bottom: 1px solid; content: ""; display: block; width: 100%; top: 55%; left: 0; }
.first-letter-block { font-size: 30px; height: 55px; line-height: 25px; padding: 15px 0; width: 55px; font-weight: 500; margin-top: 5px; }
.first-letter-block-round { border-radius:6px; border:1px solid; }
.first-letter-round { border-radius: 50%; font-size:35px; padding: 15px; width: 65px; height: 65px; line-height: 35px; }

/* lineheight */
.line-height-0px { line-height: 0px; }
.line-height-8px { line-height: 8px; }
.line-height-10px { line-height: 10px; }
.line-height-12px { line-height: 12px; }
.line-height-14px { line-height: 14px; }
.line-height-15px { line-height: 15px; }
.line-height-16px { line-height: 16px; }
.line-height-18px { line-height: 18px; }
.line-height-20px { line-height: 20px; }
.line-height-22px { line-height: 22px; }
.line-height-24px { line-height: 24px; }
.line-height-26px { line-height: 26px; }
.line-height-28px { line-height: 28px; }
.line-height-30px { line-height: 30px; }
.line-height-32px { line-height: 32px; }
.line-height-34px { line-height: 34px; }
.line-height-36px { line-height: 36px; }
.line-height-38px { line-height: 38px; }
.line-height-40px { line-height: 40px; }
.line-height-42px { line-height: 42px; }
.line-height-44px { line-height: 44px; }
.line-height-46px { line-height: 46px; }
.line-height-50px { line-height: 50px; }
.line-height-55px { line-height: 55px; }
.line-height-60px { line-height: 60px; }
.line-height-65px { line-height: 65px; }
.line-height-70px { line-height: 70px; }
.line-height-75px { line-height: 75px; }
.line-height-80px { line-height: 80px; }
.line-height-85px { line-height: 85px; }
.line-height-90px { line-height: 90px; }
.line-height-95px { line-height: 95px; }
.line-height-100px { line-height: 100px; }
.line-height-120px { line-height: 120px; }
.line-height-140px { line-height: 140px; }
.line-height-160px { line-height: 160px; }
.line-height-170px { line-height: 170px; }


/* ===================================
    04. Background color
====================================== */

.bg-white { background-color:#FFF; }
.bg-black { background-color:#000; }
.bg-smoky-black { background-color:#101010; }
.bg-dark-gray { background-color:#757575; }
.bg-extra-dark-gray { background-color:#232323; }
.bg-extra-dark-gray-2 { background-color:#060606; }
.bg-extra-medium-gray { background-color:#939393; }
.bg-medium-gray { background-color:#e4e4e4; }
.bg-extra-light-gray { background-color:#cfcfcf; }
.bg-medium-light-gray { background-color:#ededed; }
.bg-very-light-gray { background-color:#fafafa; }
.bg-nero-gray { background-color:#141414; }
.bg-light-gray { background-color:#f7f7f7; }
.bg-bright-red { background-color: #98272a; }
.bg-fast-blue { background-color: #0038e3; }
.bg-neon-blue { background-color: #3452ff; }
.bg-transparent { background-color: transparent; }
.bg-sky-blue { background-color: #2e94eb; }
.bg-green { background-color: #27ae60; }
.bg-olivine-green { background-color: #8bb867; }
.bg-orange { background-color: #fd961e; }
.bg-dark-orange { background-color: #ff6437; }
.bg-neon-orange { background-color: #ff7a56; }
.bg-very-light-orange{ background-color: #fff9f6; }
.bg-dark-red { background-color: #e12837; }
.bg-red { background-color: #fe0127; }
.bg-dark-red { background-color: #d23134; }
.bg-light-pink { background-color: #f74961; }
.bg-very-light-pink{ background-color: #f7edee; }
.bg-parrot-green { background-color: #cee002; }
.bg-slate-blue { background-color: #262b35; }
.bg-medium-slate-blue { background-color: #374162; }
.bg-extra-medium-slate-blue { background-color: #23262d; }
.bg-dark-slate-blue { background-color: #1f232c; }
.bg-light-peach{ background-color: #ffd7c4; }
.bg-brown{ background-color: #986248; }
.bg-blue-wood{ background-color: #373a63; }
.bg-purple { background-color: #502e95; }
.bg-medium-purple { background-color: #3a285e; }
.bg-dark-purple { background-color: #333045; }
.bg-dark-purple-2 { background-color: #241526; }
.bg-yellow-ochre { background-color: #c89965; }
.bg-light-desert-storm { background-color: #f8f2eb; }
.bg-medium-desert-storm { background-color: #eee7de; }
.bg-yellow-ochre-light { background-color: #c3964e; }
.bg-yellow { background-color: #ffeb04; }
.bg-very-light-desert-storm { background-color: #faf6f3 ; }
.bg-light-blue { background-color: #F7F8FC; }
.bg-penguin-white { background-color: #f1edea; }
.bg-tussock { background-color: #bf8c4c; }
.bg-greenish-slate{ background-color: #445a58; }
.bg-seashell { background-color: #f9f6f3; }
.bg-shamrock-green { background-color: #2ed47c; }
.bg-light-orange { background-color: #ffded8;}
.bg-light-cream { background-color: #f8f4f0;}
.bg-golden { background-color: #ca943d;}
.bg-light-brownish-orange { background-color: #e6994e;}
.bg-greenish-gray { background-color: #969896;}
.bg-fast-yellow { background-color: #F4D956;}
.bg-light-greenish-gray { background-color: #f0f2f0;}
.bg-cod-gray { background-color: #131313;}
.bg-yellowish-green { background-color: #c7da26; }
.bg-copper-red { background-color: #cc754c; }
.bg-sunglow { background-color: #ffcc2e; }
.bg-orange-zest { background-color: #CA7741; }
.bg-dark-tussock { background-color: #BD884C; }
.bg-golden-brown { background-color: #cd9452; }
.bg-solitude { background-color: #f4f5f9; }
.bg-east-bay { background-color: #4c505f; }
.bg-quartz { background-color: #e1e2e9; }
.bg-iris-blue { background-color: #00B8B8; }
.bg-light-iris-blue { background-color: #F0F9F9; }
.bg-dark-iris-blue { background-color: #048C8C; }

.bg-transparent-black { background-color: rgba(0, 0, 0, 0.70); }
.bg-transparent-black-light { background-color: rgba(0, 0, 0, 0.35); }
.bg-transparent-black-very-light { background-color: rgba(0, 0, 0, 0.12); }
.bg-transparent-deep-green { background-color: rgba(115, 180, 103, 0.9); }
.bg-transparent-dark-gray { background-color: rgba(117,117,117,.5); }
.bg-transparent-mengo-yellow { background-color: rgba(254, 187, 26, 0.9); }
.bg-transparent-chocolate { background-color: rgba(201, 153, 101, 0.9); }
.bg-transparent-extra-dark-gray { background-color: rgba(28, 28, 28, 0.9); }
.bg-transparent-extra-dark-gray2 { background-color: rgba(30, 30, 30, 0.8); }
.bg-transparent-white { background-color: rgba(255, 255, 255, 0.9); }
.bg-transparent-white2 { background-color: rgba(255, 255, 255, 0.1); }
.bg-transparent-white3 { background-color: rgba(255, 255, 255, 0.18); }
.bg-transparent-dark-purple { background-color: rgba(86, 79, 220, 0.9); }
.bg-transparent-dark-purple-2 { background-color: rgba(36, 21, 38, 0.9); }
.bg-transparent-red { background-color: rgba(225, 40, 55, 0.9); }
.bg-transparent-light-red { background-color: rgba(254, 1, 39, .8); }
.bg-transparent-sky-blue { background-color: rgba(33, 136, 224, .8); }
.bg-transparent-fast-blue { background-color: rgba(0, 56, 227, .90); }
.bg-transparent-fast-blue2 { background-color: rgba(0, 56, 227, .80); }
.bg-transparent-yellow-ochre { background-color: rgba(200, 153, 101, .8); }
.bg-transparent-golden-brown { background-color: rgba(205, 148, 82, .8); }
.bg-transparent-iris-blue { background-color: rgba(0, 184, 184, .9); }

/* background gradient color */
.bg-gradient-magenta-orange { background-image: linear-gradient(to right top, #e42464, #ed3c5f, #f44f5c, #fa6259, #ff7357); }
.bg-gradient-magenta-orange-2 { background-image: linear-gradient(to right top, #ec606c, #ee6362, #ee6757, #ed6c4d, #eb7242); }
.bg-gradient-purple-magenta { background-image: linear-gradient(to right top, #502970, #7f2977, #ac2775, #d42d6b, #f34259); }
.bg-gradient-light-purple-light-orange { background-image: linear-gradient(to right top, #b783ff, #e37be0, #fa7cc1, #ff85a6, #ff9393); }
.bg-gradient-sky-blue-pink { background-image: linear-gradient(to right top, #556fff, #b263e4, #e05fc4, #f767a6, #ff798e); }
.bg-gradient-peacock-blue-crome-yellow { background-image: linear-gradient(to right top, #36c1e1, #28ccc0, #74cf8e, #bac962, #feb95b); }
.bg-gradient-fast-blue-purple { background-image: linear-gradient(to right top, #0039e3, #4132e0, #5e28dd, #741bd9, #8600d4); }
.bg-gradient-orange-pink { background-image: linear-gradient(to right top, #ff6557, #ff5a5f, #ff4e68, #ff4271, #ff367c); }
.bg-gradient-light-orange-light-pink {background-image: linear-gradient(to right top, #f5bb8d, #feb399, #ffaea8, #fdaab9, #f3aaca);}
.bg-gradient-white-light-gray { background-image: linear-gradient(to bottom, #ffffff, #fdfdfd, #fbfbfb, #f9f9f9, #f7f7f7); }
.bg-gradient-solitude-white { background-image: linear-gradient(to top, #f4f5f9, #f4f5f9, #fbfbfd, #ffffff, #ffffff); }
.bg-gradient-light-gray-white { background-image: linear-gradient(to bottom, #f7f7f7, #f9f9f9, #fbfbfb, #fdfdfd, #ffffff); }
.bg-gradient-tan-geraldine { background-image: linear-gradient(to right top, #fb7f87, #fc8a82, #fb957f, #fa9f7f, #f7aa80); }
.bg-gradient-white-light { background-image: linear-gradient(to right, #000000, rgba(0, 0, 0, 0.66), hsla(0, 0%, 0%, 0.4), rgba(0, 0, 0, 0.42), rgba(0, 0, 0, 0.1)) }
.bg-gradient-black-transparent { background: rgba(0,0,0,0); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0 ); }
.bg-gradient-tan-geraldine-2 { background-image: linear-gradient(to right, #ff788d, #FF8286, #FE8681, #FE8D7D, #ff9578);  }
.bg-gradient-dark-slate-blue { background-image: linear-gradient(to right, #252c3e, rgba(37, 44, 62, 0.66), rgba(37, 44, 62, 0.42), rgba(37, 44, 62, 0.1), rgba(37, 44, 62, 0)) }
.bg-gradient-light-violet-light-orange { background-image: linear-gradient(to right top, #2f0959, #3b1059, #5c2359, #b85457, #fd7956); }
.bg-gradient-tussock-greenish-slate { background: linear-gradient(40deg, rgba(191,140,76,1) 0%, rgba(68,90,88,1) 100%); }
.bg-gradient-black-blue { background: linear-gradient(30deg, rgba(4,5,6,1) 0%, rgba(19,14,62,1) 100%); }
.bg-gradient-shamrock-green-light-orange { background-image: linear-gradient(20deg, rgba(46,212,124,1) 0%, rgba(232,191,71,1) 100%);}
.bg-gradient-dark-slate-blue-transparent { background: rgba(31,35,44,0); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(31,35,44,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(31,35,44,1))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(31,35,44,1) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(31,35,44,1) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(31,35,44,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(31,35,44,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0 ); }
.bg-gradient-light-purple-light-red { background-image: linear-gradient(to right top, #bb85f9, #c887e5, #da8bca, #eb8fb0, #fb9398); }
.bg-gradient-white-light-greenish-gray { background-image: linear-gradient(to bottom, #ffffff, #f0f2f0); }
.bg-gradient-yellowish-green-turquoise { background-image: linear-gradient(to right top, #d0e51b, #a5e850, #7ce878, #58e49a, #3edfb6); }
.bg-gradient-extra-dark-gray-transparent { background: rgba(35,35,35,0); background: -moz-linear-gradient(top, rgba(0,0,0,0) 30%, rgba(35,35,35,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(30%, rgba(0,0,0,0)), color-stop(100%, rgba(35,35,35,1))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 30%, rgba(35,35,35,1) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 30%, rgba(35,35,35,1) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 30%, rgba(35,35,35,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 30%, rgba(35,35,35,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#232323', GradientType=0 ); }
.bg-gradient-peacock-blue-crome-yellow-2 { background-image: linear-gradient(to right top, #5dcaa3, #84c685, #a8bf6d, #cab561, #e7a965); }
.bg-gradient-midium-dark-gray-transparent { background: rgba(20,20,20,0); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(20,20,20,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(20,20,20,1))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(20,20,20,1) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(20,20,20,1) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(20,20,20,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(20,20,20,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#141414', GradientType=0 ); }
.bg-gradient-midium-gray-transparent { background: rgba(20,20,20,0); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(20,20,20,1) 150%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(150%, rgba(20,20,20,1))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(20,20,20,1) 150%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(20,20,20,1) 150%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(20,20,20,1) 150%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(20,20,20,1) 150%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#141414', GradientType=0 ); }
.bg-gradient-extra-midium-gray-transparent { background: rgba(20,20,20,0); background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(20,20,20,.6) 150%); background: -webkit-gradient(left top, left bottom, color-stop(50%, rgba(0,0,0,0)), color-stop(150%, rgba(20,20,20,.6))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(20,20,20,.6) 150%); background: -o-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(20,20,20,.6) 150%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(20,20,20,.6) 150%); background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(20,20,20,.6) 150%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#141414', GradientType=0 ); }
.bg-gradient-red-violet-purple { background-image: linear-gradient(to right top, #b93c90, #a92a96, #951a9d, #7b10a5, #5412ae); }
.bg-gradient-turquoise-green-yellowish { background-image: linear-gradient(to right top, #3edfb6, #58e49a, #7ce878, #a5e850, #d0e51b); }

/* background transparent gradient color */
.bg-transparent-gradient-magenta-orange { background-image: linear-gradient(to right top, rgba(228, 36, 100, .8), rgba(237, 60, 95, .8), rgba(244, 79, 92, .8), rgba(250, 98, 89, .8), rgba(255, 115, 87, .8)); }
.bg-transparent-gradient-purple-magenta { background-image: linear-gradient(to right top, rgba(80, 41, 112, .8), rgba(127, 41, 119, .8), rgba(172, 39, 117, .8), rgba(212, 45, 107, .8), rgba(243, 66, 89, .8)); }
.bg-transparent-gradient-light-purple-light-orange { background-image: linear-gradient(to right top, rgba(183, 131, 255, .95), rgba(227, 123, 224, .95), rgba(250, 124, 193, .95), rgba(255, 133, 166, .95), rgba(255, 147, 147, .95)); }
.bg-transparent-gradient-sky-blue-pink { background-image: linear-gradient(to right top, rgba(85, 111, 255, .8), rgba(178, 99, 228, .8), rgba(224, 95, 196, .8), rgba(247, 103, 166, .8), rgba(255, 121, 142, .8)); }
.bg-transparent-gradient-peacock-blue-crome-yellow { background-image: linear-gradient(to right top, rgba(54, 193, 225, .8), rgba(40, 204, 192, .8), rgba(116, 207, 142, .8), rgba(186, 201, 98, .8), rgba(254, 185, 91, .8)); }
.bg-transparent-gradient-fast-blue-purple { background-image: linear-gradient(to right top, rgba(0, 57, 227, .8), rgba(65, 50, 224, .8), rgba(94, 40, 221, .8), rgba(116, 27, 217, .8), rgba(134, 0, 212, .8)); }
.bg-transparent-gradient-light-red-orange { background-image: linear-gradient(to right top, rgba(248,78,48,0.8), rgba(251,111,86,0)); }
.bg-transparent-gradiant-black { background: rgb(35,35,35); background: linear-gradient(0deg, rgba(35,35,35,1) 0%, rgba(35,35,35,0) 89%); }
.bg-transparent-gradiant-white-black { background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.18) 18%, rgba(0,0,0,.95) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.18) 18%,rgba(0,0,0,.95) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,0.18) 18%,rgba(0,0,0,.95) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 ); }
.bg-transparent-gradient-light-violet-light-orange { background-image: linear-gradient(to right top, rgba(43, 8, 89, .90), rgba(74, 24, 86, .90), rgba(127, 53, 88, .90), rgba(200, 92, 87, .90), rgba(255, 122, 86, .90)); }
.bg-transparent-gradient-tussock-greenish-slate { background: linear-gradient(40deg, rgba(191,140,76,.90) 0%, rgba(68,90,88,1) 90%); }
.bg-transparent-gradient-shamrock-green-light-orange { background: linear-gradient(45deg, rgba(46,212,124,0.9) 0%, rgba(232,166,38,0.9) 100%);}
.bg-transparent-gradient-smoky-black {background: rgb(16,16,16); background: -moz-radial-gradient(circle, rgba(16,16,16,0) 0%, rgba(16,16,16,1) 100%); background: -webkit-radial-gradient(circle, rgba(16,16,16,0) 0%, rgba(16,16,16,1) 100%); background: radial-gradient(circle, rgba(16,16,16,0) 0%, rgba(16,16,16,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#101010",endColorstr="#101010",GradientType=1);}

/* hover background */
.feature-box-bg-white-hover:hover  { background-color: #fff; border-color: #fff !important}


/* ===================================
    05. Custom
====================================== */

section { padding: 130px 0; overflow: hidden; }
section.big-section { padding:160px 0; }
section.extra-big-section { padding:200px 0; }
section.half-section { padding:80px 0; }
.cursor-none { cursor: none; }
.cursor-default { cursor: default; }

/* box layout */
.box-layout { padding:0 90px; }
.box-layout-large { padding:0 150px; }

/* overlap */
.overlap-section { position: relative; }
.overlap-section-bottom { position: relative; }
.overlayer-box { position: absolute; height: 100%; width: 100%; top: 0; left: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.overlap-image { margin-bottom: -215px; z-index: 1;}
.text-overlap { margin-bottom: -60px; position: relative; z-index: -1; }
.text-overlap-style-01 { position: absolute; right: 0; bottom: -110px; font-size: 300px; line-height: 300px; letter-spacing: -10px; white-space: nowrap; }
.text-overlap-style-02 { position: absolute; left: -25px; top: -60px; font-size: 154px; line-height: 154px; letter-spacing: -8px; white-space: nowrap; }
.text-overlap-style-03 { position: absolute; left: -115px; top: 0; font-size: 255px; line-height: 255px; height: 100%; white-space: nowrap; text-align: center; writing-mode: vertical-rl; -ms-writing-mode: tb-rl; width: auto; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.text-overlap-style-04 { position: absolute; top: 0; right: -20px; font-size: 80px; line-height: 80px; height: 100%; white-space: nowrap; text-align: center; writing-mode: vertical-rl; -ms-writing-mode: tb-rl; width: auto; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

/* revolution slider bullet */
.hermes .tp-bullet { height: 10px; width: 10px; }
.uranus.tparrows:before { font-size: 26px; }

/* svg drawing path */
.drawing-animation path, .drawing-animation circle, drawing-animation rect, .drawing-animation polygon, .drawing-animation ellipse { fill: none; stroke-width: 20px; stroke-dasharray: 20000; stroke-dashoffset: 20000; -webkit-animation: drawing-animation 6s linear forwards; animation: drawing-animation 6s linear forwards; -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; -o-animation-delay: 1.5s; animation-delay: 1.5s; }

/* google map filters */
.filter-grayscale-50 { -ms-filter: grayscale(50%); filter: grayscale(50%); }
.filter-grayscale-100 { -ms-filter: grayscale(100%); filter: grayscale(100%); }
.filter-invert-50 { -ms-filter: invert(50%); filter: invert(50%); }
.filter-invert-100 { -ms-filter: invert(100%); filter: invert(100%); }
.filter-mix-100 { -ms-filter: grayscale(100%) invert(100%); filter: grayscale(100%) invert(100%); }
.map iframe { height: 619px; vertical-align: bottom; width: 100%; }

/* blockquote */
blockquote { border-left: 2px solid; color: #232323; font-size: 18px; line-height: 30px; font-weight: 500; padding: 2px 40px; margin-top: 50px; margin-bottom: 50px; }
blockquote p { margin-bottom: 17px !important; }
blockquote footer { color: #828282; }

/* blog blockquote */
.blog-image blockquote h6::before { content: "\e67f"; font-family: 'themify'; font-size: 40px; top: 5px; position: relative; margin-right: 12px; color: #2e94eb; }
.blog-image blockquote { padding: 60px; border: 0; margin: 0; }

/* input box border */
.input-border-bottom, .input-border-bottom:focus { border: 0; border-bottom: 1px solid; padding-left: 0; padding-right: 0; }

/* input size */
.small-input, .small-textarea { padding: 13px 15px; font-size: 14px; }
.small-select select { padding: 13px 15px; }
.medium-input, .medium-textarea, .medium-select select { padding: 15px 20px; font-size: 14px;}
.extra-medium-textarea { font-size: 14px; }
.large-input { padding: 18px 25px 19px; }
.extra-large-input { padding: 20px 36px 23px; font-size: 16px; }

/* newsletter size */
.newsletter {position: relative;}
.newsletter input {padding-left: 0; padding-right: 0;}
.newsletter input + a.btn { position: absolute; right: 0; top: 0; margin: 0; padding-right: 0;}

.newsletter input.small-input + a.btn {top: 0px}
.newsletter input.medium-input + a.btn {top: 3px}
.newsletter input.large-input + a.btn {top: 8px}

/* newsletter popup */
.newsletter-popup form { position: relative; }
.newsletter-popup form .btn-newsletter { border: 1px solid #dfdfdf; background: transparent;}

/* tag */
.tag-cloud a { display: inline-block; text-align: center; font-size: 13px; line-height: 20px; margin: 0 6px 10px 0; padding: 5px 18px 6px; border-radius: 4px; border: 1px solid #e4e4e4}
.tag-cloud a:hover, .tag-cloud a.active { box-shadow: 0 0 10px rgba(23,23,23,.1); color: #828282 }

/* separator */
.separator-line-vertical { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); }
.left-line { position: relative; }
.left-line:after { border-bottom: 3px solid; border-color: #1dcf79; content: ""; left: -60px; position: absolute; top: 48%; width: 40px; }
.left-line-double { position: relative; }
.left-line-double:after { border-bottom: 3px solid; border-color: #1dcf79; content: ""; left: -60px; position: absolute; top: 18px; width: 40px; }
.text-side-line { position: relative; display: inline-block; }
.text-side-line:after { content: ""; height: 1px; left: -65px; position: absolute; top: 50%; width: 45px; background: #00e092; }
.text-side-line:before { content: ""; height: 1px; right: -65px; position: absolute; top: 50%; width: 45px; background: #00e092; }
.divider-full .divider-border:before, .divider-full .divider-border:after { flex: 1 1 auto; -webkit-box-flex: 1 1 auto; -ms-flex: 1 1 auto; content: ""; border-top: 1px solid #e4e4e4; }
.divider-full .divider-border.divider-light:before, .divider-full .divider-border.divider-light:after { border-color: rgba(255,255,255,.1); }

/* overlay background */
.overlay-bg {position: absolute; height: 100%; width: 100%; opacity: 1; top:0; left: 0;}

/* opacity */
.opacity-very-light {position: absolute; height: 100%; width: 100%; opacity: 0.2; top:0; left: 0;}
.opacity-light {position: absolute; height: 100%; width: 100%; opacity: 0.3; top:0; left: 0;}
.opacity-extra-medium {position: absolute; height: 100%; width: 100%; opacity: 0.5; top:0; left: 0;}
.opacity-extra-medium-2 {position: absolute; height: 100%; width: 100%; opacity: 0.6; top:0; left: 0;}
.opacity-medium {position: absolute; height: 100%; width: 100%; opacity: 0.75; top:0; left: 0;}
.opacity-medium-2 {position: absolute; height: 100%; width: 100%; opacity: 0.70; top:0; left: 0;}
.opacity-full {position: absolute; height: 100%; width: 100%; opacity: 0.8; top:0; left: 0;}
.opacity-full-dark {position: absolute; height: 100%; width: 100%; opacity: 0.9; top:0; left: 0;}

.opacity-0 { opacity:0; }
.opacity-0-half { opacity:0.05; }
.opacity-1 { opacity:0.1; }
.opacity-1-half { opacity:0.15; }
.opacity-2 { opacity:0.2; }
.opacity-2-half { opacity:0.25; }
.opacity-3 { opacity:0.3; }
.opacity-3-half { opacity:0.35; }
.opacity-4 { opacity:0.4; }
.opacity-4-half { opacity:0.45; }
.opacity-5 { opacity:0.5; }
.opacity-5-half { opacity:0.55; }
.opacity-6 { opacity:0.6; }
.opacity-6-half { opacity:0.65; }
.opacity-7 { opacity:0.7; }
.opacity-7-half { opacity:0.75; }
.opacity-8 { opacity:0.8; }
.opacity-8-half { opacity:0.85; }
.opacity-9 { opacity:0.9; }
.opacity-9-half { opacity:0.95; }


/* ===================================
    06. Button
====================================== */

.btn { display:inline-block; border:2px solid transparent; border-radius: 0; text-transform: uppercase; width: auto; font-family: 'Poppins', sans-serif; font-weight: 500; }
.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus { outline: medium none; outline-offset: 0; }
input.btn:focus { border-width: 2px; }
.btn.active, .btn:active, .btn:focus { box-shadow: none; }
.btn i { vertical-align: middle; position: relative; top: -1px }

/* button size */
.btn.btn-very-small { font-size:10px; padding: 6px 16px; }
.btn.btn-small { font-size:11px; padding: 8px 22px;}
.btn.btn-medium { font-size:12px; padding: 10px 26px;}
.btn.btn-large { font-size:13px; padding: 12px 32px;}
.btn.btn-extra-large { font-size:14px; padding: 16px 40px;}
.btn-dual .btn { margin-left: 10px; margin-right: 10px; }
.btn-dual .btn:first-child {margin-left: 0}
.btn .right-icon, .btn-link .right-icon { margin-left: 8px; transition: none; -moz-transition: none; -webkit-transition: none; -ms-transition: none; -o-transition: none; }
.btn .left-icon, .btn-link .left-icon { margin-right: 8px; transition: none; -moz-transition: none; -webkit-transition: none; -ms-transition: none; -o-transition: none; }

/* rounded button */
.btn.btn-round-edge-small { border-radius: 2px; }
.btn.btn-rounded { border-radius: 50px; }
.btn.btn-rounded.btn-very-small { padding: 6px 20px; }
.btn.btn-rounded.btn-small { padding: 8px 26px }
.btn.btn-rounded.btn-medium { padding: 10px 32px; }
.btn.btn-rounded.btn-large { padding: 12px 38px; }
.btn.btn-rounded.btn-extra-large { padding: 16px 44px; }
.btn.btn-round-edge { border-radius: 4px; }
.btn-fixed-bottom { position: absolute; bottom: 30px; right: 30px; z-index: 1; height: 40px; width: 40px; line-height: 40px; text-align: center; }
.btn.btn-rounded.btn-extra-large.btn-expand-ltr { padding: 15px 28px 15px; }
.btn.btn-rounded.btn-extra-large.btn-expand-ltr span { width: 50px;}
.btn.btn-rounded.btn-large.btn-expand-ltr { padding: 14px 26px 14px; }
.btn.btn-rounded.btn-large.btn-expand-ltr span { width: 46px;}
.btn.btn-rounded.btn-medium.btn-expand-ltr { padding: 7px 21px 7px; }
.btn.btn-rounded.btn-medium.btn-expand-ltr span { width: 32px;}
.btn.btn-rounded.btn-small.btn-expand-ltr { padding: 7px 20px 7px; }
.btn.btn-rounded.btn-small.btn-expand-ltr span { width: 30px;}
.btn.btn-rounded.btn-very-small.btn-expand-ltr { padding: 5px 17px 5px }
.btn.btn-rounded.btn-very-small.btn-expand-ltr span { width: 25px;}

/* animation button */
.btn.btn-slide-up-bg, .btn.btn-slide-down-bg, .btn.btn-slide-left-bg, .btn.btn-slide-right-bg { position: relative; z-index: 1; overflow: hidden; }
.btn.btn-slide-up-bg span, .btn.btn-slide-down-bg span, .btn.btn-slide-left-bg span, .btn.btn-slide-right-bg span { position: absolute; height: 100%; width: 101%; z-index: -1; left: -1px; top: 0; }
.btn.btn-slide-up-bg span, .btn.btn-slide-down-bg span, .btn.btn-slide-left-bg span, .btn.btn-slide-right-bg span { position: absolute; height: 100%; width: 101%; z-index: -1; left: -1px; top: 0; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }

/* slide button */
.btn.btn-slide-up-bg span { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }
.btn.btn-slide-down-bg span { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); }
.btn.btn-slide-up-bg:hover span, .btn.btn-slide-down-bg:hover span { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.btn.btn-slide-left-bg span { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
.btn.btn-slide-right-bg span { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }
.btn.btn-slide-left-bg:hover span, .btn.btn-slide-right-bg:hover span { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.btn-slide-icon i {-webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s;}
.btn-slide-icon:hover i { -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.btn-slide-icon-left i {-webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s;}
.btn-slide-icon-left:hover i { -webkit-transform: translateX(-5px); -moz-transform: translateX(-5px); -ms-transform: translateX(-5px); -o-transform: translateX(-5px); transform: translateX(-5px); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }

/* fancy button */
.btn.btn-fancy.btn-very-small { font-size:10px; letter-spacing: 0.5px; padding: 7px 18px; }
.btn.btn-fancy.btn-small { font-size:11px; letter-spacing: 0.5px; padding: 10px 24px;}
.btn.btn-fancy.btn-medium { font-size:12px; letter-spacing: 1px; padding: 12px 28px;}
.btn.btn-fancy.btn-large { font-size:13px; letter-spacing: 1px; padding: 13px 32px;}
.btn.btn-fancy.btn-extra-large { font-size:15px; letter-spacing: 1px; padding: 18px 38px; }

/* expanded button */
.btn.btn-expand-ltr { position: relative; z-index: 1; }
.btn.btn-expand-ltr.btn-rounded span { border-radius: 50px; }
.btn.btn-expand-ltr:hover span { width: 100% !important; }
.btn.btn-expand-ltr span { position: absolute; top: 0; left: 0; width: 50%; height: 100%; z-index: -1; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.btn.btn-expand-ltr i { display: inline-block; margin-left: 3px; opacity: 0; transform: translateX(-10px); -webkit-transform: translateX(-10px); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; }
.btn.btn-expand-ltr:hover i { opacity: 1; transform: translateX(0); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }

/* link button */
.btn.btn-link { padding: 7px 0 2px; position: relative; text-decoration: none; border: 0; border-bottom: 2px solid; background-color: transparent; }
.btn.btn-link:hover, .btn.btn-link-gradient:hover { opacity: .7; }
.btn.btn-link.thin { padding: 7px 0 2px; position: relative; text-decoration: none; border: 0; border-bottom: 1px solid; background-color: transparent; }
.btn.btn-link.thin:hover, .btn.btn-link-gradient:hover { opacity: .7; }
.btn.btn-link-gradient { padding: 7px 0 2px; position: relative; border: 0; background-color: transparent; }
.btn.btn-link-gradient > span { position: absolute; bottom: 0; left: 0; height: 2px; width: 100%; }

/* button box shadow */
.btn-box-shadow { box-shadow: 0 0 15px rgba(0,0,0,.1);}
.btn-box-shadow:hover {box-shadow: 0 8px 30px -5px rgba(0,0,0,.2); -moz-transform: translate3d(0, -3px, 0); -o-transform: translate3d(0, -3px, 0); -ms-transform: translate3d(0, -3px, 0); -webkit-transform: translate3d(0, -3px, 0); transform: translate3d(0, -3px, 0);}
.btn.btn-box-shadow.btn-white { background:#ffffff; border-color: #ffffff; color: #232323; }
.btn.btn-box-shadow.btn-white:hover, .btn.btn-white:focus { background: #ffffff; color: #232323; }
.btn.btn-box-shadow.btn-dark-gray { background:#232323; border-color: #232323; color: #fff; }
.btn.btn-box-shadow.btn-dark-gray:hover, .btn.btn-extra-dark-gray:focus { background: #232323; color: #fff; }
.btn.btn-box-shadow.btn-golden-brown { background:#CD9452; border-color: #CD9452; color: #fff; }
.btn.btn-box-shadow.btn-golden-brown:hover, .btn.btn-extra-dark-gray:focus { background: #CD9452; color: #fff; }

/* button box shadow flat */
.btn-box-shadow-flat { box-shadow: 2px 2px 0 rgba(0,0,0,1); border-width: 1px;}
.btn-box-shadow-flat:hover {box-shadow: 0 0 0 rgba(0,0,0,0); }
.btn.btn-box-shadow-flat.btn-transparent-dark-gray { background:transparent; border-color: #232323; color: #232323; }
.btn.btn-box-shadow-flat.btn-transparent-dark-gray:hover, .btn.btn-transparent-dark-gray:focus { background: #232323; color: #fff; border-color: transparent }

/* button flat background */
.btn.btn-white { background:#ffffff; border-color: #ffffff; color: #232323; }
.btn.btn-white:hover, .btn.btn-white:focus { background: transparent; color: #fff; }
.btn.btn-black { background:#000000; border-color: #000000; color: #fff; }
.btn.btn-black:hover, .btn.btn-black:focus { background: transparent; color: #000; }
.btn.btn-dark-gray { background: #232323; border-color: #232323; color: #fff; }
.btn.btn-dark-gray:hover, .btn.btn-dark-gray:focus { background: transparent; color: #232323; }
.btn.btn-light-gray { background: #dbdbdb; border-color: #dbdbdb; color: #232323; }
.btn.btn-light-gray:hover, .btn.btn-light-gray:focus { background: transparent; border-color: #dbdbdb; color: #dbdbdb; }
.btn.btn-fast-blue { background: #0038e3; border-color: #0038e3; color: #ffffff; }
.btn.btn-fast-blue:hover, .btn.btn-fast-blue:focus { background: transparent; color: #0038e3; }
.btn.btn-green { background: #27AE60; border-color: #27AE60; color: #ffffff; }
.btn.btn-green:hover, .btn.btn-green:focus { background: transparent; color: #27AE60; }
.btn.btn-olivine-green { background: #8bb867; border-color: #8bb867; color: #ffffff; }
.btn.btn-olivine-green:hover, .btn.btn-olivine-green:focus { background: transparent; color: #8bb867; }
.btn.btn-sky-blue { background: #2e94eb; border-color: #2e94eb; color: #ffffff; }
.btn.btn-sky-blue:hover, .btn.btn-sky-blue:focus { background: transparent; color: #2e94eb; }
.btn.btn-yellow-ochre { background: #c89965; border-color: #c89965; color: #ffffff; }
.btn.btn-yellow-ochre:hover, .btn.btn-yellow-ochre:focus { background: transparent; color: #c89965; }
.btn.btn-fast-yellow { background: #F4D956; border-color: #F4D956; color: #232323; }
.btn.btn-fast-yellow:hover, .btn.btn-fast-yellow:focus { background: transparent; color: #F4D956; }
.btn.btn-dark-purple { background: #333045; border-color: #333045; color: #ffffff; }
.btn.btn-dark-purple:hover, .btn.btn-dark-purple:focus { background: transparent; color: #333045; }
.btn.btn-slate-blue { background: #262b35; border-color: #262b35; color: #ffffff; }
.btn.btn-slate-blue:hover, .btn.btn-slate-blue:focus { background: transparent; color: #262b35; }
.btn.btn-medium-slate-blue { background: #374162; border-color: #374162; color: #ffffff; }
.btn.btn-medium-slate-blue:hover, .btn.btn-medium-slate-blue:focus { background: transparent; color: #374162; }
.btn.btn-neon-orange { background: #ff7a56; border-color: #ff7a56; color: #ffffff; }
.btn.btn-neon-orange:hover, .btn.btn-neon-orange:focus { background: transparent; color: #ff7a56; }
.btn.btn-salmon-rose { background: #ea9d8d; border-color: #ea9d8d; color: #232323; }
.btn.btn-salmon-rose:hover, .btn.btn-salmon-rose:focus { background: transparent; color: #ea9d8d; }
.btn.btn-tussock { background: #bf8c4c; border-color: #bf8c4c; color: #ffffff; }
.btn.btn-tussock:hover, .btn.btn-tussock:focus { background: transparent; color: #bf8c4c; }
.btn.btn-golden { background: #ca943d; border-color: #ca943d; color: #ffffff; }
.btn.btn-golden:hover, .btn.btn-golden:focus { background: transparent; color: #ca943d; }
.btn.btn-golden-brown { background: #CD9452; border-color: #CD9452; color: #ffffff; }
.btn.btn-golden-brown:hover, .btn.btn-golden-brown:focus { background: transparent; color: #CD9452; }
.btn.btn-iris-blue { background: #00B8B8; border-color: #00B8B8; color: #ffffff; }
.btn.btn-iris-blue:hover, .btn.btn-iris-blue:focus { background: transparent; color: #00B8B8; }

/* button only border */
.btn.btn-transparent-white { background: transparent; border-color: #ffffff; color: #ffffff; }
.btn.btn-transparent-white:hover, .btn.btn-transparent-white:focus { background: #ffffff; border-color: #ffffff; color: #232323; }
.btn.btn-transparent-black { background: transparent; border-color: #000000; color: #000000; }
.btn.btn-transparent-black:hover, .btn.btn-transparent-black:focus { background: #000000; border-color: #000000; color: #ffffff; }
.btn.btn-transparent-dark-gray { background: transparent; border-color: #232323; color: #232323; }
.btn.btn-transparent-dark-gray:hover, .btn.btn-transparent-dark-gray:focus { background: #232323; border-color: #232323; color: #ffffff; }
.btn.btn-transparent-light-gray { background: transparent; border-color: #dbdbdb; color: #232323; }
.btn.btn-transparent-light-gray:hover, .btn.btn-transparent-light-gray:focus { background: #232323; border-color: #232323; color: #ffffff; }
.btn.btn-transparent-medium-light-gray { background: transparent; border-color: #757575; color: #757575; }
.btn.btn-transparent-medium-light-gray:hover, .btn.btn-transparent-medium-light-gray:focus { background: #dbdbdb; border-color: #dbdbdb; color: #232323; }
.btn.btn-transparent-fast-blue { background: transparent; border-color: #0038e3; color: #0038e3; }
.btn.btn-transparent-fast-blue:hover, .btn.btn-transparent-fast-blue:focus { background: #0038e3; border-color: #0038e3; color: #fff; }
.btn.btn-transparent-green { background: transparent; border-color: #1dcf79; color: #1dcf79; }
.btn.btn-transparent-green:hover, .btn.btn-transparent-green:focus { background: #1dcf79; border-color: #1dcf79; color: #fff; }
.btn.btn-transparent-slate-blue { background: transparent; border-color: #262b35; color: #262b35; }
.btn.btn-transparent-slate-blue:hover, .btn.btn-transparent-slate-blue:focus { background: #262b35; border-color: #262b35; color: #fff; }
.btn.btn-transparent-medium-slate-blue { background: transparent; border-color: #374162; color: #374162; }
.btn.btn-transparent-medium-slate-blue:hover, .btn.btn-transparent-medium-slate-blue:focus { background: #374162; border-color: #374162; color: #fff; }
.btn.btn-transparent-tussock { background: transparent; border-color: #bf8c4c; color: #bf8c4c; }
.btn.btn-transparent-tussock:hover, .btn.btn-transparent-tussock:focus { background: #bf8c4c; border-color: #bf8c4c; color: #fff; }
.btn.btn-transparent-golden-brown { background: transparent; border-color: #CD9452; color: #CD9452; }
.btn.btn-transparent-golden-brown:hover, .btn.btn-transparent-golden-brown:focus { background: #CD9452; border-color: #CD9452; color: #fff; }

/* button gradient */
.btn-gradient-magenta-orange { background-image: linear-gradient(to right, #e42564, #fa6259, #e42564); color: #fff; background-size: 200% auto; transition: all 0.3s cubic-bezier(.25,.8,.25,1); }
.btn-gradient-magenta-orange-2 { background-image: linear-gradient(to right, #ec606c, #eb7242, #ec606c); color: #fff; background-size: 200% auto; transition: all 0.3s cubic-bezier(.25,.8,.25,1); }
.btn-gradient-purple-magenta { background: linear-gradient(to right, #502970, #f34259, #502970); color: #fff; background-size: 200% auto; transition: all 0.3s cubic-bezier(.25,.8,.25,1); }
.btn-gradient-light-purple-light-orange { background-image: linear-gradient(to right, #b884fd, #fe73a8, #b884fd); color: #fff; background-size: 200% auto; transition: all 0.3s cubic-bezier(.25,.8,.25,1); }
.btn-gradient-sky-blue-pink { background: linear-gradient(to right, #556fff, #ff798e, #556fff); color: #fff; background-size: 200% auto; transition: all 0.3s cubic-bezier(.25,.8,.25,1); }
.btn-gradient-peacock-blue-crome-yellow { background: linear-gradient(to right, #36c1e1, #feb95b, #36c1e1); color: #fff; background-size: 200% auto; transition: all 0.3s cubic-bezier(.25,.8,.25,1); }
.btn-gradient-fast-blue-purple { background: linear-gradient(to right, #0039e3, #8600d4, #0039e3); color: #fff; background-size: 200% auto; transition: all 0.3s cubic-bezier(.25,.8,.25,1); }
.btn-gradient-tan-geraldine { background-image: linear-gradient(to right, #fe8182,  #f8a380, #fe8182); color: #fff; background-size: 200% auto; transition: all 0.3s cubic-bezier(.25,.8,.25,1); }
.btn-gradient-tan-geraldine-2 { background-image: linear-gradient(to right, #ff798c, #ff7e89, #ff8584, #ff8d7e, #ff927a); color: #fff; background-size: 200% auto; transition: all 0.3s cubic-bezier(.25,.8,.25,1); }
.btn-gradient-shamrock-green-light-orange { background-image: linear-gradient(to right, #2ed47c, #e8a626, #2ed47c); color: #fff; background-size: 200% auto; transition: all 0.3s cubic-bezier(.25,.8,.25,1);}
.btn-gradient-light-purple-light-red { background-image: linear-gradient(to right, #b884fd, #fd9395, #b884fd); color: #fff; background-size: 200% auto; transition: all 0.3s cubic-bezier(.25,.8,.25,1); }
.btn-gradient-yellowish-green-turquoise { background-image: linear-gradient(to right, #d0e51b, #3edfb6, #d0e51b); color: #232323; background-size: 200% auto; transition: all 0.3s cubic-bezier(.25,.8,.25,1); }
.btn-gradient-peacock-blue-crome-yellow-2 { background-image: linear-gradient(to right, #5cc088, #e7a965, #5cc088); color: #ffffff; background-size: 200% auto; transition: all 0.3s cubic-bezier(.25,.8,.25,1); }
.btn-gradient-shamrock-green-light-orange:hover, .btn-gradient-shamrock-green-light-orange:focus, .btn-gradient-tan-geraldine-2:hover, .btn-gradient-tan-geraldine-2:focus, .btn-gradient-magenta-orange:hover, .btn-gradient-magenta-orange:focus, .btn-gradient-magenta-orange-2:hover, .btn-gradient-magenta-orange-2:focus, .btn-gradient-purple-magenta:hover, .btn-gradient-purple-magenta:focus, .btn-gradient-light-purple-light-orange:hover, .btn-gradient-light-purple-light-orange:focus, .btn-gradient-sky-blue-pink:hover, .btn-gradient-sky-blue-pink:focus, .btn-gradient-peacock-blue-crome-yellow:hover, .btn-gradient-peacock-blue-crome-yellow:focus, .btn-gradient-fast-blue-purple:hover, .btn-gradient-fast-blue-purple:focus, .btn-gradient-tan-geraldine:hover, .btn-gradient-tan-geraldine:focus, .btn-gradient-light-purple-light-red:hover, .btn-gradient-light-purple-light-red:focus, .btn-gradient-yellowish-green-turquoise:hover, .btn-gradient-yellowish-green-turquoise:focus, .btn-gradient-peacock-blue-crome-yellow-2:hover, .btn-gradient-peacock-blue-crome-yellow-2:focus { background-position: right center; color: #fff; }

/* button gradient border */
.btn.btn-transparent-gradient-sky-blue-pink { background: transparent; color: #232323; border-image-slice: 1; border-image-source: linear-gradient(45deg, rgb(85, 111, 255), rgb(255, 121, 142));}
.btn.btn-transparent-gradient-sky-blue-pink:hover, .btn.btn-transparent-gradient-sky-blue-pink:focus { background: transparent; color: #232323; }

/* ===================================
    07. Border
====================================== */

.border-all { border: 1px solid !important; }
.border-top { border-top: 1px solid !important; }
.border-bottom { border-bottom: 1px solid !important; }
.border-left { border-left: 1px solid !important; }
.border-right { border-right: 1px solid !important; }
.border-lr { border-left: 1px solid; border-right: 1px solid !important; }
.border-tb { border-top: 1px solid; border-bottom: 1px solid !important; }

/* border width */
.border-width-1px { border-width:1px !important; }
.border-width-2px { border-width:2px !important; }
.border-width-3px { border-width:3px !important; }
.border-width-4px { border-width:4px !important; }
.border-width-5px { border-width:5px !important; }
.border-width-6px { border-width:6px !important; }
.border-width-7px { border-width:7px !important; }
.border-width-8px { border-width:8px !important; }
.border-width-9px { border-width:9px !important; }
.border-width-10px { border-width:10px !important; }
.border-width-11px { border-width:11px !important; }
.border-width-12px { border-width:12px !important; }
.border-width-13px { border-width:13px !important; }
.border-width-14px { border-width:14px !important; }
.border-width-15px { border-width:15px !important; }
.border-width-16px { border-width:16px !important; }
.border-width-17px { border-width:17px !important; }
.border-width-18px { border-width:18px !important; }
.border-width-19px { border-width:19px !important; }
.border-width-20px { border-width:20px !important; }

/* border color */
.border-color-white { border-color: #fff !important; }
.border-color-black { border-color: #000 !important; }
.border-color-sky-blue { border-color: #2e94eb !important; }
.border-color-extra-dark-gray { border-color: #232323 !important; }
.border-color-medium-dark-gray { border-color: #363636 !important; }
.border-color-dark-gray { border-color: #939393 !important; }
.border-color-extra-medium-gray { border-color: #dbdbdb !important; }
.border-color-medium-gray { border-color: #e4e4e4 !important; }
.border-color-medium-light-gray { border-color: #757575 !important; }
.border-color-extra-light-gray { border-color: #ededed !important; }
.border-color-light-gray { border-color: #f5f5f5 !important; }
.border-color-light-pink { border-color: #ff85a6 !important; }
.border-color-fast-blue { border-color: #0038e3 !important; }
.border-color-light-peach { border-color: #ffd7c4 !important; }
.border-color-neon-orange { border-color: #ff7a56 !important; }
.border-color-green { border-color: #27ae60 !important; }
.border-color-olivine-green { border-color: #8bb867 !important; }
.border-color-shamrock-green { border-color: #2ed47c !important; }
.border-color-light-brownish-orange {border-color: #e6994e !important;}
.border-color-golden-brown {border-color: #CD9452 !important;}

/* transparent border */
.border-color-transparent { border-color: transparent !important; }
.border-color-black-transparent { border-color: rgba(0,0,0,.1) !important; }
.border-color-white-transparent { border-color: rgba(255,255,255,.1) !important; }
.border-color-golden-transparent { border-color: rgba(202, 148, 61, 0.4) !important; }
.border-color-pink-transparent { border-color: rgba(255, 33, 79, 0.45) !important; }
.border-color-dark-white-transparent { border-color: rgba(255,255,255,0.2) !important; }
.border-color-medium-white-transparent { border-color: rgba(255,255,255,0.4) !important; }
.border-color-full-dark-white-transparent { border-color: rgba(255,255,255,0.05) !important; }
.border-color-light-white-transparent { border-color: rgba(255,255,255,0.1) !important; }
.border-color-nero-transparent { border-color: rgba(25,25,25,0.1) !important; }
.border-color-extra-medium-gray-transparent { border-color: rgba(219,219,219,.04) !important; }
.border-color-copper-red-transparent { border-color: rgba(204,117,76,.3) !important; }

/* border gradient */
.border-gradient-magenta-orange { border-image: linear-gradient(to right top, #e42464, #ed3c5f, #f44f5c, #fa6259, #ff7357); border-image-slice: 1;  }
.border-gradient-purple-magenta { border-image: linear-gradient(to right top, #502970, #7f2977, #ac2775, #d42d6b, #f34259); border-image-slice: 1; }
.border-gradient-light-purple-light-orange { border-image: linear-gradient(to right top, #b783ff, #e37be0, #fa7cc1, #ff85a6, #ff9393); border-image-slice: 1; }
.border-gradient-sky-blue-pink { border-image: linear-gradient(to right top, #556fff, #b263e4, #e05fc4, #f767a6, #ff798e); border-image-slice: 1; }
.border-gradient-peacock-blue-crome-yellow { border-image: linear-gradient(to right top, #36c1e1, #28ccc0, #74cf8e, #bac962, #feb95b); border-image-slice: 1; }
.border-gradient-fast-blue-purple { border-image: linear-gradient(to right top, #0039e3, #4132e0, #5e28dd, #741bd9, #8600d4); border-image-slice: 1; }
.border-gradient-light-purple-light-red { border-image: linear-gradient(to right top, #bb85f9, #c887e5, #da8bca, #eb8fb0, #fb9398); border-image-slice: 1; }
.border-gradient-light-brownish-orange-black { border-image: linear-gradient(to right top, #e79e57, #9d9049, #62794c, #405c4c, #353d3c); border-image-slice: 1; }
.border-gradient-red-violet-purple { border-image: linear-gradient(to right, #b93d90, #a92b95, #951b9c, #7a11a4, #5412ad); border-image-slice: 1; }

/* border style */
.border-dotted { border-style: dotted !important; }
.border-dashed { border-style: dashed !important; }
.border-solid { border-style: solid !important; }
.border-double { border-style: double !important; }
.border-groove { border-style: groove !important; }
.border-ridge { border-style: ridge !important; }
.border-inset { border-style: inset !important; }
.border-outset { border-style: outset !important; }
.border-none { border-style: none !important; }
.border-hidden { border-style: hidden !important; }
.border-transperent { border-color: transparent !important; }

/* no border */
.no-border { border:0 !important; }
.no-border-top { border-top:0 !important; }
.no-border-bottom { border-bottom:0 !important; }
.no-border-right { border-right:0 !important; }
.no-border-left { border-left:0 !important; }
.no-border-top-bottom { border-top:0 !important; border-bottom: 0 !important; }
.no-border-left-right { border-left:0 !important; border-right: 0 !important; }

/* border radius */
.border-radius-0px { border-radius: 0; }
.border-radius-1px { border-radius:1px; }
.border-radius-2px { border-radius:2px; }
.border-radius-3px { border-radius:3px; }
.border-radius-4px { border-radius:4px; }
.border-radius-5px { border-radius:5px; }
.border-radius-6px { border-radius:6px; }
.border-radius-7px { border-radius:7px; }
.border-radius-8px { border-radius:8px; }
.border-radius-9px { border-radius:9px; }
.border-radius-10px { border-radius:10px; }
.border-radius-20px { border-radius:20px; }
.border-radius-30px { border-radius:30px; }
.border-radius-40px { border-radius:40px; }
.border-radius-50px { border-radius:50px; }
.border-radius-100px { border-radius:100px; }
.border-radius-50 { border-radius:50%; }
.border-radius-100 { border-radius:100%; }
.no-border-radius { border-radius:0 !important; }


/* ===================================
    09. Background image
====================================== */

.cover-background { background-repeat: no-repeat !important; background-size: cover !important; overflow: hidden; position: relative; background-position: center center !important; }
.fix-background { position: relative; background-size: cover !important; -webkit-animation-duration: 0s; -webkit-animation-fill-mode: none; overflow: hidden; background-position: center center; background-repeat: no-repeat !important; background-attachment: fixed !important; }
.background-size-inherit { background-size: inherit; }
.background-attachment-inherit { background-attachment: inherit; }
.background-position-left { background-position: left center; }
.background-position-left-bottom { background-position: left bottom; }
.background-position-right { background-position: right center; }
.background-position-top { background-position: right top; }
.background-position-center-top { background-position: center top; }
.background-position-right-bottom { background-position: right bottom; }
.background-position-center-bottom { background-position: center bottom !important; }
.background-repeat { background-repeat:repeat; }
.background-no-repeat { background-repeat:no-repeat; }
.background-position-center { background-position: center; }
.up-down-ani { display:table; position: relative; -webkit-animation-name: down-arrow; -webkit-animation-duration:0.8s; -webkit-animation-timing-function: linear; -webkit-animation-delay:0.8s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-name: down-arrow; animation-duration:0.8s; animation-timing-function: linear; animation-delay:0.8s; animation-iteration-count: infinite; animation-direction: alternate; margin:0 auto; }
.cover-img { object-fit: cover; height: 100%; }

/* background parallax */
.parallax { position: relative !important; background-size: cover !important; overflow: hidden; background-attachment: fixed !important; transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s; }
.parallax-fix { background-attachment: fixed !important; background-position: center center; background-repeat: no-repeat; background-size: cover !important; overflow: hidden; position: relative; transition-duration: 0.2s; transition-timing-function: ease-in; }


/* ===================================
    10. Margin
====================================== */

.margin-one-all { margin:1%; }
.margin-two-all { margin:2%; }
.margin-three-all { margin:3%; }
.margin-four-all { margin:4%; }
.margin-five-all { margin:5%; }
.margin-six-all { margin:6%; }
.margin-seven-all { margin:7%; }
.margin-eight-all { margin:8%; }
.margin-nine-all { margin:9%; }
.margin-ten-all { margin:10%; }
.margin-eleven-all { margin:11%; }
.margin-twelve-all { margin:12%; }
.margin-thirteen-all { margin:13%; }
.margin-fourteen-all { margin:14%; }
.margin-fifteen-all { margin:15%; }
.margin-sixteen-all { margin:16%; }
.margin-seventeen-all { margin:17%; }
.margin-eighteen-all { margin:18%; }
.margin-nineteen-all { margin:19%; }
.margin-twenty-all { margin:20%; }
.margin-5px-all { margin:5px; }
.margin-10px-all { margin:10px; }
.margin-15px-all { margin:15px; }
.margin-20px-all { margin:20px; }
.margin-25px-all { margin:25px; }
.margin-30px-all { margin:30px; }
.margin-35px-all { margin:35px; }
.margin-40px-all { margin:40px; }
.margin-45px-all { margin:45px; }
.margin-50px-all { margin:50px; }
.margin-55px-all { margin:55px; }
.margin-60px-all { margin:60px; }
.margin-65px-all { margin:65px; }
.margin-70px-all { margin:70px; }
.margin-75px-all { margin:75px; }
.margin-80px-all { margin:80px; }
.margin-85px-all { margin:85px; }
.margin-90px-all { margin:90px; }
.margin-95px-all { margin:95px; }
.margin-100px-all { margin:100px; }
.margin-1-rem-all { margin: 1rem; }
.margin-1-half-rem-all { margin: 1.5rem; }
.margin-2-rem-all { margin: 2rem; }
.margin-2-half-rem-all { margin: 2.5rem; }
.margin-3-rem-all { margin: 3rem; }
.margin-3-half-rem-all { margin: 3.5rem; }
.margin-4-rem-all { margin: 4rem; }
.margin-4-half-rem-all { margin: 4.5rem; }
.margin-5-rem-all { margin: 5rem; }
.margin-5-half-rem-all { margin: 5.5rem; }
.margin-6-rem-all { margin: 6rem; }
.margin-6-half-rem-all { margin: 6.5rem; }
.margin-7-rem-all { margin: 7rem; }
.margin-7-half-rem-all { margin: 7.5rem; }
.margin-8-rem-all { margin: 8rem; }
.margin-8-half-rem-all { margin: 8.5rem; }
.margin-9-rem-all { margin: 9rem; }
.margin-9-half-rem-all { margin: 9.5rem; }
.margin-10-rem-all { margin: 10rem; }
.margin-10-half-rem-all { margin: 10.5rem; }

/* margin top */
.margin-one-top { margin-top:1%; }
.margin-two-top { margin-top:2%; }
.margin-three-top { margin-top:3%; }
.margin-four-top { margin-top:4%; }
.margin-five-top { margin-top:5%; }
.margin-six-top { margin-top:6%; }
.margin-seven-top { margin-top:7%; }
.margin-eight-top { margin-top:8%; }
.margin-nine-top { margin-top:9%; }
.margin-ten-top { margin-top:10%; }
.margin-eleven-top { margin-top:11%; }
.margin-twelve-top { margin-top:12%; }
.margin-thirteen-top { margin-top:13%; }
.margin-fourteen-top { margin-top:14%; }
.margin-fifteen-top { margin-top:15%; }
.margin-sixteen-top { margin-top:16%; }
.margin-seventeen-top { margin-top:17%; }
.margin-eighteen-top { margin-top:18%; }
.margin-nineteen-top { margin-top:19%; }
.margin-twenty-top { margin-top:20%; }
.margin-twenty-five-top { margin-top:20%; }
.margin-5px-top { margin-top:5px; }
.margin-10px-top { margin-top:10px; }
.margin-15px-top { margin-top:15px; }
.margin-20px-top { margin-top:20px; }
.margin-25px-top { margin-top:25px; }
.margin-30px-top { margin-top:30px; }
.margin-35px-top { margin-top:35px; }
.margin-40px-top { margin-top:40px; }
.margin-45px-top { margin-top:45px; }
.margin-50px-top { margin-top:50px; }
.margin-55px-top { margin-top:55px; }
.margin-60px-top { margin-top:60px; }
.margin-65px-top { margin-top:65px; }
.margin-70px-top { margin-top:70px; }
.margin-75px-top { margin-top:75px; }
.margin-80px-top { margin-top:80px; }
.margin-85px-top { margin-top:85px; }
.margin-90px-top { margin-top:90px; }
.margin-95px-top { margin-top:95px; }
.margin-100px-top { margin-top:100px; }
.margin-1-rem-top { margin-top: 1rem; }
.margin-1-half-rem-top { margin-top: 1.5rem; }
.margin-2-rem-top { margin-top: 2rem; }
.margin-2-half-rem-top { margin-top: 2.5rem; }
.margin-3-rem-top { margin-top: 3rem; }
.margin-3-half-rem-top { margin-top: 3.5rem; }
.margin-4-rem-top { margin-top: 4rem; }
.margin-4-half-rem-top { margin-top: 4.5rem; }
.margin-5-rem-top { margin-top: 5rem; }
.margin-5-half-rem-top { margin-top: 5.5rem; }
.margin-6-rem-top { margin-top: 6rem; }
.margin-6-half-rem-top { margin-top: 6.5rem; }
.margin-7-rem-top { margin-top: 7rem; }
.margin-7-half-rem-top { margin-top: 7.5rem; }
.margin-8-rem-top { margin-top: 8rem; }
.margin-8-half-rem-top { margin-top: 8.5rem; }
.margin-9-rem-top { margin-top: 9rem; }
.margin-9-half-rem-top { margin-top: 9.5rem; }
.margin-10-rem-top { margin-top: 10rem; }
.margin-10-half-rem-top { margin-top: 10.5rem; }

/* margin bottom */
.margin-one-bottom { margin-bottom:1%; }
.margin-two-bottom { margin-bottom:2%; }
.margin-three-bottom { margin-bottom:3%; }
.margin-four-bottom { margin-bottom:4%; }
.margin-five-bottom { margin-bottom:5%; }
.margin-six-bottom { margin-bottom:6%; }
.margin-seven-bottom { margin-bottom:7%; }
.margin-eight-bottom { margin-bottom:8%; }
.margin-nine-bottom { margin-bottom:9%; }
.margin-ten-bottom { margin-bottom:10%; }
.margin-eleven-bottom { margin-bottom:11%; }
.margin-twelve-bottom { margin-bottom:12%; }
.margin-thirteen-bottom { margin-bottom:13%; }
.margin-fourteen-bottom { margin-bottom:14%; }
.margin-fifteen-bottom { margin-bottom:15%; }
.margin-sixteen-bottom { margin-bottom:16%; }
.margin-seventeen-bottom { margin-bottom:17%; }
.margin-eighteen-bottom { margin-bottom:18%; }
.margin-nineteen-bottom { margin-bottom:19%; }
.margin-twenty-bottom { margin-bottom:20%; }
.margin-5px-bottom { margin-bottom:5px; }
.margin-10px-bottom { margin-bottom:10px; }
.margin-15px-bottom { margin-bottom:15px; }
.margin-20px-bottom { margin-bottom:20px; }
.margin-25px-bottom { margin-bottom:25px; }
.margin-30px-bottom { margin-bottom:30px; }
.margin-35px-bottom { margin-bottom:35px; }
.margin-40px-bottom { margin-bottom:40px; }
.margin-45px-bottom { margin-bottom:45px; }
.margin-50px-bottom { margin-bottom:50px; }
.margin-55px-bottom { margin-bottom:55px; }
.margin-60px-bottom { margin-bottom:60px; }
.margin-65px-bottom { margin-bottom:65px; }
.margin-70px-bottom { margin-bottom:70px; }
.margin-75px-bottom { margin-bottom:75px; }
.margin-80px-bottom { margin-bottom:80px; }
.margin-85px-bottom { margin-bottom:85px; }
.margin-90px-bottom { margin-bottom:90px; }
.margin-95px-bottom { margin-bottom:95px; }
.margin-100px-bottom { margin-bottom:100px; }
.margin-1-rem-bottom { margin-bottom: 1rem; }
.margin-1-half-rem-bottom { margin-bottom: 1.5rem; }
.margin-2-rem-bottom { margin-bottom: 2rem; }
.margin-2-half-rem-bottom { margin-bottom: 2.5rem; }
.margin-3-rem-bottom { margin-bottom: 3rem; }
.margin-3-half-rem-bottom { margin-bottom: 3.5rem; }
.margin-4-rem-bottom { margin-bottom: 4rem; }
.margin-4-half-rem-bottom { margin-bottom: 4.5rem; }
.margin-5-rem-bottom { margin-bottom: 5rem; }
.margin-5-half-rem-bottom { margin-bottom: 5.5rem; }
.margin-6-rem-bottom { margin-bottom: 6rem; }
.margin-6-half-rem-bottom { margin-bottom: 6.5rem; }
.margin-7-rem-bottom { margin-bottom: 7rem; }
.margin-7-half-rem-bottom { margin-bottom: 7.5rem; }
.margin-8-rem-bottom { margin-bottom: 8rem; }
.margin-8-half-rem-bottom { margin-bottom: 8.5rem; }
.margin-9-rem-bottom { margin-bottom: 9rem; }
.margin-9-half-rem-bottom { margin-bottom: 9.5rem; }
.margin-10-rem-bottom { margin-bottom: 10rem; }
.margin-10-half-rem-bottom { margin-bottom: 10.5rem; }
.margin-15-rem-bottom { margin-bottom: 15rem; }
.margin-27-rem-bottom { margin-bottom: 27rem; }

/* margin right */
.margin-one-right { margin-right:1%; }
.margin-two-right { margin-right:2%; }
.margin-three-right { margin-right:3%; }
.margin-four-right { margin-right:4%; }
.margin-five-right { margin-right:5%; }
.margin-six-right { margin-right:6%; }
.margin-seven-right { margin-right:7%; }
.margin-eight-right { margin-right:8%; }
.margin-nine-right { margin-right:9%; }
.margin-ten-right { margin-right:10%; }
.margin-eleven-right { margin-right:11%; }
.margin-twelve-right { margin-right:12%; }
.margin-thirteen-right { margin-right:13%; }
.margin-fourteen-right { margin-right:14%; }
.margin-fifteen-right { margin-right:15%; }
.margin-sixteen-right { margin-right:16%; }
.margin-seventeen-right { margin-right:17%; }
.margin-eighteen-right { margin-right:18%; }
.margin-nineteen-right { margin-right:19%; }
.margin-twenty-right { margin-right:20%; }
.margin-5px-right { margin-right:5px; }
.margin-10px-right { margin-right:10px; }
.margin-15px-right { margin-right:15px; }
.margin-20px-right { margin-right:20px; }
.margin-25px-right { margin-right:25px; }
.margin-30px-right { margin-right:30px; }
.margin-35px-right { margin-right:35px; }
.margin-40px-right { margin-right:40px; }
.margin-45px-right { margin-right:45px; }
.margin-50px-right { margin-right:50px; }
.margin-55px-right { margin-right:55px; }
.margin-60px-right { margin-right:60px; }
.margin-65px-right { margin-right:65px; }
.margin-70px-right { margin-right:70px; }
.margin-75px-right { margin-right:75px; }
.margin-80px-right { margin-right:80px; }
.margin-85px-right { margin-right:85px; }
.margin-90px-right { margin-right:90px; }
.margin-95px-right { margin-right:95px; }
.margin-100px-right { margin-right:100px; }
.margin-1-rem-right { margin-right: 1rem; }
.margin-1-half-rem-right { margin-right: 1.5rem; }
.margin-2-rem-right { margin-right: 2rem; }
.margin-2-half-rem-right { margin-right: 2.5rem; }
.margin-3-rem-right { margin-right: 3rem; }
.margin-3-half-rem-right { margin-right: 3.5rem; }
.margin-4-rem-right { margin-right: 4rem; }
.margin-4-half-rem-right { margin-right: 4.5rem; }
.margin-5-rem-right { margin-right: 5rem; }
.margin-5-half-rem-right { margin-right: 5.5rem; }
.margin-6-rem-right { margin-right: 6rem; }
.margin-6-half-rem-right { margin-right: 6.5rem; }
.margin-7-rem-right { margin-right: 7rem; }
.margin-7-half-rem-right { margin-right: 7.5rem; }
.margin-8-rem-right { margin-right: 8rem; }
.margin-8-half-rem-right { margin-right: 8.5rem; }
.margin-9-rem-right { margin-right: 9rem; }
.margin-9-half-rem-right { margin-right: 9.5rem; }
.margin-10-rem-right { margin-right: 10rem; }
.margin-10-half-rem-right { margin-right: 10.5rem; }

/* margin left */
.margin-one-left { margin-left:1%; }
.margin-two-left { margin-left:2%; }
.margin-three-left { margin-left:3%; }
.margin-four-left { margin-left:4%; }
.margin-five-left { margin-left:5%; }
.margin-six-left { margin-left:6%; }
.margin-seven-left { margin-left:7%; }
.margin-eight-left { margin-left:8%; }
.margin-nine-left { margin-left:9%; }
.margin-ten-left { margin-left:10%; }
.margin-eleven-left { margin-left:11%; }
.margin-twelve-left { margin-left:12%; }
.margin-thirteen-left { margin-left:13%; }
.margin-fourteen-left { margin-left:14%; }
.margin-fifteen-left { margin-left:15%; }
.margin-sixteen-left { margin-left:16%; }
.margin-seventeen-left { margin-left:17%; }
.margin-eighteen-left { margin-left:18%; }
.margin-nineteen-left { margin-left:19%; }
.margin-twenty-left { margin-left:20%; }
.margin-5px-left { margin-left:5px; }
.margin-10px-left { margin-left:10px; }
.margin-15px-left { margin-left:15px; }
.margin-20px-left { margin-left:20px; }
.margin-25px-left { margin-left:25px; }
.margin-30px-left { margin-left:30px; }
.margin-35px-left { margin-left:35px; }
.margin-40px-left { margin-left:40px; }
.margin-45px-left { margin-left:45px; }
.margin-50px-left { margin-left:50px; }
.margin-55px-left { margin-left:55px; }
.margin-60px-left { margin-left:60px; }
.margin-65px-left { margin-left:65px; }
.margin-70px-left { margin-left:70px; }
.margin-75px-left { margin-left:75px; }
.margin-80px-left { margin-left:80px; }
.margin-85px-left { margin-left:85px; }
.margin-90px-left { margin-left:90px; }
.margin-95px-left { margin-left:95px; }
.margin-100px-left { margin-left:100px; }
.margin-1-rem-left { margin-left: 1rem; }
.margin-1-half-rem-left { margin-left: 1.5rem; }
.margin-2-rem-left { margin-left: 2rem; }
.margin-2-half-rem-left { margin-left: 2.5rem; }
.margin-3-rem-left { margin-left: 3rem; }
.margin-3-half-rem-left { margin-left: 3.5rem; }
.margin-4-rem-left { margin-left: 4rem; }
.margin-4-half-rem-left { margin-left: 4.5rem; }
.margin-5-rem-left { margin-left: 5rem; }
.margin-5-half-rem-left { margin-left: 5.5rem; }
.margin-6-rem-left { margin-left: 6rem; }
.margin-6-half-rem-left { margin-left: 6.5rem; }
.margin-7-rem-left { margin-left: 7rem; }
.margin-7-half-rem-left { margin-left: 7.5rem; }
.margin-8-rem-left { margin-left: 8rem; }
.margin-8-half-rem-left { margin-left: 8.5rem; }
.margin-9-rem-left { margin-left: 9rem; }
.margin-9-half-rem-left { margin-left: 9.5rem; }
.margin-10-rem-left { margin-left: 10rem; }
.margin-10-half-rem-left { margin-left: 10.5rem; }

/* margin left right */
.margin-one-lr { margin-left:1%; margin-right:1%; }
.margin-two-lr { margin-left:2%; margin-right:2%; }
.margin-three-lr { margin-left:3%; margin-right:3%; }
.margin-four-lr { margin-left:4%; margin-right:4%; }
.margin-five-lr { margin-left:5%; margin-right:5%; }
.margin-six-lr { margin-left:6%; margin-right:6%; }
.margin-seven-lr { margin-left:7%; margin-right:7%; }
.margin-eight-lr { margin-left:8%; margin-right:8%; }
.margin-nine-lr { margin-left:9%; margin-right:9%; }
.margin-ten-lr { margin-left:10%; margin-right:10%; }
.margin-eleven-lr { margin-left:11%; margin-right:11%; }
.margin-twelve-lr { margin-left:12%; margin-right:12%; }
.margin-thirteen-lr { margin-left:13%; margin-right:13%; }
.margin-fourteen-lr { margin-left:14%; margin-right:14%; }
.margin-fifteen-lr { margin-left:15%; margin-right:15%; }
.margin-sixteen-lr { margin-left:16%; margin-right:16%; }
.margin-seventeen-lr { margin-left:17%; margin-right:17%; }
.margin-eighteen-lr { margin-left:18%; margin-right:18%; }
.margin-nineteen-lr { margin-left:19%; margin-right:19%; }
.margin-twenty-lr { margin-left:20%; margin-right:20%; }
.margin-5px-lr { margin-left:5px; margin-right:5px; }
.margin-10px-lr { margin-left:10px; margin-right:10px; }
.margin-15px-lr { margin-left:15px; margin-right:15px; }
.margin-20px-lr { margin-left:20px; margin-right:20px; }
.margin-25px-lr { margin-left:25px; margin-right:25px; }
.margin-30px-lr { margin-left:30px; margin-right:30px; }
.margin-35px-lr { margin-left:35px; margin-right:35px; }
.margin-40px-lr { margin-left:40px; margin-right:40px; }
.margin-45px-lr { margin-left:45px; margin-right:45px; }
.margin-50px-lr { margin-left:50px; margin-right:50px; }
.margin-55px-lr { margin-left:55px; margin-right:55px; }
.margin-60px-lr { margin-left:60px; margin-right:60px; }
.margin-65px-lr { margin-left:65px; margin-right:65px; }
.margin-70px-lr { margin-left:70px; margin-right:70px; }
.margin-75px-lr { margin-left:75px; margin-right:75px; }
.margin-80px-lr { margin-left:80px; margin-right:80px; }
.margin-85px-lr { margin-left:85px; margin-right:85px; }
.margin-90px-lr { margin-left:90px; margin-right:90px; }
.margin-95px-lr { margin-left:95px; margin-right:95px; }
.margin-100px-lr { margin-left:100px; margin-right:100px; }
.margin-1-rem-lr { margin-left: 1rem; margin-right: 1rem; }
.margin-1-half-rem-lr { margin-left: 1.5rem; margin-right: 1.5rem; }
.margin-2-rem-lr { margin-left: 2rem; margin-right: 2rem; }
.margin-2-half-rem-lr { margin-left: 2.5rem; margin-right: 2.5rem; }
.margin-3-rem-lr { margin-left: 3rem; margin-right: 3rem; }
.margin-3-half-rem-lr { margin-left: 3.5rem; margin-right: 3.5rem; }
.margin-4-rem-lr { margin-left: 4rem; margin-right: 4rem; }
.margin-4-half-rem-lr { margin-left: 4.5rem; margin-right: 4.5rem; }
.margin-5-rem-lr { margin-left: 5rem; margin-right: 5rem; }
.margin-5-half-rem-lr { margin-left: 5.5rem; margin-right: 5.5rem; }
.margin-6-rem-lr { margin-left: 6rem; margin-right: 6rem; }
.margin-6-half-rem-lr { margin-left: 6.5rem; margin-right: 6.5rem; }
.margin-7-rem-lr { margin-left: 7rem; margin-right: 7rem; }
.margin-7-half-rem-lr { margin-left: 7.5rem; margin-right: 7.5rem; }
.margin-8-rem-lr { margin-left: 8rem; margin-right: 8rem; }
.margin-8-half-rem-lr { margin-left: 8.5rem; margin-right: 8.5rem; }
.margin-9-rem-lr { margin-left: 9rem; margin-right: 9rem; }
.margin-9-half-rem-lr { margin-left: 9.5rem; margin-right: 9.5rem; }
.margin-10-rem-lr { margin-left: 10rem; margin-right: 10rem; }
.margin-10-half-rem-lr { margin-left: 10.5rem; margin-right: 10.5rem; }

/* margin top bottom */
.margin-one-tb { margin-top:1%; margin-bottom:1%; }
.margin-two-tb { margin-top:2%; margin-bottom:2%; }
.margin-three-tb { margin-top:3%; margin-bottom:3%; }
.margin-four-tb { margin-top:4%; margin-bottom:4%; }
.margin-five-tb { margin-top:5%; margin-bottom:5%; }
.margin-six-tb { margin-top:6%; margin-bottom:6%; }
.margin-seven-tb { margin-top:7%; margin-bottom:7%; }
.margin-eight-tb { margin-top:8%; margin-bottom:8%; }
.margin-nine-tb { margin-top:9%; margin-bottom:9%; }
.margin-ten-tb { margin-top:10%; margin-bottom:10%; }
.margin-eleven-tb { margin-top:11%; margin-bottom:11%; }
.margin-twelve-tb { margin-top:12%; margin-bottom:12%; }
.margin-thirteen-tb { margin-top:13%; margin-bottom:13%; }
.margin-fourteen-tb { margin-top:14%; margin-bottom:14%; }
.margin-fifteen-tb { margin-top:15%; margin-bottom:15%; }
.margin-sixteen-tb { margin-top:16%; margin-bottom:16%; }
.margin-seventeen-tb { margin-top:17%; margin-bottom:17%; }
.margin-eighteen-tb { margin-top:18%; margin-bottom:18%; }
.margin-nineteen-tb { margin-top:19%; margin-bottom:19%; }
.margin-twenty-tb { margin-top:20%; margin-bottom:20%; }
.margin-5px-tb { margin-top:5px; margin-bottom:5px; }
.margin-10px-tb { margin-top:10px; margin-bottom:10px; }
.margin-15px-tb { margin-top:15px; margin-bottom:15px; }
.margin-20px-tb { margin-top:20px; margin-bottom:20px; }
.margin-25px-tb { margin-top:25px; margin-bottom:25px; }
.margin-30px-tb { margin-top:30px; margin-bottom:30px; }
.margin-35px-tb { margin-top:35px; margin-bottom:35px; }
.margin-40px-tb { margin-top:40px; margin-bottom:40px; }
.margin-45px-tb { margin-top:45px; margin-bottom:45px; }
.margin-50px-tb { margin-top:50px; margin-bottom:50px; }
.margin-55px-tb { margin-top:55px; margin-bottom:55px; }
.margin-60px-tb { margin-top:60px; margin-bottom:60px; }
.margin-65px-tb { margin-top:65px; margin-bottom:65px; }
.margin-70px-tb { margin-top:70px; margin-bottom:70px; }
.margin-75px-tb { margin-top:75px; margin-bottom:75px; }
.margin-80px-tb { margin-top:80px; margin-bottom:80px; }
.margin-85px-tb { margin-top:85px; margin-bottom:85px; }
.margin-90px-tb { margin-top:90px; margin-bottom:90px; }
.margin-95px-tb { margin-top:95px; margin-bottom:95px; }
.margin-100px-tb { margin-top:100px; margin-bottom:100px; }
.margin-1-rem-tb { margin-top: 1rem; margin-bottom: 1rem; }
.margin-1-half-rem-tb { margin-top: 1.5rem; margin-bottom: 1.5rem; }
.margin-2-rem-tb { margin-top: 2rem; margin-bottom: 2rem; }
.margin-2-half-rem-tb { margin-top: 2.5rem; margin-bottom: 2.5rem; }
.margin-3-rem-tb { margin-top: 3rem; margin-bottom: 3rem; }
.margin-3-half-rem-tb { margin-top: 3.5rem; margin-bottom: 3.5rem; }
.margin-4-rem-tb { margin-top: 4rem; margin-bottom: 4rem; }
.margin-4-half-rem-tb { margin-top: 4.5rem; margin-bottom: 4.5rem; }
.margin-5-rem-tb { margin-top: 5rem; margin-bottom: 5rem; }
.margin-5-half-rem-tb { margin-top: 5.5rem; margin-bottom: 5.5rem; }
.margin-6-rem-tb { margin-top: 6rem; margin-bottom: 6rem; }
.margin-6-half-rem-tb { margin-top: 6.5rem; margin-bottom: 6.5rem; }
.margin-7-rem-tb { margin-top: 7rem; margin-bottom: 7rem; }
.margin-7-half-rem-tb { margin-top: 7.5rem; margin-bottom: 7.5rem; }
.margin-8-rem-tb { margin-top: 8rem; margin-bottom: 8rem; }
.margin-8-half-rem-tb { margin-top: 8.5rem; margin-bottom: 8.5rem; }
.margin-9-rem-tb { margin-top: 9rem; margin-bottom: 9rem; }
.margin-9-half-rem-tb { margin-top: 9.5rem; margin-bottom: 9.5rem; }
.margin-10-rem-tb { margin-top: 10rem; margin-bottom: 10rem; }
.margin-10-half-rem-tb { margin-top: 10.5rem; margin-bottom: 10.5rem; }

.margin-auto-lr { margin: 0 auto; }
.margin-auto { margin: auto; }
.no-margin { margin: 0 !important; }
.no-margin-top { margin-top: 0 !important; }
.no-margin-bottom { margin-bottom: 0 !important; }
.no-margin-left { margin-left: 0 !important; }
.no-margin-right { margin-right: 0 !important; }
.no-margin-lr { margin-right: 0 !important; margin-left: 0 !important; }


/* ===================================
    11. Padding
====================================== */

.padding-one-all { padding:1%; }
.padding-two-all { padding:2%; }
.padding-three-all { padding:3%; }
.padding-four-all { padding:4%; }
.padding-five-all { padding:5%; }
.padding-six-all { padding:6%; }
.padding-seven-all { padding:7%; }
.padding-eight-all { padding:8%; }
.padding-nine-all { padding:9%; }
.padding-ten-all { padding:10%; }
.padding-eleven-all { padding:11%; }
.padding-twelve-all { padding:12%; }
.padding-thirteen-all { padding:13%; }
.padding-fourteen-all { padding:14%; }
.padding-fifteen-all { padding:15%; }
.padding-sixteen-all { padding:16%; }
.padding-seventeen-all { padding:17%; }
.padding-eighteen-all { padding:18%; }
.padding-nineteen-all { padding:19%; }
.padding-twenty-all { padding:20%; }
.padding-5px-all { padding:5px; }
.padding-10px-all { padding:10px; }
.padding-15px-all { padding:15px; }
.padding-20px-all { padding:20px; }
.padding-25px-all { padding:25px; }
.padding-30px-all { padding:30px; }
.padding-35px-all { padding:35px; }
.padding-40px-all { padding:40px; }
.padding-45px-all { padding:45px; }
.padding-50px-all { padding:50px; }
.padding-55px-all { padding:55px; }
.padding-60px-all { padding:60px; }
.padding-65px-all { padding:65px; }
.padding-70px-all { padding:70px; }
.padding-75px-all { padding:75px; }
.padding-80px-all { padding:80px; }
.padding-85px-all { padding:85px; }
.padding-90px-all { padding:90px; }
.padding-95px-all { padding:95px; }
.padding-100px-all { padding:100px; }
.padding-1-rem-all { padding: 1rem; }
.padding-1-half-rem-all { padding: 1.5rem; }
.padding-2-rem-all { padding: 2rem; }
.padding-2-half-rem-all { padding: 2.5rem; }
.padding-3-rem-all { padding: 3rem; }
.padding-3-half-rem-all { padding: 3.5rem; }
.padding-4-rem-all { padding: 4rem; }
.padding-4-half-rem-all { padding: 4.5rem; }
.padding-5-rem-all { padding: 5rem; }
.padding-5-half-rem-all { padding: 5.5rem; }
.padding-6-rem-all { padding: 6rem; }
.padding-6-half-rem-all { padding: 6.5rem; }
.padding-7-rem-all { padding: 7rem; }
.padding-7-half-rem-all { padding: 7.5rem; }
.padding-8-rem-all { padding: 8rem; }
.padding-8-half-rem-all { padding: 8.5rem; }
.padding-9-rem-all { padding: 9rem; }
.padding-9-half-rem-all { padding: 9.5rem; }
.padding-10-rem-all { padding: 10rem; }
.padding-10-half-rem-all { padding: 10.5rem; }

/* padding top */
.padding-one-top { padding-top:1%; }
.padding-two-top { padding-top:2%; }
.padding-three-top { padding-top:3%; }
.padding-four-top { padding-top:4%; }
.padding-five-top { padding-top:5%; }
.padding-six-top { padding-top:6%; }
.padding-seven-top { padding-top:7%; }
.padding-eight-top { padding-top:8%; }
.padding-nine-top { padding-top:9%; }
.padding-ten-top { padding-top:10%; }
.padding-eleven-top { padding-top:11%; }
.padding-twelve-top { padding-top:12%; }
.padding-thirteen-top { padding-top:13%; }
.padding-fourteen-top { padding-top:14%; }
.padding-fifteen-top { padding-top:15%; }
.padding-sixteen-top { padding-top:16%; }
.padding-seventeen-top { padding-top:17%; }
.padding-eighteen-top { padding-top:18%; }
.padding-nineteen-top { padding-top:19%; }
.padding-twenty-top { padding-top:20%; }
.padding-5px-top { padding-top:5px; }
.padding-10px-top { padding-top:10px; }
.padding-15px-top { padding-top:15px; }
.padding-20px-top { padding-top:20px; }
.padding-25px-top { padding-top:25px; }
.padding-30px-top { padding-top:30px; }
.padding-35px-top { padding-top:35px; }
.padding-40px-top { padding-top:40px; }
.padding-45px-top { padding-top:45px; }
.padding-50px-top { padding-top:50px; }
.padding-55px-top { padding-top:55px; }
.padding-60px-top { padding-top:60px; }
.padding-65px-top { padding-top:65px; }
.padding-70px-top { padding-top:70px; }
.padding-75px-top { padding-top:75px; }
.padding-80px-top { padding-top:80px; }
.padding-85px-top { padding-top:85px; }
.padding-90px-top { padding-top:90px; }
.padding-95px-top { padding-top:95px; }
.padding-100px-top { padding-top:100px; }
.padding-1-rem-top { padding-top: 1rem; }
.padding-1-half-rem-top { padding-top: 1.5rem; }
.padding-2-rem-top { padding-top: 2rem; }
.padding-2-half-rem-top { padding-top: 2.5rem; }
.padding-3-rem-top { padding-top: 3rem; }
.padding-3-half-rem-top { padding-top: 3.5rem; }
.padding-4-rem-top { padding-top: 4rem; }
.padding-4-half-rem-top { padding-top: 4.5rem; }
.padding-5-rem-top { padding-top: 5rem; }
.padding-5-half-rem-top { padding-top: 5.5rem; }
.padding-6-rem-top { padding-top: 6rem; }
.padding-6-half-rem-top { padding-top: 6.5rem; }
.padding-7-rem-top { padding-top: 7rem; }
.padding-7-half-rem-top { padding-top: 7.5rem; }
.padding-8-rem-top { padding-top: 8rem; }
.padding-8-half-rem-top { padding-top: 8.5rem; }
.padding-9-rem-top { padding-top: 9rem; }
.padding-9-half-rem-top { padding-top: 9.5rem; }
.padding-10-rem-top { padding-top: 10rem; }
.padding-10-half-rem-top { padding-top: 10.5rem; }

/* padding bottom */
.padding-one-bottom { padding-bottom:1%; }
.padding-two-bottom { padding-bottom:2%; }
.padding-three-bottom { padding-bottom:3%; }
.padding-four-bottom { padding-bottom:4%; }
.padding-five-bottom { padding-bottom:5%; }
.padding-six-bottom { padding-bottom:6%; }
.padding-seven-bottom { padding-bottom:7%; }
.padding-eight-bottom { padding-bottom:8%; }
.padding-nine-bottom { padding-bottom:9%; }
.padding-ten-bottom { padding-bottom:10%; }
.padding-eleven-bottom { padding-bottom:11%; }
.padding-twelve-bottom { padding-bottom:12%; }
.padding-thirteen-bottom { padding-bottom:13%; }
.padding-fourteen-bottom { padding-bottom:14%; }
.padding-fifteen-bottom { padding-bottom:15%; }
.padding-sixteen-bottom { padding-bottom:16%; }
.padding-seventeen-bottom { padding-bottom:17%; }
.padding-eighteen-bottom { padding-bottom:18%; }
.padding-nineteen-bottom { padding-bottom:19%; }
.padding-twenty-bottom { padding-bottom:20%; }
.padding-5px-bottom { padding-bottom:5px; }
.padding-10px-bottom { padding-bottom:10px; }
.padding-15px-bottom { padding-bottom:15px; }
.padding-20px-bottom { padding-bottom:20px; }
.padding-25px-bottom { padding-bottom:25px; }
.padding-30px-bottom { padding-bottom:30px; }
.padding-35px-bottom { padding-bottom:35px; }
.padding-40px-bottom { padding-bottom:40px; }
.padding-45px-bottom { padding-bottom:45px; }
.padding-50px-bottom { padding-bottom:50px; }
.padding-55px-bottom { padding-bottom:55px; }
.padding-60px-bottom { padding-bottom:60px; }
.padding-65px-bottom { padding-bottom:65px; }
.padding-70px-bottom { padding-bottom:70px; }
.padding-75px-bottom { padding-bottom:75px; }
.padding-80px-bottom { padding-bottom:80px; }
.padding-85px-bottom { padding-bottom:85px; }
.padding-90px-bottom { padding-bottom:90px; }
.padding-95px-bottom { padding-bottom:95px; }
.padding-100px-bottom { padding-bottom:100px; }
.padding-1-rem-bottom { padding-bottom: 1rem; }
.padding-1-half-rem-bottom { padding-bottom: 1.5rem; }
.padding-2-rem-bottom { padding-bottom: 2rem; }
.padding-2-half-rem-bottom { padding-bottom: 2.5rem; }
.padding-3-rem-bottom { padding-bottom: 3rem; }
.padding-3-half-rem-bottom { padding-bottom: 3.5rem; }
.padding-4-rem-bottom { padding-bottom: 4rem; }
.padding-4-half-rem-bottom { padding-bottom: 4.5rem; }
.padding-5-rem-bottom { padding-bottom: 5rem; }
.padding-5-half-rem-bottom { padding-bottom: 5.5rem; }
.padding-6-rem-bottom { padding-bottom: 6rem; }
.padding-6-half-rem-bottom { padding-bottom: 6.5rem; }
.padding-7-rem-bottom { padding-bottom: 7rem; }
.padding-7-half-rem-bottom { padding-bottom: 7.5rem; }
.padding-8-rem-bottom { padding-bottom: 8rem; }
.padding-8-half-rem-bottom { padding-bottom: 8.5rem; }
.padding-9-rem-bottom { padding-bottom: 9rem; }
.padding-9-half-rem-bottom { padding-bottom: 9.5rem; }
.padding-10-rem-bottom { padding-bottom: 10rem; }
.padding-10-half-rem-bottom { padding-bottom: 10.5rem; }

/* padding right */
.padding-one-right { padding-right:1%; }
.padding-two-right { padding-right:2%; }
.padding-three-right { padding-right:3%; }
.padding-four-right { padding-right:4% }
.padding-five-right { padding-right:5%; }
.padding-six-right { padding-right:6%; }
.padding-seven-right { padding-right:7%; }
.padding-eight-right { padding-right:8%; }
.padding-nine-right { padding-right:9%; }
.padding-ten-right { padding-right:10%; }
.padding-eleven-right { padding-right:11%; }
.padding-twelve-right { padding-right:12%; }
.padding-thirteen-right { padding-right:13%; }
.padding-fourteen-right { padding-right:14%; }
.padding-fifteen-right { padding-right:15%; }
.padding-sixteen-right { padding-right:16%; }
.padding-seventeen-right { padding-right:17%; }
.padding-eighteen-right { padding-right:18%; }
.padding-nineteen-right { padding-right:19%; }
.padding-twenty-right { padding-right:20%; }
.padding-5px-right { padding-right:5px; }
.padding-10px-right { padding-right:10px; }
.padding-15px-right { padding-right:15px; }
.padding-20px-right { padding-right:20px; }
.padding-25px-right { padding-right:25px; }
.padding-30px-right { padding-right:30px; }
.padding-35px-right { padding-right:35px; }
.padding-40px-right { padding-right:40px; }
.padding-45px-right { padding-right:45px; }
.padding-50px-right { padding-right:50px; }
.padding-55px-right { padding-right:55px; }
.padding-60px-right { padding-right:60px; }
.padding-65px-right { padding-right:65px; }
.padding-70px-right { padding-right:70px; }
.padding-75px-right { padding-right:75px; }
.padding-80px-right { padding-right:80px; }
.padding-85px-right { padding-right:85px; }
.padding-90px-right { padding-right:90px; }
.padding-95px-right { padding-right:95px; }
.padding-100px-right { padding-right:100px; }
.padding-1-rem-right { padding-right: 1rem; }
.padding-1-half-rem-right { padding-right: 1.5rem; }
.padding-2-rem-right { padding-right: 2rem; }
.padding-2-half-rem-right { padding-right: 2.5rem; }
.padding-3-rem-right { padding-right: 3rem; }
.padding-3-half-rem-right { padding-right: 3.5rem; }
.padding-4-rem-right { padding-right: 4rem; }
.padding-4-half-rem-right { padding-right: 4.5rem; }
.padding-5-rem-right { padding-right: 5rem; }
.padding-5-half-rem-right { padding-right: 5.5rem; }
.padding-6-rem-right { padding-right: 6rem; }
.padding-6-half-rem-right { padding-right: 6.5rem; }
.padding-7-rem-right { padding-right: 7rem; }
.padding-7-half-rem-right { padding-right: 7.5rem; }
.padding-8-rem-right { padding-right: 8rem; }
.padding-8-half-rem-right { padding-right: 8.5rem; }
.padding-9-rem-right { padding-right: 9rem; }
.padding-9-half-rem-right { padding-right: 9.5rem; }
.padding-10-rem-right { padding-right: 10rem; }
.padding-10-half-rem-right { padding-right: 10.5rem; }

/* padding left */
.padding-one-left { padding-left:1%; }
.padding-two-left { padding-left:2%; }
.padding-three-left { padding-left:3%; }
.padding-four-left { padding-left:4%; }
.padding-five-left { padding-left:5%; }
.padding-six-left { padding-left:6%; }
.padding-seven-left { padding-left:7%; }
.padding-eight-left { padding-left:8%; }
.padding-nine-left { padding-left:9%; }
.padding-ten-left { padding-left:10%; }
.padding-eleven-left { padding-left:11%; }
.padding-twelve-left { padding-left:12%; }
.padding-thirteen-left { padding-left:13%; }
.padding-fourteen-left { padding-left:14%; }
.padding-fifteen-left { padding-left:15%; }
.padding-sixteen-left { padding-left:16%; }
.padding-seventeen-left { padding-left:17%; }
.padding-eighteen-left { padding-left:18%; }
.padding-nineteen-left { padding-left:19%; }
.padding-twenty-left { padding-left:20%; }
.padding-5px-left { padding-left:5px; }
.padding-10px-left { padding-left:10px; }
.padding-15px-left { padding-left:15px; }
.padding-20px-left { padding-left:20px; }
.padding-25px-left { padding-left:25px; }
.padding-30px-left { padding-left:30px; }
.padding-35px-left { padding-left:35px; }
.padding-40px-left { padding-left:40px; }
.padding-45px-left { padding-left:45px; }
.padding-50px-left { padding-left:50px; }
.padding-55px-left { padding-left:55px; }
.padding-60px-left { padding-left:60px; }
.padding-65px-left { padding-left:65px; }
.padding-70px-left { padding-left:70px; }
.padding-75px-left { padding-left:75px; }
.padding-80px-left { padding-left:80px; }
.padding-85px-left { padding-left:85px; }
.padding-90px-left { padding-left:90px; }
.padding-95px-left { padding-left:95px; }
.padding-100px-left { padding-left:100px; }
.padding-1-rem-left { padding-left: 1rem; }
.padding-1-half-rem-left { padding-left: 1.5rem; }
.padding-2-rem-left { padding-left: 2rem; }
.padding-2-half-rem-left { padding-left: 2.5rem; }
.padding-3-rem-left { padding-left: 3rem; }
.padding-3-half-rem-left { padding-left: 3.5rem; }
.padding-4-rem-left { padding-left: 4rem; }
.padding-4-half-rem-left { padding-left: 4.5rem; }
.padding-5-rem-left { padding-left: 5rem; }
.padding-5-half-rem-left { padding-left: 5.5rem; }
.padding-6-rem-left { padding-left: 6rem; }
.padding-6-half-rem-left { padding-left: 6.5rem; }
.padding-7-rem-left { padding-left: 7rem; }
.padding-7-half-rem-left { padding-left: 7.5rem; }
.padding-8-rem-left { padding-left: 8rem; }
.padding-8-half-rem-left { padding-left: 8.5rem; }
.padding-9-rem-left { padding-left: 9rem; }
.padding-9-half-rem-left { padding-left: 9.5rem; }
.padding-10-rem-left { padding-left: 10rem; }
.padding-10-half-rem-left { padding-left: 10.5rem; }

/* padding top bottom */
.padding-one-tb { padding-top:1%; padding-bottom:1%; }
.padding-two-tb { padding-top:2%; padding-bottom:2%; }
.padding-three-tb { padding-top:3%; padding-bottom:3%; }
.padding-four-tb { padding-top:4%; padding-bottom:4%; }
.padding-five-tb { padding-top:5%; padding-bottom:5%; }
.padding-six-tb { padding-top:6%; padding-bottom:6%; }
.padding-seven-tb { padding-top:7%; padding-bottom:7%; }
.padding-eight-tb { padding-top:8%; padding-bottom:8%; }
.padding-nine-tb { padding-top:9%; padding-bottom:9%; }
.padding-ten-tb { padding-top:10%; padding-bottom:10%; }
.padding-eleven-tb { padding-top:11%; padding-bottom:11%; }
.padding-twelve-tb { padding-top:12%; padding-bottom:12%; }
.padding-thirteen-tb { padding-top:13%; padding-bottom:13%; }
.padding-fourteen-tb { padding-top:14%; padding-bottom:14%; }
.padding-fifteen-tb { padding-top:15%; padding-bottom:15%; }
.padding-sixteen-tb { padding-top:16%; padding-bottom:16%; }
.padding-seventeen-tb { padding-top:17%; padding-bottom:17%; }
.padding-eighteen-tb { padding-top:18%; padding-bottom:18%; }
.padding-nineteen-tb { padding-top:19%; padding-bottom:19%; }
.padding-twenty-tb { padding-top:20%; padding-bottom:20%; }
.padding-5px-tb { padding-top:5px; padding-bottom:5px; }
.padding-10px-tb { padding-top:10px; padding-bottom:10px; }
.padding-15px-tb { padding-top:15px; padding-bottom:15px; }
.padding-20px-tb { padding-top:20px; padding-bottom:20px; }
.padding-25px-tb { padding-top:25px; padding-bottom:25px; }
.padding-30px-tb { padding-top:30px; padding-bottom:30px; }
.padding-35px-tb { padding-top:35px; padding-bottom:35px; }
.padding-40px-tb { padding-top:40px; padding-bottom:40px; }
.padding-45px-tb { padding-top:45px; padding-bottom:45px; }
.padding-50px-tb { padding-top:50px; padding-bottom:50px; }
.padding-55px-tb { padding-top:55px; padding-bottom:55px; }
.padding-60px-tb { padding-top:60px; padding-bottom:60px; }
.padding-65px-tb { padding-top:65px; padding-bottom:65px; }
.padding-70px-tb { padding-top:70px; padding-bottom:70px; }
.padding-75px-tb { padding-top:75px; padding-bottom:75px; }
.padding-80px-tb { padding-top:80px; padding-bottom:80px; }
.padding-85px-tb { padding-top:85px; padding-bottom:85px; }
.padding-90px-tb { padding-top:90px; padding-bottom:90px; }
.padding-95px-tb { padding-top:95px; padding-bottom:95px; }
.padding-100px-tb { padding-top:100px; padding-bottom:100px; }
.padding-1-rem-tb { padding-top: 1rem; padding-bottom: 1rem; }
.padding-1-half-rem-tb { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.padding-2-rem-tb { padding-top: 2rem; padding-bottom: 2rem; }
.padding-2-half-rem-tb { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.padding-3-rem-tb { padding-top: 3rem; padding-bottom: 3rem; }
.padding-3-half-rem-tb { padding-top: 3.5rem; padding-bottom: 3.5rem; }
.padding-4-rem-tb { padding-top: 4rem; padding-bottom: 4rem; }
.padding-4-half-rem-tb { padding-top: 4.5rem; padding-bottom: 4.5rem; }
.padding-5-rem-tb { padding-top: 5rem; padding-bottom: 5rem; }
.padding-5-half-rem-tb { padding-top: 5.5rem; padding-bottom: 5.5rem; }
.padding-6-rem-tb { padding-top: 6rem; padding-bottom: 6rem; }
.padding-6-half-rem-tb { padding-top: 6.5rem; padding-bottom: 6.5rem; }
.padding-7-rem-tb { padding-top: 7rem; padding-bottom: 7rem; }
.padding-7-half-rem-tb { padding-top: 7.5rem; padding-bottom: 7.5rem; }
.padding-8-rem-tb { padding-top: 8rem; padding-bottom: 8rem; }
.padding-8-half-rem-tb { padding-top: 8.5rem; padding-bottom: 8.5rem; }
.padding-9-rem-tb { padding-top: 9rem; padding-bottom: 9rem; }
.padding-9-half-rem-tb { padding-top: 9.5rem; padding-bottom: 9.5rem; }
.padding-10-rem-tb { padding-top: 10rem; padding-bottom: 10rem; }
.padding-10-half-rem-tb { padding-top: 10.5rem; padding-bottom: 10.5rem; }

/* padding left right */
.padding-one-lr { padding-left:1%; padding-right:1%; }
.padding-two-lr { padding-left:2%; padding-right:2%; }
.padding-three-lr { padding-left:3%; padding-right:3%; }
.padding-four-lr { padding-left:4%; padding-right:4%; }
.padding-five-lr { padding-left:5%; padding-right:5%; }
.padding-six-lr { padding-left:6%; padding-right:6%; }
.padding-seven-lr { padding-left:7%; padding-right:7%; }
.padding-eight-lr { padding-left:8%; padding-right:8%; }
.padding-nine-lr { padding-left:9%; padding-right:9%; }
.padding-ten-lr { padding-left:10%; padding-right:10%; }
.padding-eleven-lr { padding-left:11%; padding-right:11%; }
.padding-twelve-lr { padding-left:12%; padding-right:12%; }
.padding-thirteen-lr { padding-left:13%; padding-right:13%; }
.padding-fourteen-lr { padding-left:14%; padding-right:14%; }
.padding-fifteen-lr { padding-left:15%; padding-right:15%; }
.padding-sixteen-lr { padding-left:16%; padding-right:16%; }
.padding-seventeen-lr { padding-left:17%; padding-right:17%; }
.padding-eighteen-lr { padding-left:18%; padding-right:18%; }
.padding-nineteen-lr { padding-left:19%; padding-right:19%; }
.padding-twenty-lr { padding-left:20%; padding-right:20%; }
.padding-5px-lr { padding-left:5px; padding-right:5px; }
.padding-10px-lr { padding-left:10px; padding-right:10px; }
.padding-15px-lr { padding-left:15px; padding-right:15px; }
.padding-20px-lr { padding-left:20px; padding-right:20px; }
.padding-25px-lr { padding-left:25px; padding-right:25px; }
.padding-30px-lr { padding-left:30px; padding-right:30px; }
.padding-35px-lr { padding-left:35px; padding-right:35px; }
.padding-40px-lr { padding-left:40px; padding-right:40px; }
.padding-45px-lr { padding-left:45px; padding-right:45px; }
.padding-50px-lr { padding-left:50px; padding-right:50px; }
.padding-55px-lr { padding-left:55px; padding-right:55px; }
.padding-60px-lr { padding-left:60px; padding-right:60px; }
.padding-65px-lr { padding-left:65px; padding-right:65px; }
.padding-70px-lr { padding-left:70px; padding-right:70px; }
.padding-75px-lr { padding-left:75px; padding-right:75px; }
.padding-80px-lr { padding-left:80px; padding-right:80px; }
.padding-85px-lr { padding-left:85px; padding-right:85px; }
.padding-90px-lr { padding-left:90px; padding-right:90px; }
.padding-95px-lr { padding-left:95px; padding-right:95px; }
.padding-100px-lr { padding-left:100px; padding-right:100px; }
.padding-1-rem-lr { padding-left: 1rem; padding-right: 1rem; }
.padding-1-half-rem-lr { padding-left: 1.5rem; padding-right: 1.5rem; }
.padding-2-rem-lr { padding-left: 2rem; padding-right: 2rem; }
.padding-2-half-rem-lr { padding-left: 2.5rem; padding-right: 2.5rem; }
.padding-3-rem-lr { padding-left: 3rem; padding-right: 3rem; }
.padding-3-half-rem-lr { padding-left: 3.5rem; padding-right: 3.5rem; }
.padding-4-rem-lr { padding-left: 4rem; padding-right: 4rem; }
.padding-4-half-rem-lr { padding-left: 4.5rem; padding-right: 4.5rem; }
.padding-5-rem-lr { padding-left: 5rem; padding-right: 5rem; }
.padding-5-half-rem-lr { padding-left: 5.5rem; padding-right: 5.5rem; }
.padding-6-rem-lr { padding-left: 6rem; padding-right: 6rem; }
.padding-6-half-rem-lr { padding-left: 6.5rem; padding-right: 6.5rem; }
.padding-7-rem-lr { padding-left: 7rem; padding-right: 7rem; }
.padding-7-half-rem-lr { padding-left: 7.5rem; padding-right: 7.5rem; }
.padding-8-rem-lr { padding-left: 8rem; padding-right: 8rem; }
.padding-8-half-rem-lr { padding-left: 8.5rem; padding-right: 8.5rem; }
.padding-9-rem-lr { padding-left: 9rem; padding-right: 9rem; }
.padding-9-half-rem-lr { padding-left: 9.5rem; padding-right: 9.5rem; }
.padding-10-rem-lr { padding-left: 10rem; padding-right: 10rem; }
.padding-10-half-rem-lr { padding-left: 10.5rem; padding-right: 10.5rem; }

.no-padding { padding:0 !important; }
.no-padding-lr { padding-left: 0 !important; padding-right: 0 !important; }
.no-padding-tb { padding-top: 0 !important; padding-bottom: 0 !important; }
.no-padding-top { padding-top:0 !important; }
.no-padding-bottom { padding-bottom:0 !important; }
.no-padding-left { padding-left:0 !important; }
.no-padding-right { padding-right:0 !important; }


/* ===================================
    16. Icon
====================================== */

[class^="ti-"], [class*=" ti-"], [class^="line-icon"], [class*=" line-icon"], [class^="solid-icon"], [class*=" solid-icon"] { display: inline-block; }

/* video icons */
.video-icon-box { z-index: 1; }
.video-icon-box > span { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -ms-flex-direction: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.video-icon-box .video-icon { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; }
.video-icon-box .video-icon i { margin-left: 5px; line-height: normal; }
.video-icon-large.video-icon-box .video-icon i { margin-left: 8px;}
.video-icon-double-large.video-icon-box .video-icon i { margin-left: 10px;}
.video-icon .video-icon-sonar { position: absolute; width: 100%; height: 100%; border-radius: 50%; top: 0; left: 0; z-index: -10; -webkit-animation: video-icon-sonar 2s linear infinite; animation: video-icon-sonar 2s linear infinite; }
.video-icon .video-icon-sonar .video-icon-sonar-bfr { position: absolute; border-radius: 50%; content: ''; top: -25px; left: -25px; z-index: -100; }
.video-icon .video-icon-sonar .video-icon-sonar-afr { position: absolute; border-radius: 50%; content: ''; top: -10px; left: -10px; z-index: -50; }
.video-icon-small .video-icon .video-icon-sonar .video-icon-sonar-bfr { top: -15px; left: -15px; }
.video-icon-small .video-icon .video-icon-sonar .video-icon-sonar-afr { top: 0px; left: 0px; }

/* video icon size */
.video-icon-small .video-icon { width: 40px; height: 40px; font-size: 14px; }
.video-icon-small .video-icon .video-icon-sonar .video-icon-sonar-bfr { width: 70px; height: 70px; }
.video-icon-small .video-icon .video-icon-sonar .video-icon-sonar-afr { width: 40px; height: 40px; }
.video-icon-medium .video-icon { width: 50px; height: 50px; font-size: 18px; }
.video-icon-medium .video-icon .video-icon-sonar .video-icon-sonar-bfr { width: 100px; height: 100px; }
.video-icon-medium .video-icon .video-icon-sonar .video-icon-sonar-afr { width: 70px; height: 70px; }
.video-icon-large .video-icon { width: 75px; height: 75px; font-size: 26px; }
.video-icon-large .video-icon .video-icon-sonar .video-icon-sonar-bfr { width: 125px; height: 125px; }
.video-icon-large .video-icon .video-icon-sonar .video-icon-sonar-afr { width: 95px; height: 95px; }
.video-icon-extra-large .video-icon { width: 100px; height: 100px; font-size: 25px; }
.video-icon-extra-large .video-icon .video-icon-sonar .video-icon-sonar-bfr { width: 150px; height: 150px; }
.video-icon-extra-large .video-icon .video-icon-sonar .video-icon-sonar-afr { width: 120px; height: 120px; }
.video-icon-double-large .video-icon { width: 120px; height: 120px; font-size: 34px; }
.video-icon-double-large .video-icon .video-icon-sonar .video-icon-sonar-bfr { width: 170px; height: 170px; }
.video-icon-double-large .video-icon .video-icon-sonar .video-icon-sonar-afr { width: 140px; height: 140px; }

/* icon size */
.icon-extra-large { font-size:60px; }
.icon-large { font-size:50px; }
.icon-medium { font-size:40px; }
.icon-very-medium { font-size:35px; }
.icon-extra-medium { font-size:32px; }
.icon-small { font-size:28px; }
.icon-extra-small { font-size:18px; }
.icon-very-small { font-size:13px; }
.icon-country { width: 16px; height: 16px; display: inline-block; margin:0 10px 0 5px; }

/* social media icon */
.extra-small-icon, .small-icon, .medium-icon, .large-icon, .extra-large-icon { list-style: none; padding: 0; }
.extra-small-icon li, .small-icon li, .medium-icon li, .large-icon li, .extra-large-icon li { display: inline-block; }
.extra-small-icon li:first-child, .small-icon li:first-child, .medium-icon li:first-child, .large-icon li:first-child, .extra-large-icon li:first-child { margin-left: 0; }
.extra-small-icon li:last-child, .small-icon li:last-child, .medium-icon li:last-child, .large-icon li:last-child, .extra-large-icon li:last-child { margin-right: 0; }
.extra-small-icon li { margin: 0 2px; }
.small-icon li { margin: 0 5px; }
.medium-icon li { margin: 0 8px; }
.large-icon li { margin: 0 10px; }
.extra-large-icon li { margin: 0 12px; }
.extra-small-icon a { font-size: 14px; width:30px; height:30px;line-height:30px; }
.small-icon a { font-size: 16px; width: 40px; height:40px;line-height: 40px; }
.medium-icon a { font-size: 20px; width: 50px; height:50px;line-height: 50px; }
.large-icon a { font-size: 24px; width: 60px; height: 60px;line-height: 60px; }
.extra-large-icon a { font-size: 30px; width: 70px; height: 70px;line-height: 70px; }
.social-icon a { margin: 0 15px; }
.social-icon a:first-child { margin-left: 0; }
.social-icon a:last-child { margin-right: 0; }
[class^="social-icon-"] ul, [class*=" social-icon-"] ul { list-style: none; }

/* icon like counter */
a.likes-count { width: auto; border: 1px solid #e4e4e4; font-size: 12px; border-radius: 4px; padding:5px 18px 6px; line-height: 20px; margin: 0 0 10px 0; display: inline-block }
a.likes-count i { margin-right: 8px; color: #fa5c47 }
a.likes-count:hover {box-shadow: 0 0 10px rgba(23,23,23,.1); color: #232323}

/* social icon style 01 */
.social-icon-style-01 ul li a { text-align: center; display: inline-block }
.social-icon-style-01 a:hover { color: #0038e3; }

/* social icon style 02 */
.social-icon-style-02 ul li a { text-align: center; display: inline-block; color: #232323}
.social-icon-style-02.icon-with-animation a { display: inline-block;  }
.social-icon-style-02.icon-with-animation a:hover { transform: translateY(-8px); }
.social-icon-style-02 ul.light li a {color: #fff}
.social-icon-style-02 ul.dark li a {color: #232323}

.social-icon-style-02 a.facebook:hover, .social-icon-style-04 a.facebook:hover, .social-icon-style-07 a.facebook, .social-icon-style-08 a.facebook, .social-icon-style-10 a.facebook, .social-icon-style-11 a.facebook .social-front i, .menu-sidebar a .facebook { color: #3b5998; }
.social-icon-style-02 a.twitter:hover, .social-icon-style-04 a.twitter:hover, .social-icon-style-07 a.twitter, .social-icon-style-08 a.twitter, .social-icon-style-10 a.twitter, .social-icon-style-11 a.twitter .social-front i, .menu-sidebar a .twitter { color: #00aced; }
.social-icon-style-02 a.google:hover, .social-icon-style-04 a.google:hover, .social-icon-style-07 a.google, .social-icon-style-08 a.google, .social-icon-style-10 a.google, .social-icon-style-11 a.google .social-front i, .menu-sidebar a .google { color: #dc4a38; }
.social-icon-style-02 a.dribbble:hover, .social-icon-style-04 a.dribbble:hover, .social-icon-style-07 a.dribbble, .social-icon-style-08 a.dribbble, .social-icon-style-10 a.dribbble, .social-icon-style-11 a.dribbble .social-front i, .menu-sidebar a .dribbble { color: #ea4c89; }
.social-icon-style-02 a.youtube:hover, .social-icon-style-04 a.youtube:hover, .social-icon-style-07 a.youtube, .social-icon-style-08 a.youtube, .social-icon-style-10 a.youtube, .social-icon-style-11 a.youtube .social-front i, .menu-sidebar a .youtube { color: #bb0000; }
.social-icon-style-02 a.linkedin:hover, .social-icon-style-04 a.linkedin:hover, .social-icon-style-07 a.linkedin, .social-icon-style-08 a.linkedin, .social-icon-style-10 a.linkedin, .social-icon-style-11 a.linkedin .social-front i, .menu-sidebar a .linkedin { color: #0077b5; }
.social-icon-style-02 a.instagram:hover, .social-icon-style-04 a.instagram:hover, .social-icon-style-07 a.instagram, .social-icon-style-08 a.instagram, .social-icon-style-10 a.instagram, .social-icon-style-11 a.instagram .social-front i, .menu-sidebar a .instagram { color: #FE1F49; }
.social-icon-style-02 a.pinterest:hover, .social-icon-style-04 a.pinterest:hover, .social-icon-style-07 a.pinterest, .social-icon-style-08 a.pinterest, .social-icon-style-10 a.pinterest, .social-icon-style-11 a.pinterest .social-front i, .menu-sidebar a .pinterest { color: #CB2027; }
.social-icon-style-02 a.flickr:hover, .social-icon-style-04 a.flickr:hover, .social-icon-style-07 a.flickr, .social-icon-style-08 a.flickr, .social-icon-style-10 a.flickr, .social-icon-style-11 a.flickr .social-front i, .menu-sidebar a .flickr { color: #ff0084; }
.social-icon-style-02 a.rss:hover, .social-icon-style-04 a.rss:hover, .social-icon-style-07 a.rss, .social-icon-style-08 a.rss, .social-icon-style-10 a.rss, .social-icon-style-11 a.rss .social-front i, .menu-sidebar a .rss { color: #f2890a; }
.social-icon-style-02 a.behance:hover, .social-icon-style-04 a.behance:hover, .social-icon-style-07 a.behance, .social-icon-style-08 a.behance, .social-icon-style-10 a.behance, .social-icon-style-11 a.behance .social-front i, .menu-sidebar a .behance { color: #1769ff; }
.social-icon-style-02 a.vine:hover, .social-icon-style-04 a.vine:hover, .social-icon-style-07 a.vine, .social-icon-style-08 a.vine, .social-icon-style-10 a.vine, .social-icon-style-11 a.vine .social-front i, .menu-sidebar a .vine { color: #00bf8f; }
.social-icon-style-02 a.email:hover, .social-icon-style-04 a.email:hover, .social-icon-style-07 a.email, .social-icon-style-08 a.email, .social-icon-style-10 a.email, .social-icon-style-11 a.email .social-front i, .menu-sidebar a .email { color: #7d7d7d; }
.social-icon-style-02 a.sms:hover, .social-icon-style-04 a.sms:hover, .social-icon-style-07 a.sms, .social-icon-style-08 a.sms, .social-icon-style-10 a.sms, .social-icon-style-11 a.sms .social-front i, .menu-sidebar a .sms { color: #ffbd00; }
.social-icon-style-02 a.sharethis:hover, .social-icon-style-04 a.sharethis:hover, .social-icon-style-07 a.sharethis, .social-icon-style-08 a.sharethis, .social-icon-style-10 a.sharethis, .social-icon-style-11 a.sharethis .social-front i, .menu-sidebar a .sharethis { color: #95D03A; }
.social-icon-style-02 a.reddit:hover, .social-icon-style-04 a.reddit:hover, .social-icon-style-07 a.reddit, .social-icon-style-08 a.reddit, .social-icon-style-10 a.reddit, .social-icon-style-11 a.reddit .social-front i, .menu-sidebar a .reddit { color: #ff4500; }
.social-icon-style-02 a.tumblr:hover, .social-icon-style-04 a.tumblr:hover, .social-icon-style-07 a.tumblr, .social-icon-style-08 a.tumblr, .social-icon-style-10 a.tumblr, .social-icon-style-11 a.tumblr .social-front i, .menu-sidebar a .tumblr { color: #32506d; }
.social-icon-style-02 a.digg:hover, .social-icon-style-04 a.digg:hover, .social-icon-style-07 a.digg, .social-icon-style-08 a.digg, .social-icon-style-10 a.digg, .social-icon-style-11 a.digg .social-front i, .menu-sidebar a .digg { color: #262626; }
.social-icon-style-02 a.stumbleupon:hover, .social-icon-style-04 a.stumbleupon:hover, .social-icon-style-07 a.stumbleupon, .social-icon-style-08 a.stumbleupon, .social-icon-style-10 a.stumbleupon, .social-icon-style-11 a.stumbleupon .social-front i, .menu-sidebar a .stumbleupon { color: #eb4924; }
.social-icon-style-02 a.whatsapp:hover, .social-icon-style-04 a.whatsapp:hover, .social-icon-style-07 a.whatsapp, .social-icon-style-08 a.whatsapp, .social-icon-style-10 a.whatsapp, .social-icon-style-11 a.whatsapp .social-front i, .menu-sidebar a .whatsapp { color: #25d366; }
.social-icon-style-02 a.vk:hover, .social-icon-style-04 a.vk:hover, .social-icon-style-07 a.vk, .social-icon-style-08 a.vk, .social-icon-style-10 a.vk, .social-icon-style-11 a.vk .social-front i, .menu-sidebar a .vk { color: #4c6c91; }
.social-icon-style-02 a.weibo:hover, .social-icon-style-04 a.weibo:hover, .social-icon-style-07 a.weibo, .social-icon-style-08 a.weibo, .social-icon-style-10 a.weibo, .social-icon-style-11 a.weibo .social-front i, .menu-sidebar a .weibo { color: #ff9933; }
.social-icon-style-02 a.odnoklassniki:hover, .social-icon-style-04 a.odnoklassniki:hover, .social-icon-style-07 a.odnoklassniki, .social-icon-style-08 a.odnoklassniki, .social-icon-style-10 a.odnoklassniki, .social-icon-style-11 a.odnoklassniki .social-front i, .menu-sidebar a .odnoklassniki { color: #d7772d; }
.social-icon-style-02 a.xing:hover, .social-icon-style-04 a.xing:hover, .social-icon-style-07 a.xing, .social-icon-style-08 a.xing, .social-icon-style-10 a.xing, .social-icon-style-11 a.xing .social-front i, .menu-sidebar a .xing { color: #1a7576; }
.social-icon-style-02 a.print:hover, .social-icon-style-04 a.print:hover, .social-icon-style-07 a.print, .social-icon-style-08 a.print, .social-icon-style-10 a.print, .social-icon-style-11 a.print .social-front i, .menu-sidebar a .print { color: #222222; }
.social-icon-style-02 a.blogger:hover, .social-icon-style-04 a.blogger:hover, .social-icon-style-07 a.blogger, .social-icon-style-08 a.blogger, .social-icon-style-10 a.blogger, .social-icon-style-11 a.blogger .social-front i, .menu-sidebar a .blogger { color: #ff8000; }
.social-icon-style-02 a.flipboard:hover, .social-icon-style-04 a.flipboard:hover, .social-icon-style-07 a.flipboard, .social-icon-style-08 a.flipboard, .social-icon-style-10 a.flipboard, .social-icon-style-11 a.flipboard .social-front i, .menu-sidebar a .flipboard { color: #e12828; }
.social-icon-style-02 a.meneame:hover, .social-icon-style-04 a.meneame:hover, .social-icon-style-07 a.meneame, .social-icon-style-08 a.meneame, .social-icon-style-10 a.meneame, .social-icon-style-11 a.meneame .social-front i, .menu-sidebar a .meneame { color: #ff6400; }
.social-icon-style-02 a.mailru:hover, .social-icon-style-04 a.mailru:hover, .social-icon-style-07 a.mailru, .social-icon-style-08 a.mailru, .social-icon-style-10 a.mailru, .social-icon-style-11 a.mailru .social-front i, .menu-sidebar a .mailru { color: #168de2; }
.social-icon-style-02 a.delicious:hover, .social-icon-style-04 a.delicious:hover, .social-icon-style-07 a.delicious, .social-icon-style-08 a.delicious, .social-icon-style-10 a.delicious, .social-icon-style-11 a.delicious .social-front i, .menu-sidebar a .delicious { color: #205cc0; }
.social-icon-style-02 a.livejournal:hover, .social-icon-style-04 a.livejournal:hover, .social-icon-style-07 a.livejournal, .social-icon-style-08 a.livejournal, .social-icon-style-10 a.livejournal, .social-icon-style-11 a.livejournal .social-front i, .menu-sidebar a .livejournal { color: #00b0ea; }

/* social icon style 03 */
.social-icon-style-03 a { text-align: center; display:inline-block; transition: all 400ms; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; color: #fff; }
.social-icon-style-03 a:hover { border-radius: 100%; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); }
.social-icon-style-03 a.facebook,.social-icon-style-05 a.facebook span,.social-icon-style-04 a.facebook,.social-icon-style-09 a.facebook:hover, .social-icon-style-10 a.facebook span, .social-icon-style-11 a.facebook .social-back { background-color: #3b5998; }
.social-icon-style-03 a.twitter,.social-icon-style-05 a.twitter span,.social-icon-style-04 a.twitter,.social-icon-style-09 a.twitter:hover, .social-icon-style-10 a.twitter span, .social-icon-style-11 a.twitter .social-back { background-color: #00aced; }
.social-icon-style-03 a.google,.social-icon-style-05 a.google span,.social-icon-style-04 a.google,.social-icon-style-09 a.google:hover, .social-icon-style-10 a.google span, .social-icon-style-11 a.google .social-back { background-color: #dc4a38; }
.social-icon-style-03 a.dribbble,.social-icon-style-05 a.dribbble span,.social-icon-style-04 a.dribbble,.social-icon-style-09 a.dribbble:hover, .social-icon-style-10 a.dribbble span, .social-icon-style-11 a.dribbble .social-back { background-color: #ea4c89; }
.social-icon-style-03 a.youtube,.social-icon-style-05 a.youtube span,.social-icon-style-04 a.youtube,.social-icon-style-09 a.youtube:hover, .social-icon-style-10 a.youtube span, .social-icon-style-11 a.youtube .social-back { background-color: #bb0000; }
.social-icon-style-03 a.linkedin,.social-icon-style-05 a.linkedin span,.social-icon-style-04 a.linkedin,.social-icon-style-09 a.linkedin:hover, .social-icon-style-10 a.linkedin span, .social-icon-style-11 a.linkedin .social-back { background-color: #007bb6; }
.social-icon-style-03 a.instagram,.social-icon-style-05 a.instagram span,.social-icon-style-04 a.instagram,.social-icon-style-09 a.instagram:hover, .social-icon-style-10 a.instagram span, .social-icon-style-11 a.instagram .social-back { background-color: #FE1F49; }
.social-icon-style-03 a.pinterest,.social-icon-style-05 a.pinterest span,.social-icon-style-04 a.pinterest,.social-icon-style-09 a.pinterest:hover, .social-icon-style-10 a.pinterest span, .social-icon-style-11 a.pinterest .social-back { background-color: #CB2027; }
.social-icon-style-03 a.flickr,.social-icon-style-05 a.flickr span,.social-icon-style-04 a.flickr,.social-icon-style-09 a.flickr:hover, .social-icon-style-10 a.flickr span, .social-icon-style-11 a.flickr .social-back { background-color: #ff0084; }
.social-icon-style-03 a.rss,.social-icon-style-05 a.rss span,.social-icon-style-04 a.rss,.social-icon-style-09 a.rss:hover, .social-icon-style-10 a.rss span, .social-icon-style-11 a.rss .social-back { background-color: #f2890a; }
.social-icon-style-03 a.behance,.social-icon-style-05 a.behance span,.social-icon-style-04 a.behance,.social-icon-style-09 a.behance:hover, .social-icon-style-10 a.behance span, .social-icon-style-11 a.behance .social-back { background-color: #1769ff; }
.social-icon-style-03 a.vine,.social-icon-style-05 a.vine span,.social-icon-style-04 a.vine,.social-icon-style-09 a.vine:hover, .social-icon-style-10 a.vine span, .social-icon-style-11 a.vine .social-back { background-color: #00bf8f; }
.social-icon-style-03 a.email,.social-icon-style-05 a.email span,.social-icon-style-04 a.email,.social-icon-style-09 a.email:hover, .social-icon-style-10 a.email span, .social-icon-style-11 a.email .social-back { background-color: #7d7d7d; }
.social-icon-style-03 a.sms,.social-icon-style-05 a.sms span,.social-icon-style-04 a.sms,.social-icon-style-09 a.sms:hover, .social-icon-style-10 a.sms span, .social-icon-style-11 a.sms .social-back { background-color: #ffbd00; }
.social-icon-style-03 a.sharethis,.social-icon-style-05 a.sharethis span,.social-icon-style-04 a.sharethis,.social-icon-style-09 a.sharethis:hover, .social-icon-style-10 a.sharethis span, .social-icon-style-11 a.sharethis .social-back { background-color: #95D03A; }
.social-icon-style-03 a.reddit,.social-icon-style-05 a.reddit span,.social-icon-style-04 a.reddit,.social-icon-style-09 a.reddit:hover, .social-icon-style-10 a.reddit span, .social-icon-style-11 a.reddit .social-back { background-color: #ff4500; }
.social-icon-style-03 a.tumblr,.social-icon-style-05 a.tumblr span,.social-icon-style-04 a.tumblr,.social-icon-style-09 a.tumblr:hover, .social-icon-style-10 a.tumblr span, .social-icon-style-11 a.tumblr .social-back { background-color: #32506d; }
.social-icon-style-03 a.digg,.social-icon-style-05 a.digg span,.social-icon-style-04 a.digg,.social-icon-style-09 a.digg:hover, .social-icon-style-10 a.digg span, .social-icon-style-11 a.digg .social-back { background-color: #262626; }
.social-icon-style-03 a.stumbleupon,.social-icon-style-05 a.stumbleupon span,.social-icon-style-04 a.stumbleupon,.social-icon-style-09 a.stumbleupon:hover, .social-icon-style-10 a.stumbleupon span, .social-icon-style-11 a.stumbleupon .social-back { background-color: #eb4924; }
.social-icon-style-03 a.whatsapp,.social-icon-style-05 a.whatsapp span,.social-icon-style-04 a.whatsapp,.social-icon-style-09 a.whatsapp:hover, .social-icon-style-10 a.whatsapp span, .social-icon-style-11 a.whatsapp .social-back { background-color: #25d366; }
.social-icon-style-03 a.vk,.social-icon-style-05 a.vk span,.social-icon-style-04 a.vk,.social-icon-style-09 a.vk:hover, .social-icon-style-10 a.vk span, .social-icon-style-11 a.vk .social-back { background-color: #4c6c91; }
.social-icon-style-03 a.weibo,.social-icon-style-05 a.weibo span,.social-icon-style-04 a.weibo,.social-icon-style-09 a.weibo:hover, .social-icon-style-10 a.weibo span, .social-icon-style-11 a.weibo .social-back { background-color: #ff9933; }
.social-icon-style-03 a.odnoklassniki,.social-icon-style-05 a.odnoklassniki span,.social-icon-style-04 a.odnoklassniki,.social-icon-style-09 a.odnoklassniki:hover, .social-icon-style-10 a.odnoklassniki span, .social-icon-style-11 a.odnoklassniki .social-back { background-color: #d7772d; }
.social-icon-style-03 a.xing,.social-icon-style-05 a.xing span,.social-icon-style-04 a.xing,.social-icon-style-09 a.xing:hover, .social-icon-style-10 a.xing span, .social-icon-style-11 a.xing .social-back { background-color: #1a7576; }
.social-icon-style-03 a.print,.social-icon-style-05 a.print span,.social-icon-style-04 a.print,.social-icon-style-09 a.print:hover, .social-icon-style-10 a.print span, .social-icon-style-11 a.print .social-back { background-color: #222222; }
.social-icon-style-03 a.blogger,.social-icon-style-05 a.blogger span,.social-icon-style-04 a.blogger,.social-icon-style-09 a.blogger:hover, .social-icon-style-10 a.blogger span, .social-icon-style-11 a.blogger .social-back { background-color: #ff8000; }
.social-icon-style-03 a.flipboard,.social-icon-style-05 a.flipboard span,.social-icon-style-04 a.flipboard,.social-icon-style-09 a.flipboard:hover, .social-icon-style-10 a.flipboard span, .social-icon-style-11 a.flipboard .social-back { background-color: #e12828; }
.social-icon-style-03 a.meneame,.social-icon-style-05 a.meneame span,.social-icon-style-04 a.meneame,.social-icon-style-09 a.meneame:hover, .social-icon-style-10 a.meneame span, .social-icon-style-11 a.meneame .social-back { background-color: #ff6400; }
.social-icon-style-03 a.mailru,.social-icon-style-05 a.mailru span,.social-icon-style-04 a.mailru,.social-icon-style-09 a.mailru:hover, .social-icon-style-10 a.mailru span, .social-icon-style-11 a.mailru .social-back { background-color: #168de2; }
.social-icon-style-03 a.delicious,.social-icon-style-05 a.delicious span,.social-icon-style-04 a.delicious,.social-icon-style-09 a.delicious:hover, .social-icon-style-10 a.delicious span, .social-icon-style-11 a.delicious .social-back { background-color: #205cc0; }
.social-icon-style-03 a.livejournal,.social-icon-style-05 a.livejournal span,.social-icon-style-04 a.livejournal,.social-icon-style-09 a.livejournal:hover, .social-icon-style-10 a.livejournal span, .social-icon-style-11 a.livejournal .social-back { background-color: #00b0ea; }

/* social icon style 04 */
.social-icon-style-04 a { text-align: center; display:inline-block; transition: all 400ms; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; border-radius: 100%; color: #fff; }
.social-icon-style-04 a:hover { background: #fff; box-shadow: 0 0 30px rgba(23,23,23,.25); -moz-transform: translate3d(0, -3px, 0); -o-transform: translate3d(0, -3px, 0); -ms-transform: translate3d(0, -3px, 0); -webkit-transform: translate3d(0, -3px, 0); transform: translate3d(0, -3px, 0); }