.top-banner { background-image: url(../img/sd-home-1.png)  !important; background-size: cover !important; background-position: center !important; animation-duration: 30s !important; background-repeat: no-repeat !important; }
.top-banner-2 { background-image: url(../img/sd-home-1.png)  !important; background-size: cover !important; background-position: center !important; animation-duration: 30s !important; background-repeat: no-repeat !important; }
.home-middle { background-image: url(../img/sd-home-middle.png); background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; }
.why-us { background-image: url(../img/about-us-1.png); background-size: cover !important; background-position: bottom !important; background-repeat: no-repeat !important; position: absolute; top: 0px; left: 0px; width: 100%; height: 180%; transform: translate3d(0px, -153.295px, 0px); }
.top-title { margin-top: 3%  !important; }
.border-left { border-left: 2px solid #074a89 !important; }

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

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

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

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

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

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

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

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

/* 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 !important; }
.text-decoration-none { text-decoration: none !important; }
.word-wrap { word-wrap: break-word !important; }
.text-transform-none { text-transform:none !important; }
.line-height-unset { line-height: unset !important; }
.line-height-normal { line-height: normal !important; }
.line-height-none { line-height: 0 !important; }
.text-decoration-line-through { text-decoration:line-through !important; }
.text-decoration-underline-yellow { text-decoration: underline !important; text-decoration-color: #fee11c !important; -webkit-text-decoration-color: #fee11c !important; }
.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 !important; white-space: nowrap !important; }
.text-middle-line:before { border-bottom: 1px solid !important; position: absolute !important; content: "" !important; width: 100% !important; top: 50% !important; left: 0 !important; opacity: 0.35 !important; }
.text-decoration-line-wide:before { content: "" !important; border-bottom: 1px solid !important; left: -10px !important; position: absolute !important; top: 50% !important; width: calc(100% + 20px) !important;-webkit-transform: translateY(-50%) !important; -moz-transform: translateY(-50%) !important; -ms-transform: translateY(-50%) !important; -o-transform: translateY(-50%) !important; transform: translateY(-50%) !important; }
.text-decoration-line-thick:before { content: "" !important; position: absolute !important; width: 100% !important; height: 4px !important; background: #333333 !important; left: 0 !important; top: 50% !important; transform: translateY(-50%) !important; -moz-transform: translateY(-50%) !important; -ms-transform: translateY(-50%) !important; -webkit-transform: translateY(-50%) !important; z-index: -1 !important; }
.text-decoration-line-bottom:before { content: "" !important; border-bottom: 1px solid !important; left: 0 !important; position: absolute !important; top: 100% !important; width: 100% !important; }
.text-decoration-line-bottom-medium:before { content: "" !important; border-bottom: 2px solid !important; left: 0 !important; position: absolute !important; top: 90% !important; width: 100% !important; }
.text-decoration-line-bottom-thick:before { content: "" !important; border-bottom: 3px solid !important; left: 0 !important; position: absolute !important; top: 85% !important; width: 100% !important; }
.text-decoration-line-bottom-gradient {position: relative}
.text-decoration-line-bottom-gradient span {position: absolute !important; left: 0 !important; bottom: 0 !important; width: 100% !important; height: 1px}

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

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

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

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


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

/* ===================================
    05. Custom
====================================== */
.cursor-none { cursor: none !important; }
.cursor-default { cursor: default !important; }

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

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

/* ===================================
    14. Width
====================================== */

.w-1px { width:1px !important; }
.w-2px { width:2px !important; }
.w-3px { width:3px !important; }
.w-4px { width:4px !important; }
.w-5px { width:5px !important; }
.w-6px { width:6px !important; }
.w-7px { width:7px !important; }
.w-8px { width:8px !important; }
.w-9px { width:9px !important; }
.w-10px { width:10px !important; }
.w-15px { width:15px !important; }
.w-20px { width:20px !important; }
.w-25px { width:25px !important; }
.w-30px { width:30px !important; }
.w-35px { width:35px !important; }
.w-40px { width:40px !important; }
.w-45px { width:45px !important; }
.w-50px { width:50px !important; }
.w-55px { width:55px !important; }
.w-60px { width:60px !important; }
.w-65px { width:65px !important; }
.w-70px { width:70px !important; }
.w-75px { width:75px !important; }
.w-80px { width:80px !important; }
.w-85px { width:85px !important; }
.w-90px { width:90px !important; }
.w-95px { width:95px !important; }
.w-100px { width:100px !important; }
.w-110px { width:110px !important; }
.w-120px { width:120px !important; }
.w-130px { width:130px !important; }
.w-140px { width:140px !important; }
.w-150px { width:150px !important; }
.w-160px { width:160px !important; }
.w-170px { width:170px !important; }
.w-180px { width:180px !important; }
.w-190px { width:190px !important; }
.w-200px { width:200px !important; }
.w-250px { width:250px !important; }
.w-300px { width:300px !important; }
.w-350px { width:350px !important; }
.w-400px { width:400px !important; }
.w-450px { width:450px !important; }
.w-500px { width:500px !important; }
.w-550px { width:550px !important; }
.w-600px { width:600px !important; }
.w-650px { width:650px !important; }
.w-700px { width:700px !important; }
.w-750px { width:750px !important; }
.w-800px { width:800px !important; }
.w-850px { width:850px !important; }
.w-900px { width:900px !important; }
.w-950px { width:950px !important; }
.w-1000px { width:1000px !important; }

.w-10 { width: 10% !important; }
.w-15 { width: 15% !important; }
.w-20 { width: 20% !important; }
.w-25 { width: 25% !important; }
.w-30 { width: 30% !important; }
.w-35 { width: 35% !important; }
.w-40 { width: 40% !important; }
.w-45 { width: 45% !important; }
.w-50 { width: 50% !important; }
.w-55 { width: 55% !important; }
.w-57 { width: 57% !important; }
.w-60 { width: 60% !important; }
.w-65 { width: 65% !important; }
.w-70 { width: 70% !important; }
.w-75 { width: 75% !important; }
.w-80 { width: 80% !important; }
.w-85 { width: 85% !important; }
.w-90 { width: 90% !important; }
.w-95 { width: 95% !important; }
.w-100 { width: 100% !important; }
.w-auto { width:auto !important; }

/* ===================================
    15. Height
====================================== */

.swiper-container { width: 100% !important; height: 100% !important; }
.h-1px { height: 1px !important; }
.h-2px { height: 2px !important; }
.h-3px { height: 3px !important; }
.h-4px { height: 4px !important; }
.h-5px { height: 5px !important; }
.h-6px { height: 6px !important; }
.h-7px { height: 7px !important; }
.h-8px { height: 8px !important; }
.h-9px { height: 9px !important; }
.h-10px { height: 10px !important; }
.h-15px { height: 15px !important; }
.h-20px { height: 20px !important; }
.h-25px { height: 25px !important; }
.h-30px { height: 30px !important; }
.h-35px { height: 35px !important; }
.h-40px { height: 40px !important; }
.h-42px { height: 42px !important; }
.h-45px { height: 45px !important; }
.h-50px { height: 50px !important; }
.h-55px { height: 55px !important; }
.h-60px { height: 60px !important; }
.h-65px { height: 65px !important; }
.h-70px { height: 70px !important; }
.h-75px { height: 75px !important; }
.h-80px { height: 80px !important; }
.h-85px { height: 85px !important; }
.h-90px { height: 90px !important; }
.h-95px { height: 95px !important; }
.h-100px { height: 100px !important; }
.h-110px { height: 110px !important; }
.h-120px { height: 120px !important; }
.h-130px { height: 130px !important; }
.h-140px { height: 140px !important; }
.h-150px { height: 150px !important; }
.h-160px { height: 160px !important; }
.h-170px { height: 170px !important; }
.h-180px { height: 180px !important; }
.h-190px { height: 190px !important; }
.h-200px { height: 200px !important; }
.h-250px { height: 250px !important; }
.h-300px { height: 300px !important; }
.h-350px { height: 350px !important; }
.h-400px { height: 400px !important; }
.h-450px { height: 450px !important; }
.h-480px { height: 490px !important; }
.h-500px { height: 500px !important; }
.h-520px { height: 520px !important; }
.h-550px { height: 550px !important; }
.h-580px { height: 580px !important; }
.h-600px { height: 600px !important; }
.h-650px { height: 650px !important; }
.h-700px { height: 700px !important; }
.h-720px { height: 720px !important; }
.h-750px { height: 750px !important; }
.h-800px { height: 800px !important; }
.h-820px { height: 820px !important; }
.h-830px { height: 830px !important; }
.h-850px { height: 850px !important; }

.h-50 { height: 50% !important; }
.h-100 { height: 100%  !important; }
.h-auto { height:auto  !important; }
.max-h-100 { max-height: 100% !important; }
.max-h-inherit { max-height: inherit  !important; }
.full-screen, .mobileoff-fullscreen-top-space, .fullscreenabanner { height: 980px !important; }

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

/* box shadow */
.btn-shadow { box-shadow: 0 0 6px rgba(0,0,0,.3) !important; }
.box-shadow, .box-shadow-hover:hover { box-shadow: 5px 7px 8px rgb(0 0 0 / 11%) !important; transition: all 0.3s ease-in-out !important; -moz-transition: all 0.3s ease-in-out !important; -webkit-transition: all 0.3s ease-in-out !important; -ms-transition: all 0.3s ease-in-out !important; -o-transition: all 0.3s ease-in-out !important; }
.box-shadow-double-large, .box-shadow-double-large-hover:hover { box-shadow: 0 0 35px rgba(40,42,54,.18) !important; transition: all 0.3s ease-in-out !important; -moz-transition: all 0.3s ease-in-out !important; -webkit-transition: all 0.3s ease-in-out !important; -ms-transition: all 0.3s ease-in-out !important; -o-transition: all 0.3s ease-in-out !important; }
.box-shadow-large, .box-shadow-large-hover:hover { box-shadow: 0 0 30px rgba(0,0,0,.08) !important; transition: all 0.3s ease-in-out !important; -moz-transition: all 0.3s ease-in-out !important; -webkit-transition: all 0.3s ease-in-out !important; -ms-transition: all 0.3s ease-in-out !important; -o-transition: all 0.3s ease-in-out !important; }
.box-shadow-extra-large, .box-shadow-extra-large-hover:hover { box-shadow: 0 0 25px rgba(0,0,0,.08) !important; transition: all 0.3s ease-in-out !important; -moz-transition: all 0.3s ease-in-out !important; -webkit-transition: all 0.3s ease-in-out !important; -ms-transition: all 0.3s ease-in-out !important; -o-transition: all 0.3s ease-in-out !important; }
.box-shadow-medium, .box-shadow-medium-hover:hover { box-shadow: 0 0 20px rgba(0,0,0,.08) !important; transition: all 0.3s ease-in-out !important; -moz-transition: all 0.3s ease-in-out !important; -webkit-transition: all 0.3s ease-in-out !important; -ms-transition: all 0.3s ease-in-out !important; -o-transition: all 0.3s ease-in-out !important; }
.box-shadow-small, .box-shadow-small-hover:hover { box-shadow: 0 0 15px rgba(0,0,0,.08) !important; transition: all 0.3s ease-in-out !important; -moz-transition: all 0.3s ease-in-out !important; -webkit-transition: all 0.3s ease-in-out !important; -ms-transition: all 0.3s ease-in-out !important; -o-transition: all 0.3s ease-in-out !important; }
.box-shadow-very-light-hover:hover, .box-shadow-light-hover:hover, .box-shadow-dark-hover:hover, .box-shadow-large-hover:hover, .box-shadow-extra-large-hover:hover, .box-shadow-medium-hover:hover, .box-shadow-small-hover:hover, .box-shadow-double-large-hover:hover{-moz-transform: translate3d(0, -3px, 0) !important; -o-transform: translate3d(0, -3px, 0) !important; -ms-transform: translate3d(0, -3px, 0) !important; -webkit-transform: translate3d(0, -3px, 0) !important; transform: translate3d(0, -3px, 0) !important;}

/* text shadow */
.text-shadow-large { text-shadow: 0 0 50px rgba(0, 0, 0, 0.9) !important;}
.text-shadow-extra-large { text-shadow: 0 0 60px rgba(0, 0, 0, 0.9) !important;}
.text-shadow-double-large { text-shadow: 0 0 100px rgba(0, 0, 0, .9) !important;}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .xs-no-padding { padding:0  !important; }
    .xs-no-padding-lr { padding-left: 0  !important; padding-right: 0  !important; }
    .xs-no-padding-tb { padding-top: 0  !important; padding-bottom: 0  !important; }
    .xs-no-padding-top { padding-top:0  !important; }
    .xs-no-padding-bottom { padding-bottom:0  !important; }
    .xs-no-padding-left { padding-left:0  !important; }
    .xs-no-padding-right { padding-right:0  !important; }
	
	
	.list.list-icons.list-icons-lg.list-icons-style-2 li { padding-left: 35px; }
	.xs-border-right { border-right: 1px solid #fff; }
	.xs-h-400px { height: 400px  !important; }
	.xs-w-100 { width: 100% !important; }
	.xs-border-bottom { border-bottom: 1px solid #fff; padding-top: 10px; }
	.parallax:not(.page-header):not(.match-height):not([class*="section-height-"]) { padding: 20px 0; }
	#header .header-logo img { width: 181px; height: auto; }
	#header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a { color: #333; font-weight: 500; }
	.text-extra-large-2 { font-size: 18px !important; line-height:28px !important; }
	.title-small { font-size: 24px  !important; line-height: 34px  !important; }
	.text-extra-small { font-size:12px  !important; line-height:20px   !important; }
	.text-extra-small-2 { font-size:10px  !important; line-height:20px   !important; }
	.text-large { font-size:16px  !important; line-height:26px   !important; }
	.text-small { font-size:12px  !important; line-height:18px   !important; }
	.text-medium { font-size:12px  !important; line-height:22px   !important; }
	.text-extra-medium { font-size:14px  !important; line-height:26px   !important; }
	.text-9 { font-size:26px   !important; line-height:36px   !important; }
	.text-7 { font-size:24px   !important; line-height:26px   !important; }
	.text-4 { font-size:14px   !important; line-height:26px   !important; }
	.title-small-2 { font-size:24px   !important; line-height:26px   !important; }
	h2 { font-size:24px   !important; line-height:26px   !important; }
	.list.list-icons li { padding-left: 15px; }
	.owl-carousel.nav-font-size-lg .owl-nav button.owl-prev:before { left: 0px !important; top: 60px !important; background-color: #fff !important; padding: 5px !important; }
	.owl-carousel.nav-font-size-lg .owl-nav button.owl-next:before { left: -8px !important; top: 60px !important; background-color: #fff !important; padding: 5px !important; }
	.top-title { background-color: #fff  !important; padding: 30px 10px  !important; margin-top: 60%  !important; }
	.top-banner { background-image: url(../img/sd-home-1-md.png); }
	.top-banner-2 { background-image: url(../img/sd-home-1.png); }
	.why-us { background-image: url(../img/about-us-1-md.png); height: 133%; background-position: right; }
	.home-middle { background-image: none; } 
	html .list-primary.list-icons li > [class*="fa-"]:first-child, html .list-primary.list-icons li a:first-child > [class*="fa-"]:first-child, html .list-primary.list-icons li > .icons:first-child, html .list-primary.list-icons li a:first-child > .icons:first-child { font-size: 10px;}
	.list.list-icons.list-icons-lg.list-icons-style-2 li > [class*="fa-"]:first-child, .list.list-icons.list-icons-lg.list-icons-style-2 li > .icons:first-child, .list.list-icons.list-icons-lg.list-icons-style-2 li a:first-child > [class*="fa-"]:first-child, .list.list-icons.list-icons-lg.list-icons-style-2 li a:first-child > .icons:first-child { width: 20px; height: 20px; padding: 0px;}
	.list.list-icons.list-icons-lg.list-icons-style-2 li { padding-top: 5px; }
}

@media (max-width: 390px) {
	html .list-primary.list-icons li > [class*="fa-"]:first-child, html .list-primary.list-icons li a:first-child > [class*="fa-"]:first-child, html .list-primary.list-icons li > .icons:first-child, html .list-primary.list-icons li a:first-child > .icons:first-child { font-size: 8px;}
}