.elementor-widget-section .scroll-to-down-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-79342 .elementor-element.elementor-element-39aa38d:not(.elementor-motion-effects-element-type-background), .elementor-79342 .elementor-element.elementor-element-39aa38d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E0E0E0;background-image:url("https://demo.parwaaz.com.pk/wp-content/uploads/2024/11/WhatsApp-Image-2024-02-01-at-5.02.22-PM.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-79342 .elementor-element.elementor-element-39aa38d > .elementor-background-overlay{background-color:#000000;opacity:0.3;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-79342 .elementor-element.elementor-element-39aa38d > .elementor-container{min-height:700px;}.elementor-79342 .elementor-element.elementor-element-39aa38d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;z-index:0;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-letter-big .elementor-drop-cap{color:var( --e-global-color-primary );}.elementor-79342 .elementor-element.elementor-element-4ae35e7{text-align:center;font-family:"Roboto", Sans-serif;font-weight:400;text-transform:uppercase;font-style:italic;color:#FFFFFF;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-79342 .elementor-element.elementor-element-43bc7ff{text-align:center;}.elementor-79342 .elementor-element.elementor-element-43bc7ff .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;text-transform:uppercase;line-height:60px;color:#FFFFFF;}.elementor-79342 .elementor-element.elementor-element-79784a2 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-79342 .elementor-element.elementor-element-79784a2:not(.elementor-motion-effects-element-type-background), .elementor-79342 .elementor-element.elementor-element-79784a2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-79342 .elementor-element.elementor-element-79784a2{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:130px 0px 130px 0px;}.elementor-79342 .elementor-element.elementor-element-79784a2 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-79342 .elementor-element.elementor-element-cab73ea:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-79342 .elementor-element.elementor-element-cab73ea > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://demo.parwaaz.com.pk/wp-content/uploads/2024/11/WhatsApp-Image-2024-02-01-at-12.25.01-PM-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-79342 .elementor-element.elementor-element-cab73ea:hover > .elementor-element-populated{background-color:#715050;}.elementor-79342 .elementor-element.elementor-element-cab73ea > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 15px;--e-column-margin-right:0px;--e-column-margin-left:15px;}.elementor-79342 .elementor-element.elementor-element-cab73ea > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-79342 .elementor-element.elementor-element-e26edbc:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-79342 .elementor-element.elementor-element-e26edbc > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#196691;}.elementor-79342 .elementor-element.elementor-element-e26edbc > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 15px 0px 0px;--e-column-margin-right:15px;--e-column-margin-left:0px;padding:0rem 5.5rem 0rem 5.5rem !important;}.elementor-79342 .elementor-element.elementor-element-e26edbc > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-litho-heading .litho-primary-title, .elementor-widget-litho-heading .litho-primary-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-litho-heading .litho-secondary-title, .elementor-widget-litho-heading .litho-secondary-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-79342 .elementor-element.elementor-element-cc42dfc{width:var( --container-widget-width, 116.373% );max-width:116.373%;--container-widget-width:116.373%;--container-widget-flex-grow:0;}.elementor-79342 .elementor-element.elementor-element-cc42dfc > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-79342 .elementor-element.elementor-element-cc42dfc .litho-primary-title, .elementor-79342 .elementor-element.elementor-element-cc42dfc .litho-primary-title a{font-size:16px;font-weight:500;line-height:28px;color:#FFFFFF;fill:#FFFFFF;-webkit-text-fill-color:initial;display:inline-block;}.elementor-79342 .elementor-element.elementor-element-cc42dfc .litho-primary-title{white-space:normal;}.elementor-79342 .elementor-element.elementor-element-cc42dfc .horizontal-separator{height:1px;width:10%;display:inline-block;vertical-align:middle;}.elementor-79342 .elementor-element.elementor-element-2a25f3d > .elementor-widget-container{padding:0px 0px 25px 0px;}.elementor-79342 .elementor-element.elementor-element-2a25f3d{color:rgba(255, 255, 255, 0.7);}.elementor-widget-litho-content-block .content-block .title, .elementor-widget-litho-content-block .content-block .title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-litho-content-block .content-block .subtitle{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-litho-content-block a.litho_primary_button, .elementor-widget-litho-content-block .litho_primary_button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-litho-content-block a.litho_primary_button:hover, .elementor-widget-litho-content-block .litho_primary_button:hover{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-79342 .elementor-element.elementor-element-5d2b9c5 .content-block, .elementor-79342 .elementor-element.elementor-element-5d2b9c5 .elementor-image-box-wrapper .elementor-image-box-content{text-align:left;}.elementor-79342 .elementor-element.elementor-element-5d2b9c5 .content-block .content-wrap, .elementor-79342 .elementor-element.elementor-element-5d2b9c5 .content-block .elementor-image-box-content{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.08);padding:3rem 3.5rem 3rem 3.5rem;}.elementor-79342 .elementor-element.elementor-element-5d2b9c5 .content-block .title{margin:0px 0px 10px 0px;}.elementor-79342 .elementor-element.elementor-element-289471b:not(.elementor-motion-effects-element-type-background), .elementor-79342 .elementor-element.elementor-element-289471b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#262B35;}.elementor-79342 .elementor-element.elementor-element-289471b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:130px 0px 208px 0px;}.elementor-79342 .elementor-element.elementor-element-289471b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-79342 .elementor-element.elementor-element-b2d7f86 > .elementor-element-populated{margin:0px 0px 0px 15px;--e-column-margin-right:0px;--e-column-margin-left:15px;padding:0px 0px 0px 0px !important;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-79342 .elementor-element.elementor-element-2e0937b:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-79342 .elementor-element.elementor-element-2e0937b > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(35deg, #B263E4 2%, #FF798E 98%);}.elementor-bc-flex-widget .elementor-79342 .elementor-element.elementor-element-2e0937b.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-79342 .elementor-element.elementor-element-2e0937b.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-79342 .elementor-element.elementor-element-2e0937b > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;text-align:center;margin:0px 15px 0px 0px;--e-column-margin-right:15px;--e-column-margin-left:0px;padding:0rem 6rem 0rem 6rem !important;}.elementor-79342 .elementor-element.elementor-element-2e0937b > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-79342 .elementor-element.elementor-element-a1453f9 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-79342 .elementor-element.elementor-element-a1453f9 .litho-primary-title, .elementor-79342 .elementor-element.elementor-element-a1453f9 .litho-primary-title a{font-size:20px;font-weight:400;color:rgba(255, 255, 255, 0.7);fill:rgba(255, 255, 255, 0.7);-webkit-text-fill-color:initial;}.elementor-79342 .elementor-element.elementor-element-a1453f9 .litho-primary-title{white-space:normal;}.elementor-79342 .elementor-element.elementor-element-a1453f9 .horizontal-separator{height:1px;width:10%;display:inline-block;vertical-align:middle;}.elementor-79342 .elementor-element.elementor-element-493d8b8 > .elementor-widget-container{margin:0px 0px 40px 0px;}.elementor-79342 .elementor-element.elementor-element-493d8b8.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-79342 .elementor-element.elementor-element-493d8b8 .litho-primary-title{white-space:normal;}.elementor-79342 .elementor-element.elementor-element-493d8b8 .litho-primary-title, .elementor-79342 .elementor-element.elementor-element-493d8b8 .litho-primary-title a{color:#FFFFFF;fill:#FFFFFF;-webkit-text-fill-color:initial;}.elementor-79342 .elementor-element.elementor-element-493d8b8 .horizontal-separator{height:1px;width:10%;display:inline-block;vertical-align:middle;}.elementor-79342 .elementor-element.elementor-element-cf8e783 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-79342 .elementor-element.elementor-element-cf8e783:not(.elementor-motion-effects-element-type-background), .elementor-79342 .elementor-element.elementor-element-cf8e783 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-79342 .elementor-element.elementor-element-cf8e783{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:130px 0px 130px 0px;}.elementor-79342 .elementor-element.elementor-element-cf8e783 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-79342 .elementor-element.elementor-element-bbb35db > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-79342 .elementor-element.elementor-element-bbb35db .litho-primary-title, .elementor-79342 .elementor-element.elementor-element-bbb35db .litho-primary-title a{font-size:20px;letter-spacing:1px;color:#556FFF;fill:#556FFF;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(150deg, #556FFF 15%, #FF798E 61%);}.elementor-79342 .elementor-element.elementor-element-bbb35db .litho-primary-title{white-space:normal;}.elementor-79342 .elementor-element.elementor-element-bbb35db .horizontal-separator{background-color:rgba(0, 56, 227, 0.7);height:1px;width:50px;display:inline-block;vertical-align:middle;margin:0px 20px 0px 0px;}.elementor-79342 .elementor-element.elementor-element-a83da77{width:var( --container-widget-width, 95% );max-width:95%;--container-widget-width:95%;--container-widget-flex-grow:0;}.elementor-79342 .elementor-element.elementor-element-a83da77.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-79342 .elementor-element.elementor-element-a83da77 .litho-primary-title, .elementor-79342 .elementor-element.elementor-element-a83da77 .litho-primary-title a{font-weight:600;color:#232323;fill:#232323;-webkit-text-fill-color:initial;display:block;}.elementor-79342 .elementor-element.elementor-element-a83da77 .litho-primary-title{white-space:normal;margin:0px 0px 25px 0px;}.elementor-79342 .elementor-element.elementor-element-a83da77 .horizontal-separator{height:1px;width:10%;display:inline-block;vertical-align:middle;}.elementor-79342 .elementor-element.elementor-element-18392a1 > .elementor-element-populated{padding:0px 55px 0px 55px !important;}.elementor-79342 .elementor-element.elementor-element-d8084ad .overlay{background-color:transparent;background-image:linear-gradient(50deg, #B783FF 0%, #FF9393 100%);}.elementor-79342 .elementor-element.elementor-element-463965f:not(.elementor-motion-effects-element-type-background), .elementor-79342 .elementor-element.elementor-element-463965f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://demo.parwaaz.com.pk/wp-content/uploads/2024/11/WhatsApp-Image-2024-06-24-at-4.02-1-scaled.jpg");}.elementor-79342 .elementor-element.elementor-element-463965f > .elementor-background-overlay{background-color:#000000;opacity:0.62;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-79342 .elementor-element.elementor-element-463965f > .elementor-container{min-height:400px;}.elementor-79342 .elementor-element.elementor-element-463965f .elementor-background-overlay{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-79342 .elementor-element.elementor-element-463965f{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:160px 0px 160px 0px;}.elementor-bc-flex-widget .elementor-79342 .elementor-element.elementor-element-844f214.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-79342 .elementor-element.elementor-element-844f214.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-79342 .elementor-element.elementor-element-844f214.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-79342 .elementor-element.elementor-element-14fe4da{width:var( --container-widget-width, 16.163% );max-width:16.163%;--container-widget-width:16.163%;--container-widget-flex-grow:0;}.elementor-79342 .elementor-element.elementor-element-e75d4ae{width:var( --container-widget-width, 17.483% );max-width:17.483%;--container-widget-width:17.483%;--container-widget-flex-grow:0;text-align:left;}.elementor-79342 .elementor-element.elementor-element-e75d4ae > .elementor-widget-container{margin:0px 0px 0px 20px;}.elementor-79342 .elementor-element.elementor-element-e75d4ae.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-79342 .elementor-element.elementor-element-e75d4ae .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-79342 .elementor-element.elementor-element-768a3b0{padding:50px 0px 0px 0px;}.elementor-79342 .elementor-element.elementor-element-2311116 > .elementor-element-populated{text-align:center;margin:0px 0px 30px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-79342 .elementor-element.elementor-element-aeb2a5f .client-box .client-overlay{background-color:#262B3500;}.elementor-79342 .elementor-element.elementor-element-aeb2a5f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-79342 .elementor-element.elementor-element-aeb2a5f .client-box{transition-duration:0.6s;}.elementor-79342 .elementor-element.elementor-element-422bb19 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:600;color:#FFFFFF;}.elementor-79342 .elementor-element.elementor-element-15fafff > .elementor-element-populated{text-align:center;margin:0px 0px 30px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-79342 .elementor-element.elementor-element-731a044 .client-box .client-overlay{background-color:#262B3500;}.elementor-79342 .elementor-element.elementor-element-731a044.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-79342 .elementor-element.elementor-element-731a044 .client-box{transition-duration:0.6s;}.elementor-79342 .elementor-element.elementor-element-b0fb41a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:600;color:#FFFFFF;}.elementor-79342 .elementor-element.elementor-element-bd23eaf > .elementor-element-populated{text-align:center;margin:0px 0px 30px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-79342 .elementor-element.elementor-element-e16773d .client-box .client-overlay{background-color:#262B3500;}.elementor-79342 .elementor-element.elementor-element-e16773d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-79342 .elementor-element.elementor-element-e16773d .client-box{transition-duration:0.6s;}.elementor-79342 .elementor-element.elementor-element-660ec67 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:600;color:#FFFFFF;}.elementor-79342 .elementor-element.elementor-element-72cb41e > .elementor-element-populated{text-align:center;margin:0px 0px 30px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-79342 .elementor-element.elementor-element-9ecb9b1 .client-box .client-overlay{background-color:#262B3500;}.elementor-79342 .elementor-element.elementor-element-9ecb9b1.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-79342 .elementor-element.elementor-element-9ecb9b1 .client-box{transition-duration:0.6s;}.elementor-79342 .elementor-element.elementor-element-a991088 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:600;color:#FFFFFF;}.elementor-79342 .elementor-element.elementor-element-e311dda > .elementor-element-populated{text-align:center;margin:0px 0px 30px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-79342 .elementor-element.elementor-element-2d31ecc .client-box .client-overlay{background-color:#262B3500;}.elementor-79342 .elementor-element.elementor-element-2d31ecc.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-79342 .elementor-element.elementor-element-2d31ecc .client-box{transition-duration:0.6s;}.elementor-79342 .elementor-element.elementor-element-3c947de .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:600;color:#FFFFFF;}.elementor-79342 .elementor-element.elementor-element-1c87d2d:not(.elementor-motion-effects-element-type-background), .elementor-79342 .elementor-element.elementor-element-1c87d2d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-79342 .elementor-element.elementor-element-1c87d2d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:10px 0px 0px 0px;}.elementor-79342 .elementor-element.elementor-element-1c87d2d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-79342 .elementor-element.elementor-element-68d00c7 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px !important;}.elementor-79342 .elementor-element.elementor-element-108ca2c{--spacer-size:50px;}.elementor-79342 .elementor-element.elementor-element-70ed8e1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-79342 .elementor-element.elementor-element-70ed8e1{z-index:1;text-align:center;}.elementor-79342 .elementor-element.elementor-element-70ed8e1 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:var( --e-global-color-20cedfb );}.elementor-79342 .elementor-element.elementor-element-f126e4d:not(.elementor-motion-effects-element-type-background), .elementor-79342 .elementor-element.elementor-element-f126e4d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-79342 .elementor-element.elementor-element-f126e4d{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:80px 0px 60px 0px;}.elementor-79342 .elementor-element.elementor-element-f126e4d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-79342 .elementor-element.elementor-element-d25bdc0:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-79342 .elementor-element.elementor-element-d25bdc0 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-79342 .elementor-element.elementor-element-d25bdc0 > .elementor-column-wrap.elementor-element-populated, .elementor-79342 .elementor-element.elementor-element-d25bdc0 > .elementor-widget-wrap.elementor-element-populated{overflow:hidden;}.elementor-79342 .elementor-element.elementor-element-d25bdc0 > .elementor-element-populated, .elementor-79342 .elementor-element.elementor-element-d25bdc0 > .elementor-element-populated > .elementor-background-overlay, .elementor-79342 .elementor-element.elementor-element-d25bdc0 > .elementor-background-slideshow{border-radius:8px 8px 8px 8px;}.elementor-79342 .elementor-element.elementor-element-d25bdc0 > .elementor-element-populated{box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.08);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 15px 0px 15px;--e-column-margin-right:15px;--e-column-margin-left:15px;padding:4rem 4rem 4rem 4rem !important;}.elementor-79342 .elementor-element.elementor-element-d25bdc0 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-litho-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-litho-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-litho-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-litho-icon-box .elementor-icon-box-content .elementor-icon-box-title, .elementor-widget-litho-icon-box .elementor-icon-box-content .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-litho-icon-box .elementor-icon-box-content .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-litho-icon-box:hover .elementor-icon-box-content .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-litho-icon-box a.litho_primary_button, .elementor-widget-litho-icon-box .litho_primary_button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-litho-icon-box a.litho_primary_button:hover, .elementor-widget-litho-icon-box .litho_primary_button:hover{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-79342 .elementor-element.elementor-element-a113730 .icon-box-hover{transition-duration:0.6s;}.elementor-79342 .elementor-element.elementor-element-a113730.elementor-view-default .elementor-icon i:before, .elementor-79342 .elementor-element.elementor-element-a113730.elementor-view-custom .elementor-icon i:before, .elementor-79342 .elementor-element.elementor-element-a113730.elementor-view-default .elementor-icon svg, .elementor-79342 .elementor-element.elementor-element-a113730.elementor-view-custom .elementor-icon svg, .elementor-79342 .elementor-element.elementor-element-a113730.elementor-view-default .elementor-icon svg path, .elementor-79342 .elementor-element.elementor-element-a113730.elementor-view-custom .elementor-icon svg path{color:#0038E3;fill:#0038E3;-webkit-text-fill-color:initial;}.elementor-79342 .elementor-element.elementor-element-a113730.elementor-position-right .elementor-icon-box-icon{margin-left:20px;}.elementor-79342 .elementor-element.elementor-element-a113730.elementor-position-left .elementor-icon-box-icon{margin-right:20px;}.elementor-79342 .elementor-element.elementor-element-a113730.elementor-position-top .elementor-icon-box-icon{margin-bottom:20px;}.elementor-79342 .elementor-element.elementor-element-a113730.elementor-position-right .litho-image-box-img{margin-left:20px;}.elementor-79342 .elementor-element.elementor-element-a113730.elementor-position-left .litho-image-box-img{margin-right:20px;}.elementor-79342 .elementor-element.elementor-element-a113730.elementor-position-top .litho-image-box-img{margin-bottom:20px;}.elementor-79342 .elementor-element.elementor-element-a113730 .elementor-icon{font-size:40px;}.elementor-79342 .elementor-element.elementor-element-a113730 .elementor-icon i{transform:rotate(0deg);}.elementor-79342 .elementor-element.elementor-element-a113730 .elementor-icon-box-content .elementor-icon-box-title, .elementor-79342 .elementor-element.elementor-element-a113730 .elementor-icon-box-content .elementor-icon-box-title a{font-size:15px;line-height:20px;}.elementor-79342 .elementor-element.elementor-element-a113730 .elementor-icon-box-content .elementor-icon-box-title{color:#232323;}.elementor-79342 .elementor-element.elementor-element-a113730 .elementor-icon-box-title{margin-bottom:1px;display:block;}.elementor-79342 .elementor-element.elementor-element-a113730 .elementor-icon-box-content .elementor-icon-box-description{font-family:"poppins", Sans-serif;font-size:13px;font-weight:400;line-height:22px;color:#828282;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-79342 .elementor-element.elementor-element-9cd577d{--divider-border-style:solid;--divider-color:#EDEDED;--divider-border-width:1px;}.elementor-79342 .elementor-element.elementor-element-9cd577d .elementor-divider-separator{width:100%;}.elementor-79342 .elementor-element.elementor-element-9cd577d .elementor-divider{padding-block-start:25px;padding-block-end:25px;}.elementor-79342 .elementor-element.elementor-element-7aed221:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-79342 .elementor-element.elementor-element-7aed221 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-79342 .elementor-element.elementor-element-7aed221 > .elementor-column-wrap.elementor-element-populated, .elementor-79342 .elementor-element.elementor-element-7aed221 > .elementor-widget-wrap.elementor-element-populated{overflow:hidden;}.elementor-79342 .elementor-element.elementor-element-7aed221 > .elementor-element-populated, .elementor-79342 .elementor-element.elementor-element-7aed221 > .elementor-element-populated > .elementor-background-overlay, .elementor-79342 .elementor-element.elementor-element-7aed221 > .elementor-background-slideshow{border-radius:8px 8px 8px 8px;}.elementor-79342 .elementor-element.elementor-element-7aed221 > .elementor-element-populated{box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.08);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 15px 0px 15px;--e-column-margin-right:15px;--e-column-margin-left:15px;padding:4rem 4rem 4rem 4rem !important;}.elementor-79342 .elementor-element.elementor-element-7aed221 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-79342 .elementor-element.elementor-element-06e7467 .icon-box-hover{transition-duration:0.6s;}.elementor-79342 .elementor-element.elementor-element-06e7467.elementor-view-default .elementor-icon i:before, .elementor-79342 .elementor-element.elementor-element-06e7467.elementor-view-custom .elementor-icon i:before, .elementor-79342 .elementor-element.elementor-element-06e7467.elementor-view-default .elementor-icon svg, .elementor-79342 .elementor-element.elementor-element-06e7467.elementor-view-custom .elementor-icon svg, .elementor-79342 .elementor-element.elementor-element-06e7467.elementor-view-default .elementor-icon svg path, .elementor-79342 .elementor-element.elementor-element-06e7467.elementor-view-custom .elementor-icon svg path{color:#0038E3;fill:#0038E3;-webkit-text-fill-color:initial;}.elementor-79342 .elementor-element.elementor-element-06e7467.elementor-position-right .elementor-icon-box-icon{margin-left:20px;}.elementor-79342 .elementor-element.elementor-element-06e7467.elementor-position-left .elementor-icon-box-icon{margin-right:20px;}.elementor-79342 .elementor-element.elementor-element-06e7467.elementor-position-top .elementor-icon-box-icon{margin-bottom:20px;}.elementor-79342 .elementor-element.elementor-element-06e7467.elementor-position-right .litho-image-box-img{margin-left:20px;}.elementor-79342 .elementor-element.elementor-element-06e7467.elementor-position-left .litho-image-box-img{margin-right:20px;}.elementor-79342 .elementor-element.elementor-element-06e7467.elementor-position-top .litho-image-box-img{margin-bottom:20px;}.elementor-79342 .elementor-element.elementor-element-06e7467 .elementor-icon{font-size:40px;}.elementor-79342 .elementor-element.elementor-element-06e7467 .elementor-icon i{transform:rotate(0deg);}.elementor-79342 .elementor-element.elementor-element-06e7467 .elementor-icon-box-content .elementor-icon-box-title, .elementor-79342 .elementor-element.elementor-element-06e7467 .elementor-icon-box-content .elementor-icon-box-title a{font-size:15px;line-height:20px;}.elementor-79342 .elementor-element.elementor-element-06e7467 .elementor-icon-box-content .elementor-icon-box-title{color:#232323;}.elementor-79342 .elementor-element.elementor-element-06e7467 .elementor-icon-box-title{margin-bottom:1px;display:block;}.elementor-79342 .elementor-element.elementor-element-06e7467 .elementor-icon-box-content .elementor-icon-box-description{font-family:"poppins", Sans-serif;font-size:13px;font-weight:400;line-height:22px;color:#828282;}.elementor-79342 .elementor-element.elementor-element-8fa343e{--divider-border-style:solid;--divider-color:#EDEDED;--divider-border-width:1px;}.elementor-79342 .elementor-element.elementor-element-8fa343e .elementor-divider-separator{width:100%;}.elementor-79342 .elementor-element.elementor-element-8fa343e .elementor-divider{padding-block-start:25px;padding-block-end:25px;}.elementor-79342 .elementor-element.elementor-element-3c975c3:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-79342 .elementor-element.elementor-element-3c975c3 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-79342 .elementor-element.elementor-element-3c975c3 > .elementor-column-wrap.elementor-element-populated, .elementor-79342 .elementor-element.elementor-element-3c975c3 > .elementor-widget-wrap.elementor-element-populated{overflow:hidden;}.elementor-79342 .elementor-element.elementor-element-3c975c3 > .elementor-element-populated, .elementor-79342 .elementor-element.elementor-element-3c975c3 > .elementor-element-populated > .elementor-background-overlay, .elementor-79342 .elementor-element.elementor-element-3c975c3 > .elementor-background-slideshow{border-radius:8px 8px 8px 8px;}.elementor-79342 .elementor-element.elementor-element-3c975c3 > .elementor-element-populated{box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.08);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 15px 0px 15px;--e-column-margin-right:15px;--e-column-margin-left:15px;padding:4rem 4rem 4rem 4rem !important;}.elementor-79342 .elementor-element.elementor-element-3c975c3 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-79342 .elementor-element.elementor-element-395514c .icon-box-hover{transition-duration:0.6s;}.elementor-79342 .elementor-element.elementor-element-395514c.elementor-view-default .elementor-icon i:before, .elementor-79342 .elementor-element.elementor-element-395514c.elementor-view-custom .elementor-icon i:before, .elementor-79342 .elementor-element.elementor-element-395514c.elementor-view-default .elementor-icon svg, .elementor-79342 .elementor-element.elementor-element-395514c.elementor-view-custom .elementor-icon svg, .elementor-79342 .elementor-element.elementor-element-395514c.elementor-view-default .elementor-icon svg path, .elementor-79342 .elementor-element.elementor-element-395514c.elementor-view-custom .elementor-icon svg path{color:#0038E3;fill:#0038E3;-webkit-text-fill-color:initial;}.elementor-79342 .elementor-element.elementor-element-395514c.elementor-position-right .elementor-icon-box-icon{margin-left:20px;}.elementor-79342 .elementor-element.elementor-element-395514c.elementor-position-left .elementor-icon-box-icon{margin-right:20px;}.elementor-79342 .elementor-element.elementor-element-395514c.elementor-position-top .elementor-icon-box-icon{margin-bottom:20px;}.elementor-79342 .elementor-element.elementor-element-395514c.elementor-position-right .litho-image-box-img{margin-left:20px;}.elementor-79342 .elementor-element.elementor-element-395514c.elementor-position-left .litho-image-box-img{margin-right:20px;}.elementor-79342 .elementor-element.elementor-element-395514c.elementor-position-top .litho-image-box-img{margin-bottom:20px;}.elementor-79342 .elementor-element.elementor-element-395514c .elementor-icon{font-size:40px;}.elementor-79342 .elementor-element.elementor-element-395514c .elementor-icon i{transform:rotate(0deg);}.elementor-79342 .elementor-element.elementor-element-395514c .elementor-icon-box-content .elementor-icon-box-title, .elementor-79342 .elementor-element.elementor-element-395514c .elementor-icon-box-content .elementor-icon-box-title a{font-size:15px;line-height:20px;}.elementor-79342 .elementor-element.elementor-element-395514c .elementor-icon-box-content .elementor-icon-box-title{color:#232323;}.elementor-79342 .elementor-element.elementor-element-395514c .elementor-icon-box-title{margin-bottom:1px;display:block;}.elementor-79342 .elementor-element.elementor-element-395514c .elementor-icon-box-content .elementor-icon-box-description{font-family:"poppins", Sans-serif;font-size:13px;font-weight:400;line-height:22px;color:#828282;}.elementor-79342 .elementor-element.elementor-element-7d8e86f{--divider-border-style:solid;--divider-color:#EDEDED;--divider-border-width:1px;}.elementor-79342 .elementor-element.elementor-element-7d8e86f .elementor-divider-separator{width:100%;}.elementor-79342 .elementor-element.elementor-element-7d8e86f .elementor-divider{padding-block-start:25px;padding-block-end:25px;}.elementor-79342 .elementor-element.elementor-element-1939444 > .elementor-container{min-height:400px;}.elementor-79342 .elementor-element.elementor-element-1939444{margin-top:0px;margin-bottom:0px;padding:60px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-79342 .elementor-element.elementor-element-619e3b6.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-79342 .elementor-element.elementor-element-619e3b6.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-79342 .elementor-element.elementor-element-619e3b6.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-79342 .elementor-element.elementor-element-619e3b6 > .elementor-element-populated{text-align:center;margin:0rem 0rem 0rem 0rem;--e-column-margin-right:0rem;--e-column-margin-left:0rem;}.elementor-79342 .elementor-element.elementor-element-ae3b21a .litho-primary-title{white-space:normal;}.elementor-79342 .elementor-element.elementor-element-ae3b21a .litho-primary-title, .elementor-79342 .elementor-element.elementor-element-ae3b21a .litho-primary-title a{color:#232323;fill:#232323;-webkit-text-fill-color:initial;}.elementor-79342 .elementor-element.elementor-element-ae3b21a .horizontal-separator{height:1px;width:10%;display:inline-block;vertical-align:middle;}.elementor-79342 .elementor-element.elementor-element-5c5cbb2 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-79342 .elementor-element.elementor-element-5c5cbb2{text-align:center;}.elementor-79342 .elementor-element.elementor-element-5c5cbb2 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:400;line-height:30px;color:var( --e-global-color-text );}.elementor-79342 .elementor-element.elementor-element-e48bfd0{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-79342 .elementor-element.elementor-element-86aa38b > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px !important;}.elementor-79342 .elementor-element.elementor-element-d90b0d7{width:100%;max-width:100%;}@media(min-width:768px){.elementor-79342 .elementor-element.elementor-element-af61c9f{width:41.66%;}.elementor-79342 .elementor-element.elementor-element-18392a1{width:58.34%;}}@media(max-width:1024px) and (min-width:768px){.elementor-79342 .elementor-element.elementor-element-cab73ea{width:100%;}.elementor-79342 .elementor-element.elementor-element-e26edbc{width:50%;}.elementor-79342 .elementor-element.elementor-element-33ce68b{width:50%;}.elementor-79342 .elementor-element.elementor-element-b2d7f86{width:100%;}.elementor-79342 .elementor-element.elementor-element-2e0937b{width:100%;}.elementor-79342 .elementor-element.elementor-element-af61c9f{width:50%;}.elementor-79342 .elementor-element.elementor-element-18392a1{width:50%;}.elementor-79342 .elementor-element.elementor-element-844f214{width:100%;}.elementor-79342 .elementor-element.elementor-element-2311116{width:30%;}.elementor-79342 .elementor-element.elementor-element-15fafff{width:30%;}.elementor-79342 .elementor-element.elementor-element-bd23eaf{width:30%;}.elementor-79342 .elementor-element.elementor-element-72cb41e{width:30%;}.elementor-79342 .elementor-element.elementor-element-e311dda{width:30%;}.elementor-79342 .elementor-element.elementor-element-d25bdc0{width:100%;}.elementor-79342 .elementor-element.elementor-element-7aed221{width:100%;}.elementor-79342 .elementor-element.elementor-element-3c975c3{width:100%;}}@media(min-width:2400px){.elementor-widget-litho-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-litho-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-litho-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-litho-icon-box .elementor-icon-box-content .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-litho-icon-box:hover .elementor-icon-box-content .elementor-icon-box-title{color:var( --e-global-color-primary );}}@media(max-width:1366px){.elementor-79342 .elementor-element.elementor-element-a83da77{width:var( --container-widget-width, 450.672px );max-width:450.672px;--container-widget-width:450.672px;--container-widget-flex-grow:0;}.elementor-widget-litho-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-litho-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-litho-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-litho-icon-box .elementor-icon-box-content .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-litho-icon-box:hover .elementor-icon-box-content .elementor-icon-box-title{color:var( --e-global-color-primary );}}@media(max-width:1200px){.elementor-79342 .elementor-element.elementor-element-cc42dfc > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-79342 .elementor-element.elementor-element-cc42dfc .litho-heading{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}.elementor-widget-litho-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-litho-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-litho-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-litho-icon-box .elementor-icon-box-content .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-litho-icon-box:hover .elementor-icon-box-content .elementor-icon-box-title{color:var( --e-global-color-primary );}}@media(max-width:1024px){.elementor-79342 .elementor-element.elementor-element-79784a2{padding:75px 25px 75px 25px;}.elementor-79342 .elementor-element.elementor-element-cab73ea{min-height:700px !important;}.elementor-79342 .elementor-element.elementor-element-cab73ea > .elementor-element-populated{margin:0px 15px 30px 15px;--e-column-margin-right:15px;--e-column-margin-left:15px;}.elementor-79342 .elementor-element.elementor-element-e26edbc > .elementor-element-populated{margin:0px 15px 0px 15px;--e-column-margin-right:15px;--e-column-margin-left:15px;padding:4rem 4rem 4rem 4rem !important;}.elementor-79342 .elementor-element.elementor-element-cc42dfc > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-79342 .elementor-element.elementor-element-cc42dfc .litho-primary-title, .elementor-79342 .elementor-element.elementor-element-cc42dfc .litho-primary-title a{font-size:18px;line-height:26px;}.elementor-79342 .elementor-element.elementor-element-5d2b9c5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-79342 .elementor-element.elementor-element-5d2b9c5 .content-block .content-wrap, .elementor-79342 .elementor-element.elementor-element-5d2b9c5 .content-block .elementor-image-box-content{padding:2.5rem 2.5rem 2.5rem 2.5rem;margin:0px 0px 0px 0px;}.elementor-79342 .elementor-element.elementor-element-289471b{padding:75px 25px 175px 25px;}.elementor-79342 .elementor-element.elementor-element-b2d7f86 > .elementor-element-populated{margin:0px 15px 0px 15px;--e-column-margin-right:15px;--e-column-margin-left:15px;}.elementor-79342 .elementor-element.elementor-element-43d4d1b img{width:100%;}.elementor-79342 .elementor-element.elementor-element-2e0937b > .elementor-element-populated{margin:0px 15px 0px 15px;--e-column-margin-right:15px;--e-column-margin-left:15px;padding:5rem 5rem 5rem 5rem !important;}.elementor-79342 .elementor-element.elementor-element-a1453f9 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-79342 .elementor-element.elementor-element-cf8e783{padding:75px 25px 75px 25px;}.elementor-79342 .elementor-element.elementor-element-af61c9f > .elementor-element-populated{padding:0px 0px 0px 15px !important;}.elementor-79342 .elementor-element.elementor-element-a83da77{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-79342 .elementor-element.elementor-element-18392a1 > .elementor-element-populated{padding:0px 50px 0px 15px !important;}.elementor-79342 .elementor-element.elementor-element-463965f{padding:95px 0px 95px 0px;}.elementor-79342 .elementor-element.elementor-element-844f214 > .elementor-element-populated{text-align:left;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px !important;}.elementor-79342 .elementor-element.elementor-element-14fe4da > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px -15px 0px 0px;}.elementor-79342 .elementor-element.elementor-element-14fe4da{--container-widget-width:130px;--container-widget-flex-grow:0;width:var( --container-widget-width, 130px );max-width:130px;}.elementor-79342 .elementor-element.elementor-element-e75d4ae > .elementor-widget-container{margin:0px 0px 0px 20px;}.elementor-79342 .elementor-element.elementor-element-e75d4ae{--container-widget-width:160.297px;--container-widget-flex-grow:0;width:var( --container-widget-width, 160.297px );max-width:160.297px;text-align:left;}.elementor-79342 .elementor-element.elementor-element-768a3b0{margin-top:0px;margin-bottom:30px;padding:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-79342 .elementor-element.elementor-element-2311116.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-79342 .elementor-element.elementor-element-2311116.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-79342 .elementor-element.elementor-element-aeb2a5f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-79342 .elementor-element.elementor-element-15fafff.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-79342 .elementor-element.elementor-element-15fafff.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-79342 .elementor-element.elementor-element-731a044 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-79342 .elementor-element.elementor-element-bd23eaf.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-79342 .elementor-element.elementor-element-bd23eaf.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-79342 .elementor-element.elementor-element-e16773d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-79342 .elementor-element.elementor-element-72cb41e.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-79342 .elementor-element.elementor-element-72cb41e.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-79342 .elementor-element.elementor-element-9ecb9b1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-79342 .elementor-element.elementor-element-e311dda.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-79342 .elementor-element.elementor-element-e311dda.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-79342 .elementor-element.elementor-element-2d31ecc > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-79342 .elementor-element.elementor-element-f126e4d{margin-top:-20px;margin-bottom:0px;padding:11% 15% 11% 15%;}.elementor-79342 .elementor-element.elementor-element-d25bdc0 > .elementor-element-populated{margin:0px 15px 30px 15px;--e-column-margin-right:15px;--e-column-margin-left:15px;}.elementor-widget-litho-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-litho-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-litho-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-litho-icon-box .elementor-icon-box-content .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-litho-icon-box:hover .elementor-icon-box-content .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-79342 .elementor-element.elementor-element-7aed221 > .elementor-element-populated{margin:0px 15px 30px 15px;--e-column-margin-right:15px;--e-column-margin-left:15px;}.elementor-79342 .elementor-element.elementor-element-1939444{margin-top:0px;margin-bottom:0px;padding:75px 25px 0px 25px;}.elementor-79342 .elementor-element.elementor-element-619e3b6 > .elementor-element-populated{margin:-66px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-79342 .elementor-element.elementor-element-ae3b21a > .elementor-widget-container{margin:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-79342 .elementor-element.elementor-element-79784a2{padding:50px 0px 50px 0px;}.elementor-79342 .elementor-element.elementor-element-cab73ea{min-height:450px !important;}.elementor-79342 .elementor-element.elementor-element-cab73ea:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-79342 .elementor-element.elementor-element-cab73ea > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:top center;}.elementor-79342 .elementor-element.elementor-element-e26edbc > .elementor-element-populated{margin:0px 15px 30px 15px;--e-column-margin-right:15px;--e-column-margin-left:15px;padding:4rem 4rem 4rem 4rem !important;}.elementor-79342 .elementor-element.elementor-element-5d2b9c5 .content-block .content-wrap, .elementor-79342 .elementor-element.elementor-element-5d2b9c5 .content-block .elementor-image-box-content{padding:4rem 4rem 4rem 4rem;margin:0px 0px 0px 0px;}.elementor-79342 .elementor-element.elementor-element-289471b{padding:0px 0px 0px 0px;}.elementor-79342 .elementor-element.elementor-element-b2d7f86 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-79342 .elementor-element.elementor-element-2e0937b > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-79342 .elementor-element.elementor-element-a1453f9 > .elementor-widget-container{margin:0px 0px 20px 0px;padding:0px 0px 0px 0px;}.elementor-79342 .elementor-element.elementor-element-493d8b8{width:var( --container-widget-width, 251px );max-width:251px;--container-widget-width:251px;--container-widget-flex-grow:0;}.elementor-79342 .elementor-element.elementor-element-493d8b8 > .elementor-widget-container{margin:0px 0px 20px 0px;padding:0px 0px 0px 0px;}.elementor-79342 .elementor-element.elementor-element-cf8e783{padding:50px 0px 50px 0px;}.elementor-79342 .elementor-element.elementor-element-af61c9f > .elementor-element-populated{margin:0rem 0rem 7rem 0rem;--e-column-margin-right:0rem;--e-column-margin-left:0rem;}.elementor-79342 .elementor-element.elementor-element-a83da77{width:var( --container-widget-width, 95% );max-width:95%;--container-widget-width:95%;--container-widget-flex-grow:0;}.elementor-79342 .elementor-element.elementor-element-18392a1 > .elementor-element-populated{padding:0px 50px 0px 5px !important;}.elementor-79342 .elementor-element.elementor-element-d8084ad > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-79342 .elementor-element.elementor-element-2311116.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-79342 .elementor-element.elementor-element-aeb2a5f{width:var( --container-widget-width, 167px );max-width:167px;--container-widget-width:167px;--container-widget-flex-grow:0;}.elementor-79342 .elementor-element.elementor-element-aeb2a5f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-79342 .elementor-element.elementor-element-15fafff.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-79342 .elementor-element.elementor-element-731a044{width:var( --container-widget-width, 167px );max-width:167px;--container-widget-width:167px;--container-widget-flex-grow:0;}.elementor-79342 .elementor-element.elementor-element-731a044 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-79342 .elementor-element.elementor-element-bd23eaf.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-79342 .elementor-element.elementor-element-e16773d{width:var( --container-widget-width, 167px );max-width:167px;--container-widget-width:167px;--container-widget-flex-grow:0;}.elementor-79342 .elementor-element.elementor-element-e16773d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-79342 .elementor-element.elementor-element-72cb41e.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-79342 .elementor-element.elementor-element-9ecb9b1{width:var( --container-widget-width, 167px );max-width:167px;--container-widget-width:167px;--container-widget-flex-grow:0;}.elementor-79342 .elementor-element.elementor-element-9ecb9b1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-79342 .elementor-element.elementor-element-e311dda.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-79342 .elementor-element.elementor-element-2d31ecc{width:var( --container-widget-width, 167px );max-width:167px;--container-widget-width:167px;--container-widget-flex-grow:0;}.elementor-79342 .elementor-element.elementor-element-2d31ecc > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-79342 .elementor-element.elementor-element-70ed8e1 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-79342 .elementor-element.elementor-element-f126e4d{padding:87px 0px 50px 0px;}.elementor-widget-litho-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-litho-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-litho-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-litho-icon-box .elementor-icon-box-content .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-litho-icon-box:hover .elementor-icon-box-content .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-79342 .elementor-element.elementor-element-a113730 .elementor-icon-box-icon{margin-bottom:0px;}.elementor-79342 .elementor-element.elementor-element-a113730 .litho-image-box-img{margin-bottom:0px;}.elementor-79342 .elementor-element.elementor-element-a113730.elementor-position-right .elementor-icon-box-icon{margin-left:0px;}.elementor-79342 .elementor-element.elementor-element-a113730.elementor-position-left .elementor-icon-box-icon{margin-right:0px;}.elementor-79342 .elementor-element.elementor-element-a113730.elementor-position-top .elementor-icon-box-icon{margin-bottom:0px;}.elementor-79342 .elementor-element.elementor-element-a113730.elementor-position-right .litho-image-box-img{margin-left:0px;}.elementor-79342 .elementor-element.elementor-element-a113730.elementor-position-left .litho-image-box-img{margin-right:0px;}.elementor-79342 .elementor-element.elementor-element-a113730.elementor-position-top .litho-image-box-img{margin-bottom:0px;}.elementor-79342 .elementor-element.elementor-element-9cd577d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-79342 .elementor-element.elementor-element-3736c81{text-align:center;}.elementor-79342 .elementor-element.elementor-element-06e7467 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-79342 .elementor-element.elementor-element-06e7467 .elementor-icon-box-icon{margin-bottom:0px;}.elementor-79342 .elementor-element.elementor-element-06e7467 .litho-image-box-img{margin-bottom:0px;}.elementor-79342 .elementor-element.elementor-element-06e7467.elementor-position-right .elementor-icon-box-icon{margin-left:0px;}.elementor-79342 .elementor-element.elementor-element-06e7467.elementor-position-left .elementor-icon-box-icon{margin-right:0px;}.elementor-79342 .elementor-element.elementor-element-06e7467.elementor-position-top .elementor-icon-box-icon{margin-bottom:0px;}.elementor-79342 .elementor-element.elementor-element-06e7467.elementor-position-right .litho-image-box-img{margin-left:0px;}.elementor-79342 .elementor-element.elementor-element-06e7467.elementor-position-left .litho-image-box-img{margin-right:0px;}.elementor-79342 .elementor-element.elementor-element-06e7467.elementor-position-top .litho-image-box-img{margin-bottom:0px;}.elementor-79342 .elementor-element.elementor-element-47b7c39{text-align:center;}.elementor-79342 .elementor-element.elementor-element-395514c .elementor-icon-box-icon{margin-bottom:0px;}.elementor-79342 .elementor-element.elementor-element-395514c .litho-image-box-img{margin-bottom:0px;}.elementor-79342 .elementor-element.elementor-element-395514c.elementor-position-right .elementor-icon-box-icon{margin-left:0px;}.elementor-79342 .elementor-element.elementor-element-395514c.elementor-position-left .elementor-icon-box-icon{margin-right:0px;}.elementor-79342 .elementor-element.elementor-element-395514c.elementor-position-top .elementor-icon-box-icon{margin-bottom:0px;}.elementor-79342 .elementor-element.elementor-element-395514c.elementor-position-right .litho-image-box-img{margin-left:0px;}.elementor-79342 .elementor-element.elementor-element-395514c.elementor-position-left .litho-image-box-img{margin-right:0px;}.elementor-79342 .elementor-element.elementor-element-395514c.elementor-position-top .litho-image-box-img{margin-bottom:0px;}.elementor-79342 .elementor-element.elementor-element-3c7fab4{text-align:center;}.elementor-79342 .elementor-element.elementor-element-1939444{padding:50px 0px 0px 0px;}.elementor-79342 .elementor-element.elementor-element-619e3b6 > .elementor-element-populated{margin:0rem 0rem 4.3rem 0rem;--e-column-margin-right:0rem;--e-column-margin-left:0rem;}}/* Start custom CSS for html, class: .elementor-element-d90b0d7 */@charset "UTF-8";

/* Litho - v2.2
 * https://www.themezaa.com/
 * Copyright (c) 2021 themezaa.com

----------------------------------
Table of contents

01. Google font
02. Reset
03. Typography
04. Background color
05. Custom
06. Button
07. Border
08. Video
09. Background image
10. Margin
11. Padding
12. Display and overflow
13. Position
14. Width
15. Height
16. Icon
17. Magnific popup
18. Header
19. Page title
20. Swiper carousel
21. Grid
22. Portfolio
23. Blog
24. Shop
25. Elements
26. Footer

*/

/* ===================================
    01. Google font
====================================== */

@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');

/* ===================================
    02. Reset
====================================== */

html { font-size: 14px; }


body, html { -moz-osx-font-smoothing: grayscale; }
a { text-decoration: none; }
a:hover, a:focus { text-decoration: none; outline: none; outline-offset:0; color: #0038e3; }
a, a.nav-link, a:active, a:focus { color: #828282; }
a, a.nav-link, .btn, input, textarea, select { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
img { max-width: 100%; height: auto; }
video { background-size: cover; display: table-cell; vertical-align: middle; width: 100%; }
p { margin: 0 0 25px; }
b, strong { font-weight: 600; }
.alt-font strong { font-weight: 600; }
.last-paragraph-no-margin p:last-of-type { margin-bottom:0; }
ul, ol, dl { list-style-position: outside; margin-bottom: 25px; }
ul { margin: 0; padding: 0; }

select { background-image: url(../images/down-arrow.png); background-position: right 14px center; background-repeat: no-repeat; background-size: 10px; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer;}


input[type="submit"] { width: auto; }

input:focus, textarea:focus { border: 1px solid #b9b9b9; outline: none; }
input[type="submit"]:focus { outline: none; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0;  }
input::-ms-clear { display: none; }

select::-ms-expand { display:none; }
iframe { border: 0; }
button, button:focus, button:hover { outline: none; }
.main-content { z-index: 2; background-color: #fff; overflow: visible; position: relative; }

::selection { color: #000; background:#dbdbdb; }
::-moz-selection { color:#a6a6a6; background:#dbdbdb; }
::-webkit-input-placeholder { color: #a6a6a6; text-overflow: ellipsis; }
::-moz-placeholder { color: #a6a6a6; text-overflow: ellipsis; opacity:1; }
:-ms-input-placeholder { color: #a6a6a6; text-overflow: ellipsis; opacity:1; }

.placeholder-light::-webkit-input-placeholder { color: #fff; }
.placeholder-light::-moz-placeholder { color: #fff;}
.placeholder-light:-ms-input-placeholder { color: #fff;}

.placeholder-dark::-webkit-input-placeholder { color: #232323; }
.placeholder-dark::-moz-placeholder { color: #232323;}
.placeholder-dark:-ms-input-placeholder { color: #232323;}


.transition { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { padding-right: 15px; padding-left: 15px; }
.row { margin-right: -15px; margin-left: -15px; }



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

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


/* heading size */
h1, h2, h3, h4, h5, h6 { margin:0 0 25px 0; padding:0; letter-spacing: -0.5px; font-weight: inherit; }


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




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

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



/* text property */

.text-decoration-underline { text-decoration:underline; }
.text-decoration-none { text-decoration: none; }
.word-wrap { word-wrap: break-word; }
.text-transform-none { text-transform:none; }

.line-height-normal { line-height: normal; }
.line-height-none { line-height: 0; }
.text-decoration-line-through { text-decoration:line-through; }

.text-highlight { padding: 4px 16px }

.text-middle-line, .text-decoration-line-wide, .text-decoration-line-thick, .text-decoration-line-bottom, .text-decoration-line-bottom-thick, .text-decoration-line-bottom-medium { position: relative; white-space: nowrap; }
.text-middle-line:before { border-bottom: 1px solid; position: absolute; content: ""; width: 100%; top: 50%; left: 0; opacity: 0.35; }
.text-decoration-line-wide:before { content: ""; border-bottom: 1px solid; left: -10px; position: absolute; top: 50%; width: calc(100% + 20px);-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.text-decoration-line-bottom:before { content: ""; border-bottom: 1px solid; left: 0; position: absolute; top: 100%; width: 100%; }
.text-decoration-line-bottom-medium:before { content: ""; border-bottom: 2px solid; left: 0; position: absolute; top: 90%; width: 100%; }
.text-decoration-line-bottom-thick:before { content: ""; border-bottom: 3px solid; left: 0; position: absolute; top: 85%; width: 100%; }
.text-decoration-line-bottom-gradient {position: relative}
.text-decoration-line-bottom-gradient span {position: absolute; left: 0; bottom: 0; width: 100%; height: 1px}

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

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

.bg-white { background-color:#FFF; }

.bg-dark-gray { background-color:#757575; }
.bg-extra-dark-gray { background-color:#232323; }
.bg-extra-dark-gray-2 { background-color:#060606; }
.bg-extra-medium-gray { background-color:#939393; }
.bg-medium-gray { background-color:#e4e4e4; }

.bg-yellow-ochre-light { background-color: #F8AA02; }



/* background gradient color */
.bg-gradient-magenta-orange { background-image: linear-gradient(to right top, #e42464, #ed3c5f, #f44f5c, #fa6259, #ff7357); }
.bg-gradient-magenta-orange-2 { background-image: linear-gradient(to right top, #ec606c, #ee6362, #ee6757, #ed6c4d, #eb7242); }
.bg-gradient-purple-magenta { background-image: linear-gradient(to right top, #502970, #7f2977, #ac2775, #d42d6b, #f34259); }
.bg-gradient-light-purple-light-orange { background-image: linear-gradient(to right top, #b783ff, #e37be0, #fa7cc1, #ff85a6, #ff9393); }
.bg-gradient-sky-blue-pink { background-image: linear-gradient(to right top, #556fff, #b263e4, #e05fc4, #f767a6, #ff798e); }
.bg-gradient-peacock-blue-crome-yellow { background-image: linear-gradient(to right top, #36c1e1, #28ccc0, #74cf8e, #bac962, #feb95b); }
.bg-gradient-fast-blue-purple { background-image: linear-gradient(to right top, #0039e3, #4132e0, #5e28dd, #741bd9, #8600d4); }
.bg-gradient-orange-pink { background-image: linear-gradient(to right top, #ff6557, #ff5a5f, #ff4e68, #ff4271, #ff367c); }
.bg-gradient-light-orange-light-pink {background-image: linear-gradient(to right top, #f5bb8d, #feb399, #ffaea8, #fdaab9, #f3aaca);}
.bg-gradient-white-light-gray { background-image: linear-gradient(to bottom, #ffffff, #fdfdfd, #fbfbfb, #f9f9f9, #f7f7f7); }
.bg-gradient-solitude-white { background-image: linear-gradient(to top, #f4f5f9, #f4f5f9, #fbfbfd, #ffffff, #ffffff); }
.bg-gradient-light-gray-white { background-image: linear-gradient(to bottom, #f7f7f7, #f9f9f9, #fbfbfb, #fdfdfd, #ffffff); }
.bg-gradient-tan-geraldine { background-image: linear-gradient(to right top, #fb7f87, #fc8a82, #fb957f, #fa9f7f, #f7aa80); }
.bg-gradient-white-light { background-image: linear-gradient(to right, #000000, rgba(0, 0, 0, 0.66), hsla(0, 0%, 0%, 0.4), rgba(0, 0, 0, 0.42), rgba(0, 0, 0, 0.1)) }

.bg-gradient-tan-geraldine-2 { background-image: linear-gradient(to right, #ff788d, #FF8286, #FE8681, #FE8D7D, #ff9578);  }
.bg-gradient-dark-slate-blue { background-image: linear-gradient(to right, #252c3e, rgba(37, 44, 62, 0.66), rgba(37, 44, 62, 0.42), rgba(37, 44, 62, 0.1), rgba(37, 44, 62, 0)) }
.bg-gradient-light-violet-light-orange { background-image: linear-gradient(to right top, #2f0959, #3b1059, #5c2359, #b85457, #fd7956); }
.bg-gradient-tussock-greenish-slate { background: linear-gradient(40deg, rgba(191,140,76,1) 0%, rgba(68,90,88,1) 100%); }
.bg-gradient-black-blue { background: linear-gradient(30deg, rgba(4,5,6,1) 0%, rgba(19,14,62,1) 100%); }
.bg-gradient-shamrock-green-light-orange { background-image: linear-gradient(20deg, rgba(46,212,124,1) 0%, rgba(232,191,71,1) 100%);}

.bg-gradient-light-purple-light-red { background-image: linear-gradient(to right top, #bb85f9, #c887e5, #da8bca, #eb8fb0, #fb9398); }
.bg-gradient-white-light-greenish-gray { background-image: linear-gradient(to bottom, #ffffff, #f0f2f0); }
.bg-gradient-yellowish-green-turquoise { background-image: linear-gradient(to right top, #d0e51b, #a5e850, #7ce878, #58e49a, #3edfb6); }

.bg-gradient-peacock-blue-crome-yellow-2 { background-image: linear-gradient(to right top, #5dcaa3, #84c685, #a8bf6d, #cab561, #e7a965); }



.bg-gradient-red-violet-purple { background-image: linear-gradient(to right top, #b93c90, #a92a96, #951a9d, #7b10a5, #5412ae); }
.bg-gradient-turquoise-green-yellowish { background-image: linear-gradient(to right top, #3edfb6, #58e49a, #7ce878, #a5e850, #d0e51b); }
.bg-gradient-alice-blue-white-light { background-image: linear-gradient(to bottom, #eff6f8, #ffffff); }

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



section { padding: 130px 0; }

.cursor-none { cursor: none; }
.cursor-default { cursor: default; }

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

/* overlap */
.overlap-section { position: relative; }
.overlap-section-bottom { position: relative; }
.overlayer-box { position: absolute; height: 100%; width: 100%; top: 0; left: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.overlap-image { margin-bottom: -215px; z-index: 1;}
.text-overlap { margin-bottom: -60px; position: relative; z-index: -1; }
.text-overlap-style-01 { position: absolute; right: 0; bottom: -110px; font-size: 300px; line-height: 300px; letter-spacing: -10px; white-space: nowrap; }
.text-overlap-style-02 { position: absolute; left: -25px; top: -60px; font-size: 154px; line-height: 154px; letter-spacing: -8px; white-space: nowrap; }


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






/* tag */
.tag-cloud a { display: inline-block; text-align: center; font-size: 13px; line-height: 20px; margin: 0 6px 10px 0; padding: 5px 18px 6px; border-radius: 4px; border: 1px solid #e4e4e4}

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


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

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

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

/* box shadow */
.btn-shadow { box-shadow: 0 0 6px rgba(0,0,0,.3); }
.box-shadow, .box-shadow-hover:hover { box-shadow: 0 0 10px rgba(0,0,0,.08); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.box-shadow-double-large, .box-shadow-double-large-hover:hover { box-shadow: 0 0 35px rgba(40,42,54,.18); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.box-shadow-large, .box-shadow-large-hover:hover { box-shadow: 0 0 30px rgba(0,0,0,.08); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.box-shadow-extra-large, .box-shadow-extra-large-hover:hover { box-shadow: 0 0 25px rgba(0,0,0,.08); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.box-shadow-medium, .box-shadow-medium-hover:hover { box-shadow: 0 0 20px rgba(0,0,0,.08); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.box-shadow-small, .box-shadow-small-hover:hover { box-shadow: 0 0 15px rgba(0,0,0,.08); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.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); -o-transform: translate3d(0, -3px, 0); -ms-transform: translate3d(0, -3px, 0); -webkit-transform: translate3d(0, -3px, 0); transform: translate3d(0, -3px, 0);}


/* drop shadow */
.drop-shadow svg { filter: drop-shadow( 0px 1px 4px rgba(0, 0, 0, .1)); }

/* z-index */
.z-index-1 { z-index:1; }
.z-index-2 { z-index:2; }
.z-index-3 { z-index:3; }
.z-index-4 { z-index:4; }
.z-index-5 { z-index:5; }
.z-index-6 { z-index:6; }
.z-index-7 { z-index:7; }
.z-index-8 { z-index:8; }
.z-index-9 { z-index:9; }
.z-index-0 { z-index:0; }
.z-index-minus-1 { z-index:-1; }
.z-index-minus-2 { z-index:-2; }
.z-index-minus-3 { z-index:-3; }
.z-index-minus-4 { z-index:-4; }
.z-index-minus-5 { z-index:-5; }

/* absolute middle center */

.absolute-middle-center.move-top-bottom, .absolute-middle-center.move-bottom-top { margin-left: -10px; margin-top: -10px; }


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ===================================
    12. Display and overflow
====================================== */

.d-initial { display: initial !important; }
.overflow-hidden { overflow:hidden !important; }
.overflow-visible { overflow:visible !important; }
.overflow-auto { overflow:auto !important; }

/* ===================================
    13. Position
====================================== */


/* top */
.top-0px { top: 0; }
.top-1px { top: 1px; }
.top-2px { top: 2px; }
.top-3px { top: 3px; }
.top-4px { top: 4px; }
.top-5px { top: 5px; }
.top-6px { top: 6px; }
.top-7px { top: 7px; }
.top-8px { top: 8px; }
.top-9px { top: 9px; }
.top-10px { top: 10px; }
.top-15px { top: 15px; }
.top-20px { top: 20px; }
.top-25px { top: 25px; }
.top-30px { top: 30px; }
.top-35px { top: 35px; }
.top-40px { top: 40px; }
.top-45px { top: 45px; }
.top-50px { top: 50px; }
.top-60px { top: 60px; }
.top-70px { top: 70px; }
.top-80px { top: 80px; }
.top-90px { top: 90px; }
.top-100px { top: 100px; }
.top-auto { top:auto; }
.top-inherit { top:inherit; }

/* top minus */
.top-minus-1px { top: -1px; }
.top-minus-2px { top: -2px; }
.top-minus-3px { top: -3px; }
.top-minus-4px { top: -4px; }
.top-minus-5px { top: -5px; }
.top-minus-6px { top: -6px; }
.top-minus-7px { top: -7px; }
.top-minus-8px { top: -8px; }
.top-minus-9px { top: -9px; }
.top-minus-10px { top: -10px; }
.top-minus-15px { top: -15px; }
.top-minus-20px { top: -20px; }
.top-minus-25px { top: -25px; }
.top-minus-30px { top: -30px; }
.top-minus-35px { top: -35px; }
.top-minus-40px { top: -40px; }
.top-minus-45px { top: -45px; }
.top-minus-50px { top: -50px; }
.top-minus-60px { top: -60px; }
.top-minus-70px { top: -70px; }

/* bottom */
.bottom-0px { bottom:0; }
.bottom-1px { bottom:1px; }
.bottom-2px { bottom:2px; }
.bottom-3px { bottom:3px; }
.bottom-4px { bottom:4px; }
.bottom-5px { bottom:5px; }
.bottom-6px { bottom:6px; }
.bottom-7px { bottom:7px; }
.bottom-8px { bottom:8px; }
.bottom-9px { bottom:9px; }
.bottom-10px { bottom:10px; }
.bottom-15px { bottom:15px; }
.bottom-20px { bottom:20px; }
.bottom-25px { bottom:25px; }
.bottom-30px { bottom:30px; }
.bottom-35px { bottom:35px; }
.bottom-40px { bottom:40px; }
.bottom-45px { bottom:45px; }
.bottom-50px { bottom:50px; }
.bottom-55px { bottom:55px; }
.bottom-60px { bottom:60px; }
.bottom-65px { bottom:65px; }
.bottom-70px { bottom:70px; }
.bottom-75px { bottom:75px; }
.bottom-80px { bottom:80px; }
.bottom-85px { bottom:85px; }
.bottom-90px { bottom:90px; }
.bottom-95px { bottom:95px; }
.bottom-100px { bottom:100px; }
.bottom-auto { bottom: auto; }
.bottom-inherit { bottom: inherit; }

/* bottom minus */
.bottom-minus-1px { bottom: -1px; }
.bottom-minus-2px { bottom: -2px; }
.bottom-minus-3px { bottom: -3px; }
.bottom-minus-4px { bottom: -4px; }
.bottom-minus-5px { bottom: -5px; }
.bottom-minus-6px { bottom: -6px; }
.bottom-minus-7px { bottom: -7px; }
.bottom-minus-8px { bottom: -8px; }
.bottom-minus-9px { bottom: -9px; }
.bottom-minus-10px { bottom: -10px; }
.bottom-minus-15px { bottom: -15px; }
.bottom-minus-20px { bottom: -20px; }
.bottom-minus-25px { bottom: -25px; }
.bottom-minus-30px { bottom: -30px; }
.bottom-minus-35px { bottom: -35px; }
.bottom-minus-40px { bottom: -40px; }
.bottom-minus-45px { bottom: -45px; }
.bottom-minus-50px { bottom: -50px; }

/* right */
.right-0px { right: 0; }
.right-1px { right: 1px; }
.right-2px { right: 2px; }
.right-3px { right: 3px; }
.right-4px { right: 4px; }
.right-5px { right: 5px; }
.right-6px { right: 6px; }
.right-7px { right: 7px; }
.right-8px { right: 8px; }
.right-9px { right: 9px; }
.right-10px { right: 10px; }
.right-15px { right: 15px; }
.right-20px { right: 20px; }
.right-25px { right: 25px; }
.right-30px { right: 30px; }
.right-35px { right: 35px; }
.right-40px { right: 40px; }
.right-45px { right: 45px; }
.right-50px { right: 50px; }
.right-55px { right: 55px; }
.right-60px { right: 60px; }
.right-auto { right: auto; }
.right-inherit { right: inherit; }


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

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

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

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

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

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

/* min height */
.min-h-100px { min-height: 100px; }
.min-h-200px { min-height: 200px; }
.min-h-300px { min-height: 300px; }
.min-h-400px { min-height: 400px; }
.min-h-500px { min-height: 500px; }
.min-h-600px { min-height: 600px; }
.min-h-700px { min-height: 700px; }
.min-h-100vh { min-height: 100vh; }

/* screen height */
.extra-small-screen { height:300px; }
.small-screen { height:400px; }
.one-half-screen { height:600px; }
.one-third-screen { height:700px; }
.one-fourth-screen { height:800px; }
.one-fifth-screen { height:900px; }






/* feature box */
.feature-box * { transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; }
.feature-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; z-index: 1; position: relative; transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; }
.feature-box .feature-box-content { max-width: 100%; }
.feature-box-left-icon .feature-box-icon { margin-right: 35px; }
.feature-box-left-icon { flex-flow: row wrap; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; -webkit-box-align: stretch!important; -ms-flex-align: stretch!important; align-items: stretch!important; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: left; }
.feature-box-left-icon .feature-box-content { overflow: hidden; flex: 1; }
.feature-box-left-icon-middle { flex-flow: row wrap; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: left; }
.feature-box-left-icon-middle .feature-box-content { overflow: hidden; -webkit-box-flex: 1; flex: 1; }
.feature-box.text-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.feature-box.text-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
.feature-box.feature-box-shadow:hover, .feature-box .feature-box-shadow:hover  { border-color: transparent !important; -moz-transform: translate3d(0, -3px, 0); -o-transform: translate3d(0, -3px, 0); -ms-transform: translate3d(0, -3px, 0); -webkit-transform: translate3d(0, -3px, 0); transform: translate3d(0, -3px, 0); }
.feature-box.feature-box-shadow .feature-box-overlay { box-shadow: 0 0 20px rgba(0,0,0,.05); opacity: 0; }
.feature-box.feature-box-shadow:hover .feature-box-overlay { opacity: 1; }
.feature-box-overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: -1; opacity: 0; }
.feature-box:hover .feature-box-overlay { opacity: 1;  }
.feature-box.feature-box-dark-hover:hover .feature-box-icon, .feature-box.feature-box-dark-hover:hover i, .feature-box.feature-box-dark-hover:hover span, .feature-box.feature-box-dark-hover:hover p, .feature-box.feature-box-dark-hover:hover .btn, .feature-box.feature-box-dark-hover:hover a, .feature-box.feature-box-dark-hover:hover h1, .feature-box.feature-box-dark-hover:hover h2, .feature-box.feature-box-dark-hover:hover h3, .feature-box.feature-box-dark-hover:hover h4, .feature-box.feature-box-dark-hover:hover h5, .feature-box.feature-box-dark-hover:hover h6 { color: #ffffff !important; }
.feature-box.feature-box-dark-hover:hover .btn { border-color: #ffffff !important; }
.feature-box.feature-box-dark-hover:hover [class^="text-gradient"], .feature-box.feature-box-dark-hover:hover [class*=" text-gradient"] { color: #ffffff !important; background-image: none; -webkit-background-clip: inherit; -webkit-text-fill-color: inherit; }
.feature-box.feature-box-light-hover:hover .feature-box-icon, .feature-box.feature-box-light-hover:hover i, .feature-box.feature-box-light-hover:hover span, .feature-box.feature-box-light-hover:hover p, .feature-box.feature-box-light-hover:hover .btn, .feature-box.feature-box-light-hover:hover a, .feature-box.feature-box-light-hover:hover h1, .feature-box.feature-box-light-hover:hover h2, .feature-box.feature-box-light-hover:hover h3, .feature-box.feature-box-light-hover:hover h4, .feature-box.feature-box-light-hover:hover h5, .feature-box.feature-box-light-hover:hover h6 { color: #232323 !important; }
.feature-box.feature-box-light-hover:hover .btn { border-color: #232323 !important; }
.feature-box.feature-box-light-hover:hover [class^="text-gradient"], .feature-box.feature-box-light-hover:hover [class*=" text-gradient"] { color: #232323 !important; background-image: none; -webkit-background-clip: inherit; -webkit-text-fill-color: inherit; }





/* fancy box */
.fancy-box * { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
.fancy-box { overflow: hidden; position: relative; }
.fancy-box .fancy-box-content { position: absolute; left: 0px; top: auto; z-index: 9; bottom: 0px; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); height:auto; }
.fancy-box:hover .fancy-box-content { transform: translateY(-50px); -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); }
.fancy-box .fancy-box-content .btn { opacity: 0; transform: translateY(15px); -webkit-transform: translateY(15px); -moz-transform: translateY(15px); -ms-transform: translateY(15px); transition-delay: 0s; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; }
.fancy-box:hover .fancy-box-content .btn { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transition-delay: 0.2s; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -ms-transition-delay: 0.2s; }
.fancy-box .fancy-box-image img { width: 100%; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; }
.fancy-box:hover .fancy-box-image img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; }

/* fancy box background */
.fancy-box-background {position: relative; z-index: 1;}
.bg-banner-image { position: absolute; top: 0; left: 0; opacity: 0; height: 100%; width: 100%; z-index: -1; visibility: hidden; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; background-size: cover }
.fancy-box-background .opacity-medium { z-index: -1; }
.fancy-box-background .fancy-box-item { position: static; }
.fancy-box-background.fancy-box-col .fancy-box-item { position: relative; }
.fancy-box-background .fancy-box-item:hover .bg-banner-image {opacity: 1; visibility: visible; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
.fancy-box-background .fancy-box-item:hover .light, .fancy-box-background .fancy-box-item:hover .light i { color: #fff; }
.fancy-box-background .fancy-box-item:hover .dark { color: #232323; }
.fancy-box-background:after {height: 100%; width: 100%; top: 0; left: 0; content: ""; z-index: -1; position: absolute;}
.fancy-box-background .fancy-text-box li:hover {background-color: rgba(0, 0, 0, 0.7);-webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; cursor: pointer;}
.fancy-box-background .fancy-text-box li:hover span { color: rgba(255, 255, 255, 0.9);}
.fancy-box-background .fancy-text-box li:hover a { color: rgba(255, 255, 255, 0.9);}

/* fancy text box style 01 */
.fancy-text-box-style-01 .fancy-text-box { display: inline-block; position: relative;}
.fancy-text-box-style-01 .fancy-text-box .fancy-text-box-border-left, .fancy-text-box-style-01 .fancy-text-box .fancy-text-box-border-right { border:10px solid #0039cc; height: 100%; width: 67px; content:""; display: block; position: absolute; top: 50%; bottom: 0; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.fancy-text-box-style-01 .fancy-text-box .fancy-text-box-border-left {  border-right: 0;}
.fancy-text-box-style-01 .fancy-text-box .fancy-text-box-border-right { border-left: 0; right: 0; left: inherit;}
.fancy-text-box-style-01 .fancy-text-box .fancy-text-content { font-size: 80px; line-height: 72px; margin-bottom: 0; margin-right: 15px; }

/* fancy text box style 02 */
.fancy-text-box-style-02 { border-bottom: 1px solid; border-right: 1px solid; overflow: hidden; }
.fancy-text-box-style-02:last-child { border-right: 0}
.fancy-text-box-style-02 .text-box-wrapper .text-box, .fancy-text-box-style-02 .text-box-wrapper .text-box-hover { padding: 52px 20px 43px; display: block; width: 100%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.fancy-text-box-style-02 .text-box-wrapper:hover .text-box { color: #ff6437; opacity: 0; visibility: hidden; transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.fancy-text-box-style-02 .text-box-wrapper .text-box-hover { opacity: 0; position: absolute; }
.fancy-text-box-style-02 .text-box-wrapper:hover .text-box-hover { opacity: 1; transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

/* fancy text box style 03 */
.fancy-text-box-style-03 { position: relative; overflow: hidden; }
.fancy-text-box-style-03 * { transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;}
.fancy-text-box-style-03 .fancy-text-content { position: absolute; width: 100%; left: 0px; top: auto; z-index: 9; bottom: 0px; height: auto; transform: translateY(70px); -webkit-transform: translateY(70px); -moz-transform: translateY(70px); -ms-transform: translateY(70px); }
.fancy-text-box-style-03:hover .fancy-text-content {  transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); }
.fancy-text-box-style-03:hover .fancy-text-content .feature-box-overlay { opacity: 1; }
.fancy-text-box-style-03 .fancy-text-content .fancy-text-box-bottom { opacity: 0; transform: translateY(15px); -webkit-transform: translateY(15px); -moz-transform: translateY(15px); -ms-transform: translateY(15px); }
.fancy-text-box-style-03:hover .fancy-text-content .fancy-text-box-bottom { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); }

/* image masking */
.image-mask { -webkit-text-fill-color: transparent; -webkit-background-clip: text; }



@keyframes myanim {
    0% {right: 0;}
    100% {right: 4000px;}
}





/* animation keyframe */
@-webkit-keyframes down-arrow { 0% { opacity:0; top:0px; }18% { opacity:0.2; top:3px; }36% { opacity:.4; top:8px; }54% { opacity:.6; top:18px; }72% { opacity:.8; top:18px; }100% { opacity:1; top:18px; }}
@keyframes down-arrow { 0% { opacity:0; top:0px; }18% { opacity:.0.2; top:3px; }36% { opacity:.4; top:8px; }54% { opacity:.6; top:18px; }72% { opacity:.8; top:18px; }100% { opacity:1; top:18px; }}

@-webkit-keyframes social-icon-animation { 0% { top: 130px; left: -100px; }80% { top: 30px; left: -50px; }100% { top: -30px; left: -15px; }}
@keyframes social-icon-animation { 0% { top: 130px; left: -100px; }80% { top: 30px; left: -50px; }100% { top: -30px; left: -15px; }}

@-webkit-keyframes ani-mfp { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: hidden; opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); visibility: visible; opacity: 1; }}
@keyframes ani-mfp { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: hidden; opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); visibility: visible; opacity: 1; }}

@-webkit-keyframes ani-mfp-close { 0% { -webkit-transform: translateY(0); transform: translateY(0); visibility: visible; opacity: 1; } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: hidden; opacity: 0; }}
@keyframes ani-mfp-close { 0% { -webkit-transform: translateY(0); transform: translateY(0); visibility: visible; opacity: 1; } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: hidden; opacity: 0; }}

@-webkit-keyframes comingsoonpopup { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: hidden; opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); visibility: visible; opacity: 1; }}
@keyframes comingsoonpopup { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: hidden; opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); visibility: visible; opacity: 1; }}

@-webkit-keyframes comingsoonpopupclose { 0% { -webkit-transform: translateY(0); transform: translateY(0); visibility: visible; opacity: 1; } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: hidden; opacity: 0; }}
@keyframes comingsoonpopupclose { 0% { -webkit-transform: translateY(0); transform: translateY(0); visibility: visible; opacity: 1; } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: hidden; opacity: 0; }}



@-webkit-keyframes fadeIn { 0% { opacity: 0; }100% { opacity: 1; }}
@keyframes fadeIn { 0% { opacity: 0; }100% { opacity: 1; }}

@-webkit-keyframes fromTop { 0%{left: 0; top: -100%} 100%{left: 0; top: 0} }
@keyframes fromTop { 0%{left: 0; top: -100%} 100%{left: 0; top: 0} }

@-webkit-keyframes toTop { 0%{left: 0; top: 0} 100%{left: 0; top: -100%} }
@keyframes toTop { 0%{left: 0; top: 0} 100%{left: 0; top: -100%} }

@-webkit-keyframes fromRight { 0%{top: 0; left: 100%} 100%{top: 0; left: 0} }
@keyframes fromRight { 0%{top: 0; left: 100%} 100%{top: 0; left: 0} }

@-webkit-keyframes toRight { 0%{top: 0; left: 0} 100%{top: 0; left: 100%} }
@keyframes toRight { 0%{top: 0; left: 0} 100%{top: 0; left: 100%} }

@-webkit-keyframes fromBottom { 0%{left:0; top: 100%} 100%{left:0; top: 0} }
@keyframes fromBottom { 0%{left:0; top: 100%} 100%{left:0; top: 0} }

@-webkit-keyframes toBottom { 0%{left: 0; top: 0} 100%{left: 0; top: 100%} }
@keyframes toBottom { 0%{left: 0; top: 0} 100%{left: 0; top: 100%} }

@-webkit-keyframes fromLeft { 0%{top: 0; left: -100%} 100%{top: 0; left: 0} }
@keyframes fromLeft { 0%{top: 0; left: -100%} 100%{top: 0; left: 0} }

@-webkit-keyframes toLeft { 0%{top: 0; left: 0} 100%{top: 0; left: -100%} }
@keyframes toLeft { 0%{top: 0; left: 0} 100%{top: 0; left: -100%} }

@-webkit-keyframes video-icon-sonar { 0% { opacity: 1; -webkit-transform: scale(0.1); transform: scale(0.1); } 100% { opacity: 0; -webkit-transform: scale(1.10); transform: scale(1.10); } }
@keyframes video-icon-sonar { 0% { opacity: 1; -webkit-transform: scale(0.1); transform: scale(0.1); } 100% { opacity: 0; -webkit-transform: scale(1.10); transform: scale(1.10); } }



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

/* for only safari */
@media not all and (min-resolution:.001dpcm) { 
    .tilt-box:not(:root:root) {  z-index: -1; }    
    .interactive-banners-style-01 [class^="border-radius-"], .interactive-banners-style-01 [class*=" border-radius-"], .interactive-banners-style-07 [class^="border-radius-"], .interactive-banners-style-07 [class*=" border-radius-"], .interactive-banners-style-07[class*=" border-radius-"], .interactive-banners-style-08[class*=" border-radius-"], .interactive-banners-style-10 [class^="border-radius-"], .interactive-banners-style-10 [class*=" border-radius-"], .team-style-01 [class^="border-radius-"], .team-style-01 [class*=" border-radius-"], [class^="border-radius-"] .blog-post-image, [class*=" border-radius-"] .blog-post-image, .product-box .product-image[class*=" border-radius-"], .instafeed-grid figure { -webkit-mask-image: -webkit-radial-gradient(white, black); }        
}

@charset "UTF-8";

/*!
 * Litho - v2.2
 * https://www.themezaa.com/
 * Copyright (c) 2021 themezaa.com
 */

@media (min-width: 1901px) {
    .litho-parallax-bg { width: 45%; }
}
.is-touchable [data-parallax-background-ratio] {
    background-attachment: inherit!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
}
@media (max-width: 1600px) {
    /* reset */
    .xl-last-order { order: 10; }

    /* typography */
    .text-extra-big { font-size: 200px; line-height: 200px; }

    /* letter spacing minus */
    .xl-letter-spacing-minus-1-half { letter-spacing: -0.50px; }
    .xl-letter-spacing-minus-1px { letter-spacing: -1px; }
    .xl-letter-spacing-minus-2px { letter-spacing: -2px; }
    .xl-letter-spacing-minus-3px { letter-spacing: -3px; }
    .xl-letter-spacing-minus-4px { letter-spacing: -4px; }
    .xl-letter-spacing-minus-5px { letter-spacing: -5px; }

    /* absolute middle center */
    .xl-absolute-middle-center { left: 50%; top: 50%; position: absolute; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

    /* box shadow */
    .xl-box-shadow-none { box-shadow: none; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    /* display and overflow */
    .xl-d-initial { display: initial !important; }
    .xl-overflow-hidden { overflow:hidden !important; }
    .xl-overflow-visible { overflow:visible !important; }
    .xl-overflow-auto { overflow:auto !important; }

    /* position */
    .xl-position-relative { position: relative !important; }
    .xl-position-absolute { position: absolute !important; }
    .xl-position-fixed { position: fixed !important; }
    .xl-position-inherit { position: inherit !important; }
    .xl-position-initial { position: initial !important; }

    /* top */
    .xl-top-0px { top: 0; }
    .xl-top-1px { top: 1px; }
    .xl-top-2px { top: 2px; }
    .xl-top-3px { top: 3px; }
    .xl-top-4px { top: 4px; }
    .xl-top-5px { top: 5px; }
    .xl-top-6px { top: 6px; }
    .xl-top-7px { top: 7px; }
    .xl-top-8px { top: 8px; }
    .xl-top-9px { top: 9px; }
    .xl-top-10px { top: 10px; }
    .xl-top-15px { top: 15px; }
    .xl-top-20px { top: 20px; }
    .xl-top-25px { top: 25px; }
    .xl-top-30px { top: 30px; }
    .xl-top-35px { top: 35px; }
    .xl-top-40px { top: 40px; }
    .xl-top-45px { top: 45px; }
    .xl-top-50px { top: 50px; }
    .xl-top-auto { top:auto; }
    .xl-top-inherit { top:inherit; }

    /* top minus */
    .xl-top-minus-1px { top: -1px; }
    .xl-top-minus-2px { top: -2px; }
    .xl-top-minus-3px { top: -3px; }
    .xl-top-minus-4px { top: -4px; }
    .xl-top-minus-5px { top: -5px; }
    .xl-top-minus-6px { top: -6px; }
    .xl-top-minus-7px { top: -7px; }
    .xl-top-minus-8px { top: -8px; }
    .xl-top-minus-9px { top: -9px; }
    .xl-top-minus-10px { top: -10px; }
    .xl-top-minus-15px { top: -15px; }
    .xl-top-minus-20px { top: -20px; }
    .xl-top-minus-25px { top: -25px; }
    .xl-top-minus-30px { top: -30px; }
    .xl-top-minus-35px { top: -35px; }
    .xl-top-minus-40px { top: -40px; }
    .xl-top-minus-45px { top: -45px; }
    .xl-top-minus-50px { top: -50px; }

    /* bottom */
    .xl-bottom-0px { bottom:0; }
    .xl-bottom-1px { bottom:1px; }
    .xl-bottom-2px { bottom:2px; }
    .xl-bottom-3px { bottom:3px; }
    .xl-bottom-4px { bottom:4px; }
    .xl-bottom-5px { bottom:5px; }
    .xl-bottom-6px { bottom:6px; }
    .xl-bottom-7px { bottom:7px; }
    .xl-bottom-8px { bottom:8px; }
    .xl-bottom-9px { bottom:9px; }
    .xl-bottom-10px { bottom:10px; }
    .xl-bottom-15px { bottom:15px; }
    .xl-bottom-20px { bottom:20px; }
    .xl-bottom-25px { bottom:25px; }
    .xl-bottom-30px { bottom:30px; }
    .xl-bottom-35px { bottom:35px; }
    .xl-bottom-40px { bottom:40px; }
    .xl-bottom-45px { bottom:45px; }
    .xl-bottom-50px { bottom:50px; }
    .xl-bottom-55px { bottom:55px; }
    .xl-bottom-60px { bottom:60px; }
    .xl-bottom-auto { bottom: auto; }
    .xl-bottom-inherit { bottom: inherit; }

    /* bottom minus */
    .xl-bottom-minus-1px { bottom: -1px; }
    .xl-bottom-minus-2px { bottom: -2px; }
    .xl-bottom-minus-3px { bottom: -3px; }
    .xl-bottom-minus-4px { bottom: -4px; }
    .xl-bottom-minus-5px { bottom: -5px; }
    .xl-bottom-minus-6px { bottom: -6px; }
    .xl-bottom-minus-7px { bottom: -7px; }
    .xl-bottom-minus-8px { bottom: -8px; }
    .xl-bottom-minus-9px { bottom: -9px; }
    .xl-bottom-minus-10px { bottom: -10px; }
    .xl-bottom-minus-15px { bottom: -15px; }
    .xl-bottom-minus-20px { bottom: -20px; }
    .xl-bottom-minus-25px { bottom: -25px; }
    .xl-bottom-minus-30px { bottom: -30px; }
    .xl-bottom-minus-35px { bottom: -35px; }
    .xl-bottom-minus-40px { bottom: -40px; }
    .xl-bottom-minus-45px { bottom: -45px; }
    .xl-bottom-minus-50px { bottom: -50px; }

    /* right */
    .xl-right-0px { right: 0; }
    .xl-right-1px { right: 1px; }
    .xl-right-2px { right: 2px; }
    .xl-right-3px { right: 3px; }
    .xl-right-4px { right: 4px; }
    .xl-right-5px { right: 5px; }
    .xl-right-6px { right: 6px; }
    .xl-right-7px { right: 7px; }
    .xl-right-8px { right: 8px; }
    .xl-right-9px { right: 9px; }
    .xl-right-10px { right: 10px; }
    .xl-right-15px { right: 15px; }
    .xl-right-20px { right: 20px; }
    .xl-right-25px { right: 25px; }
    .xl-right-30px { right: 30px; }
    .xl-right-35px { right: 35px; }
    .xl-right-40px { right: 40px; }
    .xl-right-45px { right: 45px; }
    .xl-right-50px { right: 50px; }
    .xl-right-auto { right: auto; }
    .xl-right-inherit { right: inherit; }

    /* right minus */
    .xl-right-minus-1px { right: -1px; }
    .xl-right-minus-2px { right: -2px; }
    .xl-right-minus-3px { right: -3px; }
    .xl-right-minus-4px { right: -4px; }
    .xl-right-minus-5px { right: -5px; }
    .xl-right-minus-6px { right: -6px; }
    .xl-right-minus-7px { right: -7px; }
    .xl-right-minus-8px { right: -8px; }
    .xl-right-minus-9px { right: -9px; }
    .xl-right-minus-10px { right: -10px; }
    .xl-right-minus-15px { right: -15px; }
    .xl-right-minus-20px { right: -20px; }
    .xl-right-minus-25px { right: -25px; }
    .xl-right-minus-30px { right: -30px; }
    .xl-right-minus-35px { right: -35px; }
    .xl-right-minus-40px { right: -40px; }
    .xl-right-minus-45px { right: -45px; }
    .xl-right-minus-50px { right: -50px; }

    /* left */
    .xl-left-0px { left: 0; }
    .xl-left-1px { left: 1px; }
    .xl-left-2px { left: 2px; }
    .xl-left-3px { left: 3px; }
    .xl-left-4px { left: 4px; }
    .xl-left-5px { left: 5px; }
    .xl-left-6px { left: 6px; }
    .xl-left-7px { left: 7px; }
    .xl-left-8px { left: 8px; }
    .xl-left-9px { left: 9px; }
    .xl-left-10px { left: 10px; }
    .xl-left-15px { left: 15px; }
    .xl-left-20px { left: 20px; }
    .xl-left-25px { left: 25px; }
    .xl-left-30px { left: 30px; }
    .xl-left-35px { left: 35px; }
    .xl-left-40px { left: 40px; }
    .xl-left-45px { left: 45px; }
    .xl-left-50px { left: 50px; }
    .xl-left-55px { left: 55px; }
    .xl-left-60px { left: 60px; }
    .xl-left-auto { left: auto; }
    .xl-left-inherit { left: inherit; }

    /* left minus */
    .xl-left-0px { left: 0; }
    .xl-left-minus-1px { left: -1px; }
    .xl-left-minus-2px { left: -2px; }
    .xl-left-minus-3px { left: -3px; }
    .xl-left-minus-4px { left: -4px; }
    .xl-left-minus-5px { left: -5px; }
    .xl-left-minus-6px { left: -6px; }
    .xl-left-minus-7px { left: -7px; }
    .xl-left-minus-8px { left: -8px; }
    .xl-left-minus-9px { left: -9px; }
    .xl-left-minus-10px { left: -10px; }
    .xl-left-minus-15px { left: -15px; }
    .xl-left-minus-20px { left: -20px; }
    .xl-left-minus-25px { left: -25px; }
    .xl-left-minus-30px { left: -30px; }
    .xl-left-minus-35px { left: -35px; }
    .xl-left-minus-40px { left: -40px; }
    .xl-left-minus-45px { left: -45px; }
    .xl-left-minus-50px { left: -50px; }

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

    /* height */
    .xl-h-1px { height: 1px !important; }
    .xl-h-2px { height: 2px !important; }
    .xl-h-3px { height: 3px !important; }
    .xl-h-4px { height: 4px !important; }
    .xl-h-5px { height: 5px !important; }
    .xl-h-6px { height: 6px !important; }
    .xl-h-7px { height: 7px !important; }
    .xl-h-8px { height: 8px !important; }
    .xl-h-9px { height: 9px !important; }
    .xl-h-10px { height: 10px !important; }
    .xl-h-20px { height: 20px !important; }
    .xl-h-30px { height: 30px !important; }
    .xl-h-40px { height: 40px !important; }
    .xl-h-42px { height: 42px !important; }
    .xl-h-50px { height: 50px !important; }
    .xl-h-60px { height: 60px !important; }
    .xl-h-70px { height: 70px !important; }
    .xl-h-80px { height: 80px !important; }
    .xl-h-90px { height: 90px !important; }
    .xl-h-100px { height: 100px !important; }
    .xl-h-110px { height: 110px !important; }
    .xl-h-120px { height: 120px !important; }
    .xl-h-130px { height: 130px !important; }
    .xl-h-140px { height: 140px !important; }
    .xl-h-150px { height: 150px !important; }
    .xl-h-160px { height: 160px !important; }
    .xl-h-170px { height: 170px !important; }
    .xl-h-180px { height: 180px !important; }
    .xl-h-190px { height: 190px !important; }
    .xl-h-200px { height: 200px !important; }
    .xl-h-250px { height: 250px !important; }
    .xl-h-300px { height: 300px !important; }
    .xl-h-350px { height: 350px !important; }
    .xl-h-400px { height: 400px !important; }
    .xl-h-450px { height: 450px !important; }
    .xl-h-500px { height: 500px !important; }
    .xl-h-520px { height: 520px !important; }
    .xl-h-550px { height: 550px !important; }
    .xl-h-580px { height: 580px !important; }
    .xl-h-600px { height: 600px !important; }
    .xl-h-650px { height: 650px !important; }
    .xl-h-700px { height: 700px !important; }
    .xl-h-720px { height: 720px !important; }
    .xl-h-750px { height: 750px !important; }
    .xl-h-800px { height: 800px !important; }
    .xl-h-820px { height: 820px !important; }
    .xl-h-830px { height: 830px !important; }
    .xl-h-850px { height: 850px !important; }
    .xl-h-50 { height: 50% !important; }
    .xl-h-100 { height: 100% !important; }
    .xl-h-auto { height:auto !important; }        

    /* min-height */
    .xl-min-h-100px { min-height: 100px; }
    .xl-min-h-200px { min-height: 200px; }
    .xl-min-h-300px { min-height: 300px; }
    .xl-min-h-400px { min-height: 400px; }
    .xl-min-h-500px { min-height: 500px; }
    .xl-min-h-600px { min-height: 600px; }
    .xl-min-h-700px { min-height: 700px; }

    /* interactive banner style 09 */
    .interactive-banners-style-09 .interactive-banners-content .interactive-banners-hover-icon { left: 30px; bottom: 30px; }

    /* box layout */
    .box-layout { padding:0 45px; }
    .box-layout-large { padding:0 75px; }

    /* grid */
    .grid.xl-grid-6col li { width: 16.67%; }
    .grid.xl-grid-6col li.grid-item-double { width: 33.33%; }
    .grid.xl-grid-5col li { width: 20%; }
    .grid.xl-grid-5col li.grid-item-double { width: 40%; }
    .grid.xl-grid-4col li { width: 25%; }
    .grid.xl-grid-4col li.grid-item-double { width: 50%; }
    .grid.xl-grid-3col li { width: 33.33%; }
    .grid.xl-grid-3col li.grid-item-double { width: 66.67%; }
    .grid.xl-grid-2col li { width: 50%; }
    .grid.xl-grid-2col li.grid-item-double { width: 100%; }
    .grid.xl-grid-1col li { width: 100%; }

    /* architecture */
    .box-layout .navbar.navbar-boxed { padding-left: 30px; padding-right: 30px; }

    /* digital agency */
    .home-digital-agency .outside-box-text-end .text-extra-big-2 { font-size: 250px; }

    /* design agency */
    .home-design-agency .outside-box-left { margin-left: -40vw; }

    /* photography */
    .home-photography .interactive-banners-style-13 .interactive-banners-content { width: 40%; }

    /* landing page */
    .litho-parallax-bg { width: 800px; }
}

@media (max-width: 1500px) {
    /*  architecture */
    .home-architecture .tparrows.tp-leftarrow { transform: matrix(1, 0, 0, 1, -67, -328) !important; }
    .home-architecture .tparrows.tp-rightarrow { transform: matrix(1, 0, 0, 1, -67, -261) !important; }

    /* fashion shop */
    .home-fashion-shop .tp-tabs { left: 54% !important; }
}

@media (max-width: 1300px) {
    /* fashion shop */
    .home-fashion-shop .tp-tabs { left: 60% !important; }
}

@media (min-width: 1199px) {
    /* page container */
    .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1170px; }
}

@media (max-width: 1199px) {
    /* reset */
    html { font-size: 13px; }
    .md-center-col { float:none; margin-left:auto; margin-right:auto; }
    section { padding: 90px 0 }
    section.big-section { padding:120px 0; }
    section.extra-big-section { padding:160px 0; }
    .center-col-style .custom-col { min-height: 0; }
    .parallax { background-attachment: inherit !important; background-position: center !important; }
    .lg-last-order { order: 10; }
    .html-video { height: 100%; }

    /* typography */
    h1, h2, h3, h4, h5, h6 { margin:0 0 15px; }

    /* text size */
    .title-large { font-size: 90px; line-height: 90px; }
    .text-extra-large { font-size: 18px; line-height: 24px; }
    .text-extra-big { font-size: 170px; line-height: 170px; }
    .text-big { font-size: 160px; line-height: 160px; }
    .title-extra-large { font-size: 110px; line-height: 100px; }
    .title-large-3 { font-size: 70px; line-height:70px; }

    /* lineheight */
    .lg-line-height-0px { line-height: 0px; }
    .lg-line-height-8px { line-height: 8px; }
    .lg-line-height-10px { line-height: 10px; }
    .lg-line-height-14px { line-height: 14px; }
    .lg-line-height-15px { line-height: 15px; }
    .lg-line-height-16px { line-height: 16px; }
    .lg-line-height-18px { line-height: 18px; }
    .lg-line-height-20px { line-height: 20px; }
    .lg-line-height-22px { line-height: 22px; }
    .lg-line-height-24px { line-height: 24px; }
    .lg-line-height-26px { line-height: 26px; }
    .lg-line-height-28px { line-height: 28px; }
    .lg-line-height-30px { line-height: 30px; }
    .lg-line-height-32px { line-height: 32px; }
    .lg-line-height-34px { line-height: 34px; }
    .lg-line-height-36px { line-height: 36px; }
    .lg-line-height-38px { line-height: 38px; }
    .lg-line-height-40px { line-height: 40px; }
    .lg-line-height-50px { line-height: 50px; }
    .lg-line-height-140px { line-height: 140px; }   
    .lg-line-height-normal { line-height: normal; }

    /* letter spacing minus */
    .lg-letter-spacing-minus-1-half { letter-spacing: -0.50px; }
    .lg-letter-spacing-minus-1px { letter-spacing: -1px; }
    .lg-letter-spacing-minus-2px { letter-spacing: -2px; }
    .lg-letter-spacing-minus-3px { letter-spacing: -3px; }
    .lg-letter-spacing-minus-4px { letter-spacing: -4px; }
    .lg-letter-spacing-minus-5px { letter-spacing: -5px; }

    /* absolute middle center */
    .lg-absolute-middle-center { left: 50%; top: 50%; position: absolute; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

    /* background image */
    .lg-background-image-none { background: inherit !important; }
    .lg-background-position-left { background-position: left center; }
    .lg-background-position-right { background-position: right center; }
    .lg-background-position-top { background-position: right top; }
    .lg-background-position-center { background-position: center; }
    .lg-background-position-left-top { background-position: left top; }

    /* box shadow */
    .lg-box-shadow-none { box-shadow: none; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    /* display and overflow */
    .lg-d-initial { display: initial !important; }
    .lg-overflow-hidden { overflow:hidden !important; }
    .lg-overflow-visible { overflow:visible !important; }
    .lg-overflow-auto { overflow:auto !important; }

    /* position */
    .lg-position-relative { position: relative !important; }
    .lg-position-absolute { position: absolute !important; }
    .lg-position-fixed { position: fixed !important; }
    .lg-position-inherit { position: inherit !important; }
    .lg-position-initial { position: initial !important; }

    /* top */
    .lg-top-0px { top: 0; }
    .lg-top-1px { top: 1px; }
    .lg-top-2px { top: 2px; }
    .lg-top-3px { top: 3px; }
    .lg-top-4px { top: 4px; }
    .lg-top-5px { top: 5px; }
    .lg-top-6px { top: 6px; }
    .lg-top-7px { top: 7px; }
    .lg-top-8px { top: 8px; }
    .lg-top-9px { top: 9px; }
    .lg-top-10px { top: 10px; }
    .lg-top-15px { top: 15px; }
    .lg-top-20px { top: 20px; }
    .lg-top-25px { top: 25px; }
    .lg-top-30px { top: 30px; }
    .lg-top-35px { top: 35px; }
    .lg-top-40px { top: 40px; }
    .lg-top-45px { top: 45px; }
    .lg-top-50px { top: 50px; }
    .lg-top-auto { top:auto; }
    .lg-top-inherit { top:inherit; }

    /* top minus */
    .lg-top-minus-1px { top: -1px; }
    .lg-top-minus-2px { top: -2px; }
    .lg-top-minus-3px { top: -3px; }
    .lg-top-minus-4px { top: -4px; }
    .lg-top-minus-5px { top: -5px; }
    .lg-top-minus-6px { top: -6px; }
    .lg-top-minus-7px { top: -7px; }
    .lg-top-minus-8px { top: -8px; }
    .lg-top-minus-9px { top: -9px; }
    .lg-top-minus-10px { top: -10px; }
    .lg-top-minus-15px { top: -15px; }
    .lg-top-minus-20px { top: -20px; }
    .lg-top-minus-25px { top: -25px; }
    .lg-top-minus-30px { top: -30px; }
    .lg-top-minus-35px { top: -35px; }
    .lg-top-minus-40px { top: -40px; }
    .lg-top-minus-45px { top: -45px; }
    .lg-top-minus-50px { top: -50px; }

    /* bottom */
    .lg-bottom-0px { bottom:0; }
    .lg-bottom-1px { bottom:1px; }
    .lg-bottom-2px { bottom:2px; }
    .lg-bottom-3px { bottom:3px; }
    .lg-bottom-4px { bottom:4px; }
    .lg-bottom-5px { bottom:5px; }
    .lg-bottom-6px { bottom:6px; }
    .lg-bottom-7px { bottom:7px; }
    .lg-bottom-8px { bottom:8px; }
    .lg-bottom-9px { bottom:9px; }
    .lg-bottom-10px { bottom:10px; }
    .lg-bottom-15px { bottom:15px; }
    .lg-bottom-20px { bottom:20px; }
    .lg-bottom-25px { bottom:25px; }
    .lg-bottom-30px { bottom:30px; }
    .lg-bottom-35px { bottom:35px; }
    .lg-bottom-40px { bottom:40px; }
    .lg-bottom-45px { bottom:45px; }
    .lg-bottom-50px { bottom:50px; }
    .lg-bottom-55px { bottom:55px; }
    .lg-bottom-60px { bottom:60px; }
    .lg-bottom-auto { bottom: auto; }
    .lg-bottom-inherit { bottom: inherit; }

    /* bottom minus */
    .lg-bottom-minus-1px { bottom: -1px; }
    .lg-bottom-minus-2px { bottom: -2px; }
    .lg-bottom-minus-3px { bottom: -3px; }
    .lg-bottom-minus-4px { bottom: -4px; }
    .lg-bottom-minus-5px { bottom: -5px; }
    .lg-bottom-minus-6px { bottom: -6px; }
    .lg-bottom-minus-7px { bottom: -7px; }
    .lg-bottom-minus-8px { bottom: -8px; }
    .lg-bottom-minus-9px { bottom: -9px; }
    .lg-bottom-minus-10px { bottom: -10px; }
    .lg-bottom-minus-15px { bottom: -15px; }
    .lg-bottom-minus-20px { bottom: -20px; }
    .lg-bottom-minus-25px { bottom: -25px; }
    .lg-bottom-minus-30px { bottom: -30px; }
    .lg-bottom-minus-35px { bottom: -35px; }
    .lg-bottom-minus-40px { bottom: -40px; }
    .lg-bottom-minus-45px { bottom: -45px; }
    .lg-bottom-minus-50px { bottom: -50px; }

    /* right */
    .lg-right-0px { right: 0; }
    .lg-right-1px { right: 1px; }
    .lg-right-2px { right: 2px; }
    .lg-right-3px { right: 3px; }
    .lg-right-4px { right: 4px; }
    .lg-right-5px { right: 5px; }
    .lg-right-6px { right: 6px; }
    .lg-right-7px { right: 7px; }
    .lg-right-8px { right: 8px; }
    .lg-right-9px { right: 9px; }
    .lg-right-10px { right: 10px; }
    .lg-right-15px { right: 15px; }
    .lg-right-20px { right: 20px; }
    .lg-right-25px { right: 25px; }
    .lg-right-30px { right: 30px; }
    .lg-right-35px { right: 35px; }
    .lg-right-40px { right: 40px; }
    .lg-right-45px { right: 45px; }
    .lg-right-50px { right: 50px; }
    .lg-right-auto { right: auto; }
    .lg-right-inherit { right: inherit; }

    /* right minus */
    .lg-right-minus-1px { right: -1px; }
    .lg-right-minus-2px { right: -2px; }
    .lg-right-minus-3px { right: -3px; }
    .lg-right-minus-4px { right: -4px; }
    .lg-right-minus-5px { right: -5px; }
    .lg-right-minus-6px { right: -6px; }
    .lg-right-minus-7px { right: -7px; }
    .lg-right-minus-8px { right: -8px; }
    .lg-right-minus-9px { right: -9px; }
    .lg-right-minus-10px { right: -10px; }
    .lg-right-minus-15px { right: -15px; }
    .lg-right-minus-20px { right: -20px; }
    .lg-right-minus-25px { right: -25px; }
    .lg-right-minus-30px { right: -30px; }
    .lg-right-minus-35px { right: -35px; }
    .lg-right-minus-40px { right: -40px; }
    .lg-right-minus-45px { right: -45px; }
    .lg-right-minus-50px { right: -50px; }

    /* left */
    .lg-left-0px { left: 0; }
    .lg-left-1px { left: 1px; }
    .lg-left-2px { left: 2px; }
    .lg-left-3px { left: 3px; }
    .lg-left-4px { left: 4px; }
    .lg-left-5px { left: 5px; }
    .lg-left-6px { left: 6px; }
    .lg-left-7px { left: 7px; }
    .lg-left-8px { left: 8px; }
    .lg-left-9px { left: 9px; }
    .lg-left-10px { left: 10px; }
    .lg-left-15px { left: 15px; }
    .lg-left-20px { left: 20px; }
    .lg-left-25px { left: 25px; }
    .lg-left-30px { left: 30px; }
    .lg-left-35px { left: 35px; }
    .lg-left-40px { left: 40px; }
    .lg-left-45px { left: 45px; }
    .lg-left-50px { left: 50px; }
    .lg-left-55px { left: 55px; }
    .lg-left-60px { left: 60px; }
    .lg-left-auto { left: auto; }
    .lg-left-inherit { left: inherit; }

    /* left minus */
    .lg-left-minus-1px { left: -1px; }
    .lg-left-minus-2px { left: -2px; }
    .lg-left-minus-3px { left: -3px; }
    .lg-left-minus-4px { left: -4px; }
    .lg-left-minus-5px { left: -5px; }
    .lg-left-minus-6px { left: -6px; }
    .lg-left-minus-7px { left: -7px; }
    .lg-left-minus-8px { left: -8px; }
    .lg-left-minus-9px { left: -9px; }
    .lg-left-minus-10px { left: -10px; }
    .lg-left-minus-15px { left: -15px; }
    .lg-left-minus-20px { left: -20px; }
    .lg-left-minus-25px { left: -25px; }
    .lg-left-minus-30px { left: -30px; }
    .lg-left-minus-35px { left: -35px; }
    .lg-left-minus-40px { left: -40px; }
    .lg-left-minus-45px { left: -45px; }
    .lg-left-minus-50px { left: -50px; }

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

    /* height */
    .lg-h-1px { height: 1px !important; }
    .lg-h-2px { height: 2px !important; }
    .lg-h-3px { height: 3px !important; }
    .lg-h-4px { height: 4px !important; }
    .lg-h-5px { height: 5px !important; }
    .lg-h-6px { height: 6px !important; }
    .lg-h-7px { height: 7px !important; }
    .lg-h-8px { height: 8px !important; }
    .lg-h-9px { height: 9px !important; }
    .lg-h-10px { height: 10px !important; }
    .lg-h-20px { height: 20px !important; }
    .lg-h-30px { height: 30px !important; }
    .lg-h-40px { height: 40px !important; }
    .lg-h-42px { height: 42px !important; }
    .lg-h-50px { height: 50px !important; }
    .lg-h-60px { height: 60px !important; }
    .lg-h-70px { height: 70px !important; }
    .lg-h-80px { height: 80px !important; }
    .lg-h-90px { height: 90px !important; }
    .lg-h-100px { height: 100px !important; }
    .lg-h-110px { height: 110px !important; }
    .lg-h-120px { height: 120px !important; }
    .lg-h-130px { height: 130px !important; }
    .lg-h-140px { height: 140px !important; }
    .lg-h-150px { height: 150px !important; }
    .lg-h-160px { height: 160px !important; }
    .lg-h-170px { height: 170px !important; }
    .lg-h-180px { height: 180px !important; }
    .lg-h-190px { height: 190px !important; }
    .lg-h-200px { height: 200px !important; }
    .lg-h-250px { height: 250px !important; }
    .lg-h-300px { height: 300px !important; }
    .lg-h-350px { height: 350px !important; }
    .lg-h-400px { height: 400px !important; }
    .lg-h-450px { height: 450px !important; }
    .lg-h-500px { height: 500px !important; }
    .lg-h-520px { height: 520px !important; }
    .lg-h-550px { height: 550px !important; }
    .lg-h-580px { height: 580px !important; }
    .lg-h-600px { height: 600px !important; }
    .lg-h-650px { height: 650px !important; }
    .lg-h-700px { height: 700px !important; }
    .lg-h-720px { height: 720px !important; }
    .lg-h-750px { height: 750px !important; }
    .lg-h-800px { height: 800px !important; }
    .lg-h-820px { height: 820px !important; }
    .lg-h-830px { height: 830px !important; }
    .lg-h-850px { height: 850px !important; }
    .lg-h-50 { height: 50% !important; }
    .lg-h-100 { height: 100% !important; }
    .lg-h-auto { height:auto !important; }

    /* min-height */
    .lg-min-h-100px { min-height: 100px; }
    .lg-min-h-200px { min-height: 200px; }
    .lg-min-h-300px { min-height: 300px; }
    .lg-min-h-400px { min-height: 400px; }
    .lg-min-h-500px { min-height: 500px; }
    .lg-min-h-600px { min-height: 600px; }
    .lg-min-h-700px { min-height: 700px; }

    /* screen height */
    .one-fifth-screen { height:750px; }

    /* letter spacing */
    .lg-letter-spacing-normal { letter-spacing: normal; }
    .lg-letter-spacing-1-half { letter-spacing: 0.50px; }
    .lg-letter-spacing-1px { letter-spacing: 1px; }
    .lg-letter-spacing-2px { letter-spacing: 2px; }
    .lg-letter-spacing-3px { letter-spacing: 3px; }
    .lg-letter-spacing-4px { letter-spacing: 4px; }
    .lg-letter-spacing-5px { letter-spacing: 5px; }

    /* interactive banner style 02 */
    .interactive-banners-style-02 .category-name { left: 40px; }
    .interactive-banners-style-02 .category-content { padding: 20px 40px 40px; }

    /* interactive banner style 05 */
    .interactive-banners-style-05 .interactive-banners-content, .interactive-banners-style-05 .interactive-banners-overlayer { transform: translateY(calc(100% - 125px)); -webkit-transform: translateY(calc(100% - 125px)); -moz-transform: translateY(calc(100% - 125px)); -ms-transform: translateY(calc(100% - 125px)); }

    /* interactive banner style 09 */
    .interactive-banners-style-09 .interactive-banners-content .interactive-banners-hover-icon { left: 50px; bottom: 50px; }

    /* process step style 04 */
    .process-step-style-04 .process-step-item { padding-left: 15px; padding-right: 15px; }

    /* accordion style 04 */
    .accordion-style-04 .panel .panel-body { width: 45%; }

    /* time table */
    .time-table .panel { padding: 20px 40px; }
    .time-table .panel .panel-time { min-width: 170px; }
    .time-table .panel .panel-body { width: calc(100% - 350px); }

    /* tab style 05 */
    .tab-style-05 .nav-tabs li a { padding: 8px 30px; }

    /* tab style 07 */
    .tab-style-07 .nav-tabs > li.nav-item { padding: 0 10px; }
    .tab-style-07 .nav-tabs > li.nav-item > a.nav-link { padding: 30px 30px 28px 30px; }

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

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

    /* border */
    .lg-border-all { border: 1px solid; }
    .lg-border-top { border-top: 1px solid; }
    .lg-border-bottom { border-bottom: 1px solid; }
    .lg-border-left { border-left: 1px solid; }
    .lg-border-right { border-right: 1px solid; }
    .lg-border-lr { border-left: 1px solid; border-right: 1px solid; }
    .lg-border-tb { border-top: 1px solid; border-bottom: 1px solid; }

    /* border color */
    .lg-border-color-white { border-color: #fff; }
    .lg-border-color-black { border-color: #000; }
    .lg-border-color-sky-blue { border-color: #2e94eb; }
    .lg-border-color-extra-dark-gray { border-color: #232323; }
    .lg-border-color-medium-dark-gray { border-color: #363636; }
    .lg-border-color-dark-gray { border-color: #939393; }
    .lg-border-color-extra-medium-gray { border-color: #dbdbdb; }
    .lg-border-color-medium-gray { border-color: #e4e4e4; }
    .lg-border-color-extra-light-gray { border-color: #ededed; }
    .lg-border-color-light-gray { border-color: #f5f5f5; }
    .lg-border-color-light-pink { border-color: #862237; }
    .lg-border-color-deep-pink { border-color: #ff214f; }
    .lg-border-color-pink { border-color: #ff357c; }
    .lg-border-color-fast-blue { border-color: #0038e3; }
    .lg-border-color-orange { border-color: #ff6437; }
    .lg-border-color-green { border-color: #45d690; }
    .lg-border-color-golden { border-color: #d0ba6d; }
    .lg-border-color-persian-blue { border-color: #0039CC; }
    .lg-border-color-purple { border-color: #7342ac; }
    .lg-border-color-parrot-green { border-color: #cee002; }
    .lg-border-color-dark-red { border-color: #e12837; }

    /* transparent border */
    .lg-border-color-transparent { border-color: transparent; }
    .lg-border-color-black-transparent { border-color: rgba(0,0,0,.1); }
    .lg-border-color-white-transparent { border-color: rgba(255,255,255,.1); }
    .lg-border-color-golden-transparent { border-color: rgba(208, 186, 109, 0.2); }
    .lg-border-color-pink-transparent { border-color: rgba(255, 33, 79, 0.45); }
    .lg-border-color-dark-white-transparent { border-color: rgba(255,255,255,0.2); }
    .lg-border-color-medium-white-transparent { border-color: rgba(255,255,255,0.4); }
    .lg-border-color-full-dark-white-transparent { border-color: rgba(255,255,255,0.05); }
    .lg-border-color-light-white-transparent { border-color: rgba(255,255,255,0.1); }
    .lg-border-color-nero-transparent { border-color: rgba(25,25,25,0.1); }
    .lg-border-color-extra-medium-gray-transparent { border-color: rgba(219,219,219,.04); }

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

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

    /* navigation */
    .nav-item.dropdown.megamenu .menu-back-div { padding: 35px 50px 40px; }
    .nav-item.dropdown.megamenu .menu-back-div .col, .nav-item.dropdown.megamenu .menu-back-div ul[class *="d-"] { padding-right: 75px; }
    .nav-item.dropdown.megamenu .menu-back-div .col:last-child, .nav-item.dropdown.megamenu .menu-back-div ul[class *="d-"]:last-child { padding-right: 50px; }

    /* slider navigation style 02 */
    .slider-navigation-style-02.swiper-button-prev { left: -15px;}
    .slider-navigation-style-02.swiper-button-next { right: -15px;}

    /* slider navigation style 04 */
    .slider-navigation-style-04.swiper-button-prev { left: -20%; }
    .slider-navigation-style-04.swiper-button-next { right: -20%; }

    /* slider navigation style 07 */
    .slider-navigation-style-07.swiper-button-prev.light { left: -5px;}
    .slider-navigation-style-07.swiper-button-next.light { right: -5px;}

    /* grid */
    .grid.lg-grid-6col li { width: 16.67%; }
    .grid.lg-grid-6col li.grid-item-double { width: 33.33%; }
    .grid.lg-grid-5col li { width: 20%; }
    .grid.lg-grid-5col li.grid-item-double { width: 40%; }
    .grid.lg-grid-4col li { width: 25%; }
    .grid.lg-grid-4col li.grid-item-double { width: 50%; }
    .grid.lg-grid-3col li { width: 33.33%; }
    .grid.lg-grid-3col li.grid-item-double { width: 66.67%; }
    .grid.lg-grid-2col li { width: 50%; }
    .grid.lg-grid-2col li.grid-item-double { width: 100%; }
    .grid.lg-grid-1col li { width: 100%; }

    /* portfolio scattered */
    .portfolio-scattered.row-cols-xl-4 .col:nth-child(4n+0) .portfolio-box, .portfolio-scattered.row-cols-xl-4 .col:nth-child(4n+1) .portfolio-box { padding: 15% 0; }
    .portfolio-scattered.row-cols-xl-4 .col:nth-child(4n+2) .portfolio-box, .portfolio-scattered.row-cols-xl-4 .col:nth-child(4n+3) .portfolio-box { padding: 0 15%; }
    .portfolio-scattered.row-cols-xl-4 .col:nth-child(8n+0) .portfolio-box, .portfolio-scattered.row-cols-xl-4 .col:nth-child(8n+1) .portfolio-box, .portfolio-scattered.row-cols-xl-4 .col:nth-child(8n+3) .portfolio-box, .portfolio-scattered.row-cols-xl-4 .col:nth-child(8n+6) .portfolio-box{ padding: 15% 0; }
    .portfolio-scattered.row-cols-xl-4 .col:nth-child(8n+2) .portfolio-box, .portfolio-scattered.row-cols-xl-4 .col:nth-child(8n+4) .portfolio-box, .portfolio-scattered.row-cols-xl-4 .col:nth-child(8n+5) .portfolio-box, .portfolio-scattered.row-cols-xl-4 .col:nth-child(8n+7) .portfolio-box { padding: 0 15% 15%; }

    /* justified gallery */
    .justified-gallery > a > .caption, .justified-gallery > div > .caption, .justified-gallery > figure > .caption { bottom: 10px !important; left: 10px !important; right: 10px; box-shadow: none; white-space: normal; top: initial !important; width: calc(100% - 20px); display: block !important;}

    /* table style 01 */
    .table-style-01 {  overflow-x: scroll; }
    .table-style-01 table { width: 900px; }

    /* blog modern */
    .blog-modern .post-details { left: 20px; width: calc(100% - 40px); }

    /* sidebar latest post */
    .latest-post-sidebar li figure { width: 100px; }
    .latest-post-sidebar li div { padding-left: 15px; }

    /* architecture */
    .box-layout .navbar.navbar-boxed { padding-left: 0px; padding-right: 0px; }
    .home-architecture .navbar.bg-transparent, .home-architecture.sticky .header-dark.header-always-fixed-scroll { background-color: transparent !important; }
    .home-architecture .navbar-dark.bg-transparent .push-button > span, .home-architecture.sticky .navbar-dark.bg-transparent .push-button > span { background-color: #FFFFFF !important; }
    .home-architecture .tparrows.tp-rightarrow { transform: matrix(1, 0, 0, 1, -67, -240) !important; }
    .home-architecture .tparrows.tp-leftarrow { transform: matrix(1, 0, 0, 1, -67, -307) !important; }

    /* application */
    .banner-bottom-right-images > img { bottom: -65px; }

    /* digital agency */
    .home-digital-agency .outside-box-text-end .text-extra-big-2 { font-size: 200px; }

    /* marketing agency */
    footer.home-marketing-agency .footer-horizontal-link li { margin-right: 20px; }
    footer.home-marketing-agency .footer-horizontal-link li:last-child { margin-right: 0; }

    /* vertical portfolio */
    .home-vertical-portfolio .navbar { padding: 0 4.5rem;}

    /* interactive list style */
    .fullscreen-hover-list .hover-list-item .interactive-title { font-size: 70px; line-height: 70px; padding: 20px 35px; }
    .fullscreen-hover-list .hover-list-item .interactive-title:after { bottom: 30px; }
    .fullscreen-hover-list .hover-list-item.active .interactive-title:after { width: calc(100% - 40px); }

    /* content box image */
    .content-box-image { height: 225px; }

    /* landing page */
    .litho-parallax-bg { width: 620px; }
    .customer-bg-section { top: 80px; bottom: inherit; }
    .landing-page-auto-slider .swiper.swiper-auto-slide .swiper-slide { width: 40% !important; }

    /* for buy and demo button */
    .theme-demos { display: none !important; }
    
    /* magnific popup */
    button.mfp-close, .mfp-image-holder button.mfp-close, .mfp-iframe-holder button.mfp-close, .mfp-close:active { top: 20px; right: 20px; }
}

@media (max-width: 1024px) {
    /*main content*/
    .main-content { margin-bottom: 0 !important; position: inherit; }

    /* background image */
    .fix-background { background-attachment: unset !important; }

    /* swiper vertical */
    .slider-vertical .swiper-number-pagination { left: 73px; bottom: 115px; }

    /* home decor */
    .home-decor .zeus { transform: matrix(1, 0, 0, 1, -470, -59) !important; }
    .home-decor .collection-btn span{ width: 48px !important; height: 48px !important; top: 50% !important; transform: translateY(-50%) !important; }
    .home-decor .collection-btn:hover span{ width: 100% !important; height: 48px; }
    .home-decor .tp-bullet { height: 8px !important; width: 8px !important; }

    /* fashion shop */
    .home-fashion-shop .tp-tabs { left: 605px !important; }

    /* home-architecture */
    .home-architecture .tparrows.tp-rightarrow { transform: matrix(1, 0, 0, 1, -67, -240) !important; }
    .home-architecture .tparrows.tp-leftarrow { transform: matrix(1, 0, 0, 1, -67, -307) !important; }

    /* interactive list style */
    .fullscreen-hover-list .hover-list-item.active .interactive-icon { opacity: 1; visibility: visible; transition-delay: .8s; transition-duration: 1s;}


    /* scroll to top */
    .scroll-top-arrow { display: none !important}

    /*footer sticky*/
    .footer-sticky { position: relative !important; z-index: 0 !important; }

}

@media only screen and (max-width:1024px) and (min-width: 778px) {
    /* spa salon */
    .home-spa-salon .ares { top: 55.5% !important; }
}

/* Navigation breakpoint start */
@media (max-width: 991px) {
    .menu-list-wrapper.mCS_no_scrollbar .mCSB_inside>.mCSB_container .menu-list { padding-right: 0;}
    .menu-list-wrapper.mCS_no_scrollbar .mCSB_inside>.mCSB_container .menu-list-wrapper .menu-list { padding-right: 15px;}
    .navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid, .navbar-expand-lg>.container-lg, .navbar-expand-lg>.container-md, .navbar-expand-lg>.container-sm, .navbar-expand-lg>.container-xl { padding-right: 15px; padding-left: 15px; }

    /* header default */
    .navbar-nav { padding:15px 15px 25px }
    .navbar-collapse { position: absolute; top: 100%; left: 0; width: 100%; background: #fff; overflow: hidden; box-shadow: 0 20px 15px 0 rgba(23,23,23,.05); max-height: calc(100vh - 65px);}
    .navbar-collapse.show {overflow-y: auto !important; -webkit-overflow-scrolling: touch;}
    .navbar.navbar-dark .navbar-nav .nav-link,.navbar.navbar-light .navbar-nav .nav-link, .sticky .navbar.navbar-dark .navbar-nav .nav-link, .sticky .navbar.navbar-light .navbar-nav .nav-link, header.sticky .navbar.top-logo .navbar-nav .nav-link { color: #232323; padding: 9px 15px; margin: 0; }
    .navbar .navbar-nav .nav-link {font-size: 15px}
    .navbar.navbar-dark .navbar-nav > .dropdown.active > a, .sticky .navbar.header-dark .navbar-nav > .dropdown.active > a { color: rgba(0,0,0,0.6) !important; }
    .navbar.navbar-boxed { padding-left: 0; padding-right: 0; }
    .navbar-toggler { margin: 30px 0 28px 10px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;}
    .sticky .navbar.responsive-sticky .navbar-toggler { margin-top: 21px; margin-bottom: 20px; }
    .dropdown-toggle:after { display: none;}
    .menu-order { order: 5; position: inherit !important }
    .logo-order { order: 5}
    .navbar-collapse-show .sticky .header-reverse-scroll { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-duration: 0.3s;}

    /* top bar */
    .top-bar-contact .top-bar-contact-list:last-child {border-right: none; padding-right: 0}

    /* center logo */
    header .menu-logo-center .menu-logo { position: relative; left: auto; text-align: left; margin: 0; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
    .menu-logo-center .navbar-brand { padding: 18px 0;}
    .navbar-left, .navbar-right { width: 100%; }
    .sticky .navbar.header-dark .navbar-nav .nav-link { color: #232323 !important; }
    .navbar-nav .nav-item:last-child .menu-back-div, .navbar-nav .nav-item:last-child .menu-back-div ul:last-child { padding-bottom: 0 !important; margin-bottom: 0 !important; }
    .nav-item.dropdown.megamenu , .nav-item.dropdown.simple-dropdown { position: relative; }
    .nav-item.dropdown.megamenu .menu-back-div { display: none; }
    .nav-item.dropdown.megamenu .menu-back-div.show { display: block; }
    .nav-item.dropdown.megamenu .menu-back-div, .nav-item.dropdown.simple-dropdown .dropdown-menu { width: 100% !important; position: relative; box-shadow: none; padding:0 15px 20px; top: 0; border-radius: 0; background-color: transparent; }
    .nav-item.dropdown.megamenu .menu-back-div .col, .nav-item.dropdown.megamenu .menu-back-div [class *="col-"] { padding: 0; margin-bottom: 8px; }
    .nav-item.dropdown.megamenu .menu-back-div .col, .nav-item.dropdown.megamenu .menu-back-div ul[class *="d-"] { padding: 15px 0 0 20px; }
    .nav-item.dropdown.megamenu .menu-back-div .col:last-child, .nav-item.dropdown.megamenu .menu-back-div ul[class *="d-"]:last-child { padding-right: 0;}
    .nav-item.dropdown.megamenu .menu-back-div ul.small-gap[class *="d-"] { padding-right: 0;}
    .dropdown-menu.megamenu-content li.dropdown-header { margin: 23px 0 10px 0; font-size: 14px; font-weight: 500; }
    .dropdown-menu.megamenu-content li.dropdown-header:first-child { margin-top: 10px;}
    .nav-item.dropdown.megamenu .menu-back-div [class *="col-"] li.dropdown-header:first-child,
    .nav-item.dropdown.megamenu .menu-back-div ul[class *="d-"]:first-child li.dropdown-header:first-child { margin-top: 0;}
    .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown .dropdown-menu { margin:0 0 5px; left: 0; top: 0;}
    .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown > a { margin-bottom: 5px;}
    .nav-item > .dropdown-toggle { display: block; width: 48px; height: 48px; right: 0px; position: absolute; top: 0; text-align: center; line-height: 50px; }
    .nav-item.show > .dropdown-toggle { -ms-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }
    .nav-item.dropdown.simple-dropdown .dropdown-menu { position: relative; width: 100%; box-shadow: none; display: none; top: 0; }
    .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown-menu { padding: 0;}
    .nav-item.dropdown.simple-dropdown .dropdown-menu.show, .nav-item.dropdown.simple-dropdown .dropdown-menu.show .dropdown-menu { display: block; }
    .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown a { padding: 3px 15px 3px; font-size: 14px; margin-bottom: 5px; }
    .nav-item.dropdown.simple-dropdown .dropdown-menu > .dropdown > a { color: #232323; margin: 15px 0 7px 0; font-size: 14px; font-weight: 500; }
    .megamenu-dropdown-dark { background-color: #232323; }
    .navbar.navbar-light .navbar-nav.megamenu-dropdown-dark .nav-item.dropdown > a, .navbar.navbar-dark .navbar-nav.megamenu-dropdown-dark .nav-item.dropdown > a { color: #fff !important; }
    .navbar.navbar-light .navbar-nav.megamenu-dropdown-dark .nav-item.dropdown.active > a, .navbar.navbar-dark .navbar-nav.megamenu-dropdown-dark .nav-item.dropdown.active > a { color: rgba(255,255,255,0.6) !important; }   
    .navbar.navbar-light .navbar-nav.megamenu-dropdown-dark .nav-item.dropdown:hover > a, .navbar.navbar-light .navbar-nav.megamenu-dropdown-dark .nav-item.dropdown.megamenu:hover > a, .navbar.navbar-light .navbar-nav.megamenu-dropdown-dark .nav-item.dropdown.simple-dropdown:hover > a, .navbar.navbar-light .navbar-nav.megamenu-dropdown-dark .nav-item.dropdown > a:hover, .navbar.navbar-dark .navbar-nav.megamenu-dropdown-dark .nav-item.dropdown:hover > a, .navbar.navbar-dark .navbar-nav.megamenu-dropdown-dark .nav-item.dropdown.megamenu:hover > a, .navbar.navbar-dark .navbar-nav.megamenu-dropdown-dark .nav-item.dropdown.simple-dropdown:hover > a, .navbar.navbar-dark .navbar-nav.megamenu-dropdown-dark .nav-item.dropdown > a:hover { color: #fff !important; }
    .megamenu-dropdown-dark .dropdown-menu.megamenu-content li.active a { color: rgba(255,255,255,0.3)!important; }
    .megamenu-dropdown-dark .nav-item.dropdown.simple-dropdown .dropdown-menu > .dropdown > a { color: #fff; }
    .megamenu-dropdown-dark .nav-item.dropdown.simple-dropdown > .dropdown-menu { padding-top: 15px; }
    .megamenu-dropdown-dark .nav-item.dropdown.simple-dropdown .dropdown-menu > .dropdown > a { margin-top: 0; }
    .dropdown-menu.megamenu-content li a, .dropdown-menu.megamenu-content li.dropdown-header { line-height: normal}
    .nav-item.dropdown.simple-dropdown .dropdown-menu > .dropdown { margin-bottom: 20px;}
    .nav-item.dropdown.simple-dropdown .dropdown-menu > .dropdown:last-child { margin-bottom: 0;}
    .simple-dropdown .dropdown-menu li { padding: 0; }
    .simple-dropdown .dropdown-menu .dropdown a .dropdown-toggle { display: none;}
    .dropdown-menu.megamenu-content li { padding-bottom: 5px;}
    .dropdown-menu.megamenu-content li a { padding-top: 3px; font-size: 14px}

    /* header search form */
    .form-wrapper .search-form-box { width: 60%; }

    /* header sidebar */
    .sidebar-wrapper, .page-wrapper { padding-left: 0; }
    .sidebar-nav-action { width: 100%; height: auto; padding: 15px 30px; }
    .sidebar-nav-action-main { flex-flow: row; align-items: center; }
    .side-menu-header  { position: fixed; left: 0; top: 0; text-align: left !important; width: 100%; background-color: #fff; border-bottom: 1px solid #f3f3f3; padding: 15px 30px; z-index: 9; }
    .side-menu-header .navbar-brand { z-index: 1; position: relative; }
    .side-menu-header-bottom, header.side-menu-nav { left:-290px; height: 100%; top: 0; padding-top: 60px; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-ransition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
    .side-menu-header-bottom { padding-top: 0; }
    .show-menu .side-menu-header-bottom, .show-menu header.side-menu-nav { left: 0; }
    .side-menu-header .side-menu-button { display: inline-block; right: 30px; }
    .left-sidebar-wrapper{ padding-left: 0; }
    .sidebar-nav-menu.left-sidebar-nav { left: -290px; overflow: visible; height: 100%; top: 0 !important;}    
    .sidebar-nav-menu.left-sidebar-nav .side-menu-header-bottom { height: 100%; overflow: auto;}
    .show-menu .sidebar-nav-menu.left-sidebar-nav { left: 0}
    .menu-toggle { top: 20px; }
    .menu-list li a { line-height: 40px; padding: 0; }
    .side-menu-button a { top: 1px; }
    .side-menu .sidebar-nav-menu .menu-list-wrapper { padding-bottom: 20px; }
    .sidebar-social-icon li { display: inline-block; margin: 0; padding: 0 7px; }
    .sidebar-social-icon li:last-child { padding-right: 0; }
    .navbar-left-sidebar,.navbar-left-sidebar .dropdown:hover > .dropdown-menu { width: auto; }
    .show-menu .menu-style-2 .sidebar-nav-menu { left: 0; }
    .menu-style-2 .sidebar-nav-menu .menu-list li { padding: 5px 0;}
    .menu-style-2 .sidebar-nav-menu .menu-list li ul li { padding-top: 0; padding-bottom: 0;}
    .menu-style-2 .sidebar-nav-menu .menu-list li .menu-toggle { top: 27px; }
    .menu-style-2 .sidebar-nav-menu .menu-list li ul li .menu-toggle { top: 15px; }

    /* sidebar nav menu */
    .navbar-left-sidebar > li > a { font-size: 14px; line-height: 20px; }
    .navbar-left-sidebar > li.dropdown > a > i { display: block; position: absolute; top: 15px; right: 5px; font-size: 16px; }
    .navbar-left-sidebar li a { padding: 10px 0; margin: 0; border-bottom: 0; font-size: 14px; line-height: 20px; }
    .menu-style-2 .navbar-left-sidebar .dropdown:hover > .dropdown-menu.second-level { left: 0; position: relative; background-color: #fff; }
    .navbar-left-sidebar .dropdown > .dropdown-menu.second-level li > a { border-bottom: 0; padding: 6px 0 5px 0 }
    .navbar-left-sidebar .dropdown-menu.second-level li > a:hover, .navbar-left-sidebar li > a:hover { background-color: transparent; }
    .top-logo .navbar-brand { padding-top: .3125rem; padding-bottom: .3125rem; }

    /* hamburger menu half */
    .hamburger-menu-half .menu-list > li { padding: 7px 0; }
    .hamburger-menu-half .menu-list li .menu-toggle { top: 29px; }
    .hamburger-menu-half .menu-list li ul li .menu-toggle { top: 15px; }
    .hamburger-menu-half .menu-list .menu-list-item > .sub-menu-item { padding-top: 5px;}
    .hamburger-menu-half .menu-list .menu-list-item .sub-menu-item .sub-menu-item { padding-top: 0}
    .hamburger-menu-half .sub-menu-item .menu-toggle:before, .hamburger-menu-half .sub-menu-item .menu-toggle:after { right: 8px; }

    /* hamburger menu full width */
    .hamburger-menu.full-width .menu-list > li { padding: 5px 0; }
    .hamburger-menu.full-width .menu-list > li .menu-toggle { top: 27px; }
    .hamburger-menu.full-width .menu-list li ul li .menu-toggle { top: 15px; }
    .hamburger-menu.full-width .menu-list .menu-list-item > .sub-menu-item { padding-top: 5px;}
    .hamburger-menu.full-width .menu-list .menu-list-item .sub-menu-item .sub-menu-item { padding-top: 0}

    /* center logo */
    .menu-logo-center .navbar-collapse > .navbar-nav:first-child { padding-bottom: 0;}
    .menu-logo-center .navbar-collapse > .navbar-nav:last-child { padding-top: 0;}

    /* hamburger menu big text */
    .hamburger-menu-big-font .menu-list li .sub-menu-item { padding: 20px 0 0 15px; }
    .hamburger-menu-big-font .menu-list li .menu-toggle { top: 34px; }
    .hamburger-menu-big-font .menu-list li a { font-size: 30px; line-height: 38px; }

    /* header navigation white */
    .navbar.navbar-dark.bg-transparent .navbar-nav .nav-link.active, .navbar.navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.active:hover,.navbar-dark .navbar-nav .nav-link.active:focus { color: rgba(0,0,0,.6) !important; }
    .navbar.navbar-dark .navbar-nav > .dropdown.active > a, .sticky .navbar.header-dark .navbar-nav > .dropdown.active > a, .navbar.navbar-dark .navbar-nav > .nav-item.dropdown.megamenu.active:hover > a, .navbar.navbar-dark .navbar-nav > .nav-item.dropdown.simple-dropdown.active:hover > a { color: rgba(0,0,0,0.6) !important; }
    .navbar.navbar-dark .navbar-nav > .nav-item.dropdown.megamenu:hover > a, .navbar.navbar-dark .navbar-nav > .nav-item.dropdown.simple-dropdown:hover > a { color: rgba(0,0,0,1) !important; }
    .navbar.navbar-light .navbar-nav > .nav-item.dropdown.megamenu:hover > a, .navbar.navbar-light .navbar-nav > .nav-item.dropdown.simple-dropdown:hover > a, .sticky .navbar.navbar-dark.header-light .navbar-nav > .nav-item.dropdown.megamenu:hover > a, .sticky .navbar.navbar-dark.header-light .navbar-nav > .nav-item.dropdown.simple-dropdown:hover > a { color: rgba(0,0,0,1) !important; }

    /* header logo */
    header .navbar .navbar-brand .default-logo, header.sticky .navbar-brand .alt-logo, header.sticky .navbar .navbar-brand .default-logo, header .navbar-brand .alt-logo, header .sidebar-nav-menu .navbar-brand .default-logo { visibility: hidden; opacity: 0; width: 0; }
    header .navbar .navbar-brand .mobile-logo, header .sidebar-nav-menu .navbar-brand .mobile-logo  { visibility: visible; opacity: 1; width: auto; }

    /* header with top logo */
    .top-logo .navbar-brand + div[class*="col-"] div:first-child { padding-left: 0;}

    /* header toggle button */
    .navbar-dark.bg-transparent .navbar-toggler-line { overflow: hidden; background: #232323; }
    header.sticky .navbar.bg-transparent.hader-light .navbar-toggler-line { overflow: hidden; background: #fff; }
    .navbar-dark.bg-transparent .push-button > span, .sticky .navbar-dark.bg-transparent .push-button > span { background: #232323; }

    /* header transparent */
    .navbar.bg-transparent { background-color: #fff!important; }
    .navbar.navbar-dark .header-social-icon, .sticky .navbar.header-dark .header-social-icon { border-color: rgba(0,0,0,.45); }
    .navbar.navbar-dark.bg-transparent .navbar-nav .nav-link, .navbar.navbar-dark.bg-transparent .header-search-icon > a, .navbar.navbar-dark.bg-transparent .header-social-icon > a, .navbar.navbar-dark.bg-transparent .header-cart-icon > a, .navbar.navbar-dark.bg-transparent .header-language > a, .navbar.navbar-dark .nav-bar-contact { color: #232323 !important;}
    header.sticky .navbar.navbar-dark.bg-transparent.header-dark .header-social-icon > a { color: #fff !important;}
    .navbar.navbar-dark.bg-transparent .header-search-icon > a:hover, .navbar.navbar-dark.bg-transparent .header-social-icon > a:hover, .navbar.navbar-dark.bg-transparent .header-cart-icon > a:hover, .navbar.navbar-dark.bg-transparent .header-language > a:hover, .sticky .navbar-dark.bg-transparent .header-search-icon > a:hover, .sticky .navbar-dark.bg-transparent .header-social-icon > a:hover, .sticky .navbar-dark.bg-transparent .header-cart-icon > a:hover, .sticky .navbar-dark.bg-transparent .header-language > a:hover { color: rgba(0,0,0,.6) !important;}
    .navbar.bg-transparent .header-button .btn.btn-white { background: #232323; border-color: #232323; color: #ffffff;}

    /* menu classic */
    [data-mobile-nav-style=classic] .navbar-nav { display: block;}

    /* menu modern */  
    [data-mobile-nav-style=modern] .page-layout { background-color: #fff;}
    [data-mobile-nav-style=modern] header .navbar-collapse { display: none !important; }
    [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav { width: 100%; padding: 0; }
    [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-collapse.show { height: 100%;  }
    [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-toggler-line { background-color: #fff; }
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item a, [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item i, [data-mobile-nav-style=modern] .navbar-modern-inner .simple-dropdown .dropdown-menu .dropdown a.active, [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item.dropdown.simple-dropdown .dropdown-menu > .dropdown > a { color: #fff; display: inline-block; right: 0; font-size: 17px; font-weight: 500;}
    [data-mobile-nav-style=modern] .navbar-modern-inner .simple-dropdown .dropdown-menu .dropdown a.active { text-decoration: underline;}
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item i { font-size: 14px;}
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item i.dropdown-toggle { font-size: 17px; font-weight: 600;}
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item .megamenu-content a, [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item.dropdown.simple-dropdown .dropdown-menu > .dropdown > a { font-size: 13px; padding: 0}
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item.dropdown.megamenu .menu-back-div, [data-mobile-nav-style=modern] .dropdown-menu.megamenu-content li.dropdown-header { color: #fff; position: inherit !important; margin-bottom: 15px !important; margin-top: 6px; padding: 0 !important; right: 0; }
    [data-mobile-nav-style=modern] .dropdown-menu.megamenu-content li.dropdown-header {opacity: .7; margin-top: 20px !important; font-weight: 500 }
    [data-mobile-nav-style=modern] .dropdown-menu.megamenu-content li.dropdown-header:first-child { margin-top: 0 !important}
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item.dropdown.megamenu .menu-back-div ul { margin-bottom: 20px; padding: 0;}
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item.dropdown.megamenu .menu-back-div ul:last-child { margin-bottom: 0;}
    [data-mobile-nav-style=modern] .navbar-modern-inner .dropdown-menu.megamenu-content li, [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown .dropdown-menu {line-height: normal; padding-bottom: 5px; font-size: 15px}
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item.dropdown.megamenu .menu-back-div, [data-mobile-nav-style=modern] .navbar-modern-inner .simple-dropdown > .dropdown-menu { border-radius: 0; background-color: transparent; transform: translate3d(0, 0, 0px) !important; position: inherit !important; padding: 8px 15px !important; margin-bottom: 0 !important }
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item.dropdown.simple-dropdown .dropdown-menu > .dropdown { margin-bottom: 0; }
    [data-mobile-nav-style=modern] .navbar-modern-inner .simple-dropdown > .dropdown-menu { padding-top: 14px !important; padding-bottom: 0 !important; }
    [data-mobile-nav-style=modern] .navbar-modern-inner .simple-dropdown > .dropdown-menu li:last-child > ul { margin-bottom: 0 !important;}
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown .dropdown-menu li { padding: 0; }
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown .dropdown-menu { margin-bottom: 10px;}
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown > a { opacity: .7; font-size: 14px; margin-bottom: 10px; margin-top: 0; }
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown .dropdown-menu li > a { margin-bottom: 9px; font-size: 13px;}
    [data-mobile-nav-style=modern] .navbar-modern-inner .simple-dropdown .dropdown-menu .dropdown:hover > a, [data-mobile-nav-style=modern] .navbar-modern-inner .simple-dropdown .dropdown-menu .dropdown a:hover, [data-mobile-nav-style=modern] .navbar-modern-inner .simple-dropdown .dropdown-menu .dropdown a.active, [data-mobile-nav-style=modern] .navbar-modern-inner .simple-dropdown .dropdown-menu .dropdown a:focus, [data-mobile-nav-style=modern] .navbar-modern-inner .simple-dropdown .dropdown-menu .dropdown.active > a { color: rgba(255,255,255,0.6); }
    [data-mobile-nav-style=modern] .navbar-modern-inner .mCustomScrollBox { height: auto; width: 100%;}
    [data-mobile-nav-style=modern] .navbar-modern-inner .mCSB_inside>.mCSB_container { margin-right: 0; }
    [data-mobile-nav-style=modern] .navbar-modern-inner .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; }
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown a { padding: 0;}
    [data-mobile-nav-style=modern] .navbar-modern-inner .simple-dropdown .dropdown-menu .dropdown a .dropdown-toggle { display: none; right: 13px; top: 4px; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); }
    [data-mobile-nav-style=modern] .navbar-modern-inner .dropdown-menu.megamenu-content li.active a, [data-mobile-nav-style=modern] .navbar-modern-inner .dropdown-menu.megamenu-content li a:hover { color: rgba(255,255,255,0.6); }
    .navbar-collapse-show[data-mobile-nav-style=modern] { overflow: hidden; padding-top: 0;}
    [data-mobile-nav-style=modern] .navbar-modern-inner { opacity: 0; visibility: hidden; overflow: visible !important; width: 70vw; height: 100vh !important; position: fixed; top: 0; right: -40vw; z-index: 90; display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition-duration: 0.65s; transition-duration: 0.65s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); -webkit-transform: translate3d(25vw, 0, 0); transform: translate3d(25vw, 0, 0); }
    .navbar-collapse-show[data-mobile-nav-style=modern] .navbar-modern-inner { right: 0; opacity: 1; visibility: visible !important; display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    [data-mobile-nav-style=modern] .navbar-show-modern-bg { display: inline-block; width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: -1; opacity: 0; background-image: linear-gradient(to right top, #0039e3, #4132e0, #5e28dd, #741bd9, #8600d4); -webkit-transform: scale(1.75); transform: scale(1.75); transition: opacity .3s,-webkit-transform .3s; transition: opacity .3s,transform .3s; transition: opacity .3s,transform .3s,-webkit-transform .3s; -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; }
    .navbar-collapse-show[data-mobile-nav-style=modern] .navbar-show-modern-bg { -webkit-transform: scale(1); transform: scale(1); opacity: 1; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }
    [data-mobile-nav-style=modern] .navbar, [data-mobile-nav-style=modern] .sticky.header-appear .header-reverse-scroll, [data-mobile-nav-style=modern] header .top-bar + .navbar.fixed-top { -webkit-transition-duration: 0.75s; -moz-transition-duration: 0.75s; -ms-transition-duration: 0.75s; -o-transition-duration: 0.75s; transition-duration: 0.75s;}
    [data-mobile-nav-style=modern] .navbar, [data-mobile-nav-style=modern] .page-layout, [data-mobile-nav-style=modern] .top-bar { -webkit-transition: width 0.3s, -webkit-transform 0.75s cubic-bezier(0.23, 1, 0.32, 1); transition: width 0.3s, -webkit-transform 0.75s cubic-bezier(0.23, 1, 0.32, 1); transition: transform 0.75s cubic-bezier(0.23, 1, 0.32, 1), width 0.3s; transition: transform 0.75s cubic-bezier(0.23, 1, 0.32, 1), width 0.3s, -webkit-transform 0.75s cubic-bezier(0.23, 1, 0.32, 1);}
    .navbar-collapse-show[data-mobile-nav-style=modern] .navbar, .navbar-collapse-show[data-mobile-nav-style=modern] .page-layout, .navbar-collapse-show[data-mobile-nav-style=modern] .top-bar { -webkit-transform: translate3d(-70vw, 0, 0); transform: translate3d(-70vw, 0, 0); }
    [data-mobile-nav-trigger-alignment=right][data-mobile-nav-style=modern] .navbar-modern-inner .navbar-toggler { display: none; }
    [data-mobile-nav-trigger-alignment=left][data-mobile-nav-style=modern] .navbar-modern-inner .navbar-toggler { position: absolute; top: 0; right: 25px; }
    [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-collapse { position: static; left: 0; top: 0; width: 100%; height: 100%; background: transparent; padding: 100px 12vw; box-shadow: none; max-height: 100%; display:flex !important; -ms-flex-pack: center!important; justify-content: center!important; }
    .navbar-collapse-show[data-mobile-nav-trigger-alignment=left][data-mobile-nav-style=modern] .navbar-modern-inner .navbar-toggler .navbar-collapse-show[data-mobile-nav-trigger-alignment=left][data-mobile-nav-style=modern] .navbar { position: absolute; }
    .navbar-collapse-show[data-mobile-nav-trigger-alignment=left][data-mobile-nav-style=modern] .navbar, .navbar-collapse-show[data-mobile-nav-trigger-alignment=left][data-mobile-nav-style=modern] .page-layout, .navbar-collapse-show[data-mobile-nav-trigger-alignment=left][data-mobile-nav-style=modern] .top-bar { -webkit-transform: translate3d(80vw, 0, 0); transform: translate3d(80vw, 0, 0); }
    [data-mobile-nav-trigger-alignment=left] .navbar-modern-inner { width: 80vw; right: inherit; left: -30vw; -webkit-transform: translate3d(-25vw, 0, 0); transform: translate3d(-25vw, 0, 0); }
    .navbar-collapse-show[data-mobile-nav-trigger-alignment=left] .navbar-modern-inner { left: 0; right: inherit; }
    [data-mobile-nav-trigger-alignment=left] .navbar-modern-inner .navbar-collapse {  right: 0; left: inherit; padding-right: 10vw; padding-left: 10vw; }
    [data-mobile-nav-trigger-alignment=left][data-mobile-nav-style=modern] .parallax {  background-attachment: scroll !important;}
    [data-mobile-nav-style=modern] .navbar-nav > .nav-item { border-bottom: 1px solid rgba(255,255,255,.1); padding-top: 10px; padding-bottom: 12px;}
    [data-mobile-nav-style=modern] .navbar-nav > .nav-item:last-child { border-bottom: 0; }
    [data-mobile-nav-style=modern] .nav-item > .dropdown-toggle { top: 7px; }

    /* full-screen-menu */
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] { overflow: hidden;}
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar .navbar-nav { padding: 0;}
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner { background-image: linear-gradient(to right top, #0039e3, #4132e0, #5e28dd, #741bd9, #8600d4); visibility: hidden; overflow: hidden !important; width: 100vw; height: 100vh !important; position: fixed; top: -100vh; left: 0; z-index: 9999; display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.4s ease-ou; transition: all 0.4s ease-out; -webkit-transition-delay: 0.6s; transition-delay: 0.6s;}
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner { height: 100vh !important; top: 0; visibility: visible !important; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; -webkit-transition-delay: 0.20s; transition-delay: 0.20s;}
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-collapse { position: inherit; left: 0; top:0; width: 100%; height: 100%; padding: 100px 0; max-height: 100%; box-shadow: none; background: transparent; display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; -ms-flex-pack: center!important; justify-content: center!important; }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav { padding: 0; }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item.dropdown.megamenu .menu-back-div, [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .simple-dropdown > .dropdown-menu { border-radius: 0; background-color: transparent; transform: translate3d(0, 0, 0px) !important; position: inherit !important; padding: 8px 15px !important; margin-bottom: 0 !important; margin-top: 6px; }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .mCustomScrollBox { height: auto; width: 75%;}    
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item a, [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item i, [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item.dropdown.simple-dropdown .dropdown-menu > .dropdown > a { color: #fff; font-size: 17px; font-weight: 500;}
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item i { font-weight: 600}
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item.dropdown.megamenu .menu-back-div, [data-mobile-nav-style=full-screen-menu] .dropdown-menu.megamenu-content li.dropdown-header { color: #fff; line-height: normal; padding-bottom: 5px; font-size: 15px;  }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .dropdown-menu.megamenu-content li.active a, [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .dropdown-menu.megamenu-content li a:hover { color: rgba(255,255,255,0.6); }
    [data-mobile-nav-style=full-screen-menu] .dropdown-menu.megamenu-content li.dropdown-header { opacity: .7; margin-top: 20px !important; font-weight: 500; margin-bottom: 4px; }
    [data-mobile-nav-style=full-screen-menu] .dropdown-menu.megamenu-content li.dropdown-header:first-child { margin-top: 0 !important}
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item.dropdown.megamenu .menu-back-div ul { margin-bottom: 20px; padding: 0;}
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item.dropdown.megamenu .menu-back-div ul:last-child { margin-bottom: 0;}
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .dropdown-menu.megamenu-content li, [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown .dropdown-menu { line-height: normal; padding-bottom: 12px; font-size: 15px; }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item .megamenu-content a, [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item.dropdown.simple-dropdown .dropdown-menu > .dropdown > a { font-size: 13px; padding: 0; }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .simple-dropdown > .dropdown-menu { padding-bottom: 0 !important; }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item.dropdown.simple-dropdown .dropdown-menu > .dropdown { margin-bottom: 0; }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown a { padding: 3px 0 3px; font-size: 13px; margin-bottom: 6px; margin-top: 0; }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown > a { opacity: .7; margin-bottom: 7px !important; font-size: 14px; padding-top: 2px; }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .simple-dropdown > .dropdown-menu li:last-child > ul { margin-bottom: 0 !important; padding-bottom: 5px !important; }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .simple-dropdown .dropdown-menu .dropdown:hover > a, [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .simple-dropdown .dropdown-menu .dropdown a:hover, [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .simple-dropdown .dropdown-menu .dropdown a.active, [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .simple-dropdown .dropdown-menu .dropdown a:focus, [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .simple-dropdown .dropdown-menu .dropdown.active > a { color: rgba(255,255,255,0.6); }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-toggler { margin: 0; position: absolute; right: 35px; top: 35px; opacity: 0; -webkit-transition: all 0.4s ease-ou; transition: all 0.4s ease-out; -webkit-transition-delay: 0.6s; transition-delay: 0.6s;}
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-toggler { opacity: 1}
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-toggler-line { background-color: #fff; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li.nav-item > .dropdown-toggle { top: 8px; right: 0; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li.nav-item { border-bottom: 1px solid rgba(255,255,255,.1); padding-top: 10px; padding-bottom: 12px; -webkit-transform: scale(1.15) translateY(-30px); transform: scale(1.15) translateY(-30px); opacity: 0; -webkit-transition: opacity 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99); }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li.nav-item:last-child { border-bottom: 0;}
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li { -webkit-transform: scale(1) translateY(0px); transform: scale(1) translateY(0px); opacity: 1; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(1) { -webkit-transition-delay: 0.49s; transition-delay: 0.49s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(2) { -webkit-transition-delay: 0.42s; transition-delay: 0.42s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(3) { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(4) { -webkit-transition-delay: 0.28s; transition-delay: 0.28s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(5) { -webkit-transition-delay: 0.21s; transition-delay: 0.21s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(6) { -webkit-transition-delay: 0.14s; transition-delay: 0.14s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(7) { -webkit-transition-delay: 0.07s; transition-delay: 0.07s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(8) { -webkit-transition-delay: 0s; transition-delay: 0s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(9) { -webkit-transition-delay: -0.07s; transition-delay: -0.07s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(10) { -webkit-transition-delay: -0.14s; transition-delay: -0.14s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(11) { -webkit-transition-delay: -0.21s; transition-delay: -0.21s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(12) { -webkit-transition-delay: -0.28s; transition-delay: -0.28s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(13) { -webkit-transition-delay: -0.35s; transition-delay: -0.35s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(14) { -webkit-transition-delay: -0.42s; transition-delay: -0.42s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(15) { -webkit-transition-delay: -0.49s; transition-delay: -0.49s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(1) { -webkit-transition-delay: 0.27s; transition-delay: 0.27s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(2) { -webkit-transition-delay: 0.34s; transition-delay: 0.34s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(3) { -webkit-transition-delay: 0.41s; transition-delay: 0.41s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(4) { -webkit-transition-delay: 0.48s; transition-delay: 0.48s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(5) { -webkit-transition-delay: 0.55s; transition-delay: 0.55s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(6) { -webkit-transition-delay: 0.62s; transition-delay: 0.62s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(7) { -webkit-transition-delay: 0.69s; transition-delay: 0.69s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(8) { -webkit-transition-delay: 0.76s; transition-delay: 0.76s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(9) { -webkit-transition-delay: 0.83s; transition-delay: 0.83s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(10) { -webkit-transition-delay: 0.9s; transition-delay: 0.9s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(11) { -webkit-transition-delay: 0.97s; transition-delay: 0.97s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(12) { -webkit-transition-delay: 1.04s; transition-delay: 1.04s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(13) { -webkit-transition-delay: 1.11s; transition-delay: 1.11s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(14) { -webkit-transition-delay: 1.18s; transition-delay: 1.18s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(15) { -webkit-transition-delay: 1.25s; transition-delay: 1.25s; }
    [data-mobile-nav-style=full-screen-menu] .navbar-collapse.collapsing .mCSB_scrollTools { opacity: 0; }
    [data-mobile-nav-style=full-screen-menu] .navbar-collapse.collapse .mCSB_scrollTools { opacity: 0; }
    [data-mobile-nav-style=full-screen-menu] .navbar-collapse.collapse.show .mCSB_scrollTools { opacity: 1; }

    /* header cart and language */
    .header-cart-icon-mobile-left .cart-item-list, .header-language-mobile-left .dropdown-menu { left: 0; right: auto; }

    /* push menu */
    .push-menu { display: none; }
}
/* Navigation breakpoint end */

@media (max-width: 991px) {
    /* reset */
    html { font-size: 12px }
    section { padding: 75px 0; }
    section.big-section { padding:95px 0; }
    section.extra-big-section { padding: 110px 0; }
    section.half-section { padding:40px 0; }
    .md-no-overlap-section { height: auto !important}
    .md-no-overlap-section ~ section .overlap-section { margin-top: 0 !important}
    .md-last-order { order: 10; }

    /* typography */
    p { margin: 0 0 20px; }

    /* text size */
    .text-large { font-size:16px; line-height:22px; }
    .text-extra-large { font-size: 18px; line-height:26px; }
    .title-small { font-size: 30px; line-height: 30px; }
    .title-large { font-size: 70px; line-height: 65px; }
    .title-extra-large { font-size: 90px; line-height:85px }
    .title-extra-large-heavy { font-size: 9rem; line-height: 11rem; }
    .text-big { font-size: 120px; line-height: 120px; }
    .title-large-3 { font-size: 55px; line-height:55px; }

    /* lineheight */
    .md-line-height-0px { line-height: 0px; }
    .md-line-height-8px { line-height: 8px; }
    .md-line-height-10px { line-height: 10px; }
    .md-line-height-14px { line-height: 14px; }
    .md-line-height-15px { line-height: 15px; }
    .md-line-height-16px { line-height: 16px; }
    .md-line-height-18px { line-height: 18px; }
    .md-line-height-20px { line-height: 20px; }
    .md-line-height-22px { line-height: 22px; }
    .md-line-height-24px { line-height: 24px; }
    .md-line-height-26px { line-height: 26px; }
    .md-line-height-28px { line-height: 28px; }
    .md-line-height-30px { line-height: 30px; }
    .md-line-height-32px { line-height: 32px; }
    .md-line-height-34px { line-height: 34px; }
    .md-line-height-36px { line-height: 36px; }
    .md-line-height-38px { line-height: 38px; }
    .md-line-height-40px { line-height: 40px; }
    .md-line-height-50px { line-height: 50px; }
    .md-line-height-140px { line-height: 140px; }
    .md-line-height-normal { line-height: normal; }

    /* letter spacing minus */
    .md-letter-spacing-minus-1-half { letter-spacing: -0.50px; }
    .md-letter-spacing-minus-1px { letter-spacing: -1px; }
    .md-letter-spacing-minus-2px { letter-spacing: -2px; }
    .md-letter-spacing-minus-3px { letter-spacing: -3px; }
    .md-letter-spacing-minus-4px { letter-spacing: -4px; }
    .md-letter-spacing-minus-5px { letter-spacing: -5px; }

    /* absolute middle center */
    .md-absolute-middle-center { left: 50%; top: 50%; position: absolute; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

    /* background image */
    .md-background-image-none { background: inherit !important; }
    .md-background-position-left { background-position: left center; }
    .md-background-position-right { background-position: right center; }
    .md-background-position-top { background-position: right top; }
    .md-background-position-center { background-position: center; }
    .md-background-position-left-top { background-position: left top; }

    /* blockquote */
    blockquote { padding: 2px 30px; }

    /* box shadow */
    .md-box-shadow-none { box-shadow: none; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    /* display and overflow */
    .md-d-initial { display: initial !important; }
    .md-overflow-hidden { overflow:hidden !important; }
    .md-overflow-visible { overflow:visible !important; }
    .md-overflow-auto { overflow:auto !important; }

    /* position */
    .md-position-relative { position: relative !important; }
    .md-position-absolute { position: absolute !important; }
    .md-position-fixed { position: fixed !important; }
    .md-position-inherit { position: inherit !important; }
    .md-position-initial { position: initial !important; }

    /* top */
    .md-top-0px { top: 0; }
    .md-top-1px { top: 1px; }
    .md-top-2px { top: 2px; }
    .md-top-3px { top: 3px; }
    .md-top-4px { top: 4px; }
    .md-top-5px { top: 5px; }
    .md-top-6px { top: 6px; }
    .md-top-7px { top: 7px; }
    .md-top-8px { top: 8px; }
    .md-top-9px { top: 9px; }
    .md-top-10px { top: 10px; }
    .md-top-15px { top: 15px; }
    .md-top-20px { top: 20px; }
    .md-top-25px { top: 25px; }
    .md-top-30px { top: 30px; }
    .md-top-35px { top: 35px; }
    .md-top-40px { top: 40px; }
    .md-top-45px { top: 45px; }
    .md-top-50px { top: 50px; }
    .md-top-auto { top:auto; }
    .md-top-inherit { top:inherit; }

    /* top minus */
    .md-top-minus-1px { top: -1px; }
    .md-top-minus-2px { top: -2px; }
    .md-top-minus-3px { top: -3px; }
    .md-top-minus-4px { top: -4px; }
    .md-top-minus-5px { top: -5px; }
    .md-top-minus-6px { top: -6px; }
    .md-top-minus-7px { top: -7px; }
    .md-top-minus-8px { top: -8px; }
    .md-top-minus-9px { top: -9px; }
    .md-top-minus-10px { top: -10px; }
    .md-top-minus-15px { top: -15px; }
    .md-top-minus-20px { top: -20px; }
    .md-top-minus-25px { top: -25px; }
    .md-top-minus-30px { top: -30px; }
    .md-top-minus-35px { top: -35px; }
    .md-top-minus-40px { top: -40px; }
    .md-top-minus-45px { top: -45px; }
    .md-top-minus-50px { top: -50px; }

    /* bottom */
    .md-bottom-0px { bottom:0; }
    .md-bottom-1px { bottom:1px; }
    .md-bottom-2px { bottom:2px; }
    .md-bottom-3px { bottom:3px; }
    .md-bottom-4px { bottom:4px; }
    .md-bottom-5px { bottom:5px; }
    .md-bottom-6px { bottom:6px; }
    .md-bottom-7px { bottom:7px; }
    .md-bottom-8px { bottom:8px; }
    .md-bottom-9px { bottom:9px; }
    .md-bottom-10px { bottom:10px; }
    .md-bottom-15px { bottom:15px; }
    .md-bottom-20px { bottom:20px; }
    .md-bottom-25px { bottom:25px; }
    .md-bottom-30px { bottom:30px; }
    .md-bottom-35px { bottom:35px; }
    .md-bottom-40px { bottom:40px; }
    .md-bottom-45px { bottom:45px; }
    .md-bottom-50px { bottom:50px; }
    .md-bottom-55px { bottom:55px; }
    .md-bottom-60px { bottom:60px; }
    .md-bottom-auto { bottom: auto; }
    .md-bottom-inherit { bottom: inherit; }

    /* bottom minus */
    .md-bottom-minus-1px { bottom: -1px; }
    .md-bottom-minus-2px { bottom: -2px; }
    .md-bottom-minus-3px { bottom: -3px; }
    .md-bottom-minus-4px { bottom: -4px; }
    .md-bottom-minus-5px { bottom: -5px; }
    .md-bottom-minus-6px { bottom: -6px; }
    .md-bottom-minus-7px { bottom: -7px; }
    .md-bottom-minus-8px { bottom: -8px; }
    .md-bottom-minus-9px { bottom: -9px; }
    .md-bottom-minus-10px { bottom: -10px; }
    .md-bottom-minus-15px { bottom: -15px; }
    .md-bottom-minus-20px { bottom: -20px; }
    .md-bottom-minus-25px { bottom: -25px; }
    .md-bottom-minus-30px { bottom: -30px; }
    .md-bottom-minus-35px { bottom: -35px; }
    .md-bottom-minus-40px { bottom: -40px; }
    .md-bottom-minus-45px { bottom: -45px; }
    .md-bottom-minus-50px { bottom: -50px; }

    /* right */
    .md-right-0px { right: 0; }
    .md-right-1px { right: 1px; }
    .md-right-2px { right: 2px; }
    .md-right-3px { right: 3px; }
    .md-right-4px { right: 4px; }
    .md-right-5px { right: 5px; }
    .md-right-6px { right: 6px; }
    .md-right-7px { right: 7px; }
    .md-right-8px { right: 8px; }
    .md-right-9px { right: 9px; }
    .md-right-10px { right: 10px; }
    .md-right-15px { right: 15px; }
    .md-right-20px { right: 20px; }
    .md-right-25px { right: 25px; }
    .md-right-30px { right: 30px; }
    .md-right-35px { right: 35px; }
    .md-right-40px { right: 40px; }
    .md-right-45px { right: 45px; }
    .md-right-50px { right: 50px; }
    .md-right-auto { right: auto; }
    .md-right-inherit { right: inherit; }

    /* right minus */
    .md-right-minus-1px { right: -1px; }
    .md-right-minus-2px { right: -2px; }
    .md-right-minus-3px { right: -3px; }
    .md-right-minus-4px { right: -4px; }
    .md-right-minus-5px { right: -5px; }
    .md-right-minus-6px { right: -6px; }
    .md-right-minus-7px { right: -7px; }
    .md-right-minus-8px { right: -8px; }
    .md-right-minus-9px { right: -9px; }
    .md-right-minus-10px { right: -10px; }
    .md-right-minus-15px { right: -15px; }
    .md-right-minus-20px { right: -20px; }
    .md-right-minus-25px { right: -25px; }
    .md-right-minus-30px { right: -30px; }
    .md-right-minus-35px { right: -35px; }
    .md-right-minus-40px { right: -40px; }
    .md-right-minus-45px { right: -45px; }
    .md-right-minus-50px { right: -50px; }

    /* left */
    .md-left-0px { left: 0; }
    .md-left-1px { left: 1px; }
    .md-left-2px { left: 2px; }
    .md-left-3px { left: 3px; }
    .md-left-4px { left: 4px; }
    .md-left-5px { left: 5px; }
    .md-left-6px { left: 6px; }
    .md-left-7px { left: 7px; }
    .md-left-8px { left: 8px; }
    .md-left-9px { left: 9px; }
    .md-left-10px { left: 10px; }
    .md-left-15px { left: 15px; }
    .md-left-20px { left: 20px; }
    .md-left-25px { left: 25px; }
    .md-left-30px { left: 30px; }
    .md-left-35px { left: 35px; }
    .md-left-40px { left: 40px; }
    .md-left-45px { left: 45px; }
    .md-left-50px { left: 50px; }
    .md-left-55px { left: 55px; }
    .md-left-60px { left: 60px; }
    .md-left-auto { left: auto; }
    .md-left-inherit { left: inherit; }

    /* left minus */
    .md-left-minus-1px { left: -1px; }
    .md-left-minus-2px { left: -2px; }
    .md-left-minus-3px { left: -3px; }
    .md-left-minus-4px { left: -4px; }
    .md-left-minus-5px { left: -5px; }
    .md-left-minus-6px { left: -6px; }
    .md-left-minus-7px { left: -7px; }
    .md-left-minus-8px { left: -8px; }
    .md-left-minus-9px { left: -9px; }
    .md-left-minus-10px { left: -10px; }
    .md-left-minus-15px { left: -15px; }
    .md-left-minus-20px { left: -20px; }
    .md-left-minus-25px { left: -25px; }
    .md-left-minus-30px { left: -30px; }
    .md-left-minus-35px { left: -35px; }
    .md-left-minus-40px { left: -40px; }
    .md-left-minus-45px { left: -45px; }
    .md-left-minus-50px { left: -50px; }

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

    /* height */
    .md-h-1px { height: 1px !important; }
    .md-h-2px { height: 2px !important; }
    .md-h-3px { height: 3px !important; }
    .md-h-4px { height: 4px !important; }
    .md-h-5px { height: 5px !important; }
    .md-h-6px { height: 6px !important; }
    .md-h-7px { height: 7px !important; }
    .md-h-8px { height: 8px !important; }
    .md-h-9px { height: 9px !important; }
    .md-h-10px { height: 10px !important; }
    .md-h-20px { height: 20px !important; }
    .md-h-30px { height: 30px !important; }
    .md-h-40px { height: 40px !important; }
    .md-h-42px { height: 42px !important; }
    .md-h-50px { height: 50px !important; }
    .md-h-60px { height: 60px !important; }
    .md-h-70px { height: 70px !important; }
    .md-h-80px { height: 80px !important; }
    .md-h-90px { height: 90px !important; }
    .md-h-100px { height: 100px !important; }
    .md-h-110px { height: 110px !important; }
    .md-h-120px { height: 120px !important; }
    .md-h-130px { height: 130px !important; }
    .md-h-140px { height: 140px !important; }
    .md-h-150px { height: 150px !important; }
    .md-h-160px { height: 160px !important; }
    .md-h-170px { height: 170px !important; }
    .md-h-180px { height: 180px !important; }
    .md-h-190px { height: 190px !important; }
    .md-h-200px { height: 200px !important; }
    .md-h-250px { height: 250px !important; }
    .md-h-300px { height: 300px !important; }
    .md-h-350px { height: 350px !important; }
    .md-h-400px { height: 400px !important; }
    .md-h-450px { height: 450px !important; }
    .md-h-500px { height: 500px !important; }
    .md-h-520px { height: 520px !important; }
    .md-h-550px { height: 550px !important; }
    .md-h-580px { height: 580px !important; }
    .md-h-600px { height: 600px !important; }
    .md-h-650px { height: 650px !important; }
    .md-h-700px { height: 700px !important; }
    .md-h-720px { height: 720px !important; }
    .md-h-750px { height: 750px !important; }
    .md-h-800px { height: 800px !important; }
    .md-h-820px { height: 820px !important; }
    .md-h-830px { height: 830px !important; }
    .md-h-850px { height: 850px !important; }

    .md-h-50 { height: 50%; }
    .md-h-100 { height: 100% !important; }
    .md-h-auto { height:auto !important; }

    /* min-height */
    .md-min-h-100px { min-height: 100px; }
    .md-min-h-200px { min-height: 200px; }
    .md-min-h-300px { min-height: 300px; }
    .md-min-h-400px { min-height: 400px; }
    .md-min-h-500px { min-height: 500px; }
    .md-min-h-600px { min-height: 600px; }
    .md-min-h-700px { min-height: 700px; }

    /* screen height */
    .one-third-screen { height:550px; }
    .one-fourth-screen { height:650px; }
    .one-fifth-screen { height:750px; }

    /* text size */
    .text-extra-big { font-size: 130px; line-height: 130px; }

    /* letter spacing */
    .md-letter-spacing-normal { letter-spacing: normal; }
    .md-letter-spacing-1-half { letter-spacing: 0.50px; }
    .md-letter-spacing-1px { letter-spacing: 1px; }
    .md-letter-spacing-2px { letter-spacing: 2px; }
    .md-letter-spacing-3px { letter-spacing: 3px; }
    .md-letter-spacing-4px { letter-spacing: 4px; }
    .md-letter-spacing-5px { letter-spacing: 5px; }

    /* list style 08 */
    .list-style-08 li:last-child { padding-bottom: 22px; }

    /* accordion style 04 */
    .accordion-style-04 .panel .panel-body { width: 50%; }

    /* time table */
    .time-table .panel { padding: 20px; }
    .time-table .panel .panel-time { min-width: 150px; }
    .time-table .panel .panel-body { width: calc(100% - 330px); }

    /* tab */
    .nav-tabs > li { padding: 0 15px; }
    .nav-tabs > li.nav-item { margin: 0; padding: 0 8px; }

    /* tab style 05 */
    .tab-style-05 .nav-tabs li { padding: 0; }
    .tab-style-05 .nav-tabs li a { padding: 8px 22px; }

    /* tab style 06 */
    .tab-style-06 .nav-tabs > li.nav-item > a.nav-link { padding: 0 20px 22px; }

    /* tab style 07 */
    .tab-style-07 .nav-tabs { -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
    .tab-style-07 .nav-tabs > li.nav-item > a.nav-link { padding: 20px 30px 18px 30px; line-height: 26px; }

    /* testimonials carousel style 01 */
    .testimonials-carousel-style-01 { min-width: 100%; }

    /* testimonials carousel style 02 */
    .testimonials-carousel-style-02 { min-width: 100%; }

    /* process step style 4 */
    .process-step-style-04 .process-step-item { padding-left: 0; padding-right: 0; }

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

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

    /* border */
    .md-border-all { border: 1px solid; }
    .md-border-top { border-top: 1px solid; }
    .md-border-bottom { border-bottom: 1px solid; }
    .md-border-left { border-left: 1px solid; }
    .md-border-right { border-right: 1px solid; }
    .md-border-lr { border-left: 1px solid; border-right: 1px solid; }
    .md-border-tb { border-top: 1px solid; border-bottom: 1px solid; }

    /* border color */
    .md-border-color-white { border-color: #fff; }
    .md-border-color-black { border-color: #000; }
    .md-border-color-sky-blue { border-color: #2e94eb; }
    .md-border-color-extra-dark-gray { border-color: #232323; }
    .md-border-color-medium-dark-gray { border-color: #363636; }
    .md-border-color-dark-gray { border-color: #939393; }
    .md-border-color-extra-medium-gray { border-color: #dbdbdb; }
    .md-border-color-medium-gray { border-color: #e4e4e4; }
    .md-border-color-extra-light-gray { border-color: #ededed; }
    .md-border-color-light-gray { border-color: #f5f5f5; }
    .md-border-color-light-pink { border-color: #862237; }
    .md-border-color-deep-pink { border-color: #ff214f; }
    .md-border-color-pink { border-color: #ff357c; }
    .md-border-color-fast-blue { border-color: #0038e3; }
    .md-border-color-orange { border-color: #ff6437; }
    .md-border-color-green { border-color: #45d690; }
    .md-border-color-golden { border-color: #d0ba6d; }
    .md-border-color-persian-blue { border-color: #0039CC; }
    .md-border-color-purple { border-color: #7342ac; }
    .md-border-color-parrot-green { border-color: #cee002; }
    .md-border-color-dark-red { border-color: #e12837; }

    /* transparent border */
    .md-border-color-transparent { border-color: transparent; }
    .md-border-color-black-transparent { border-color: rgba(0,0,0,.1); }
    .md-border-color-white-transparent { border-color: rgba(255,255,255,.1); }
    .md-border-color-golden-transparent { border-color: rgba(208, 186, 109, 0.2); }
    .md-border-color-pink-transparent { border-color: rgba(255, 33, 79, 0.45); }
    .md-border-color-dark-white-transparent { border-color: rgba(255,255,255,0.2); }
    .md-border-color-medium-white-transparent { border-color: rgba(255,255,255,0.4); }
    .md-border-color-full-dark-white-transparent { border-color: rgba(255,255,255,0.05); }
    .md-border-color-light-white-transparent { border-color: rgba(255,255,255,0.1); }
    .md-border-color-nero-transparent { border-color: rgba(25,25,25,0.1); }
    .md-border-color-extra-medium-gray-transparent { border-color: rgba(219,219,219,.04); }

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

    /* swiper thumb */
    .single-product-thumb .slider-vertical { position: relative; }
    .single-product-thumb .slider-vertical .swiper-wrapper { flex-direction: row; }
    .single-product-thumb .slider-vertical .swiper-slide { width: 25%; margin-right: 10px; }
    .swiper-thumb-next-prev { top: 50%; bottom: inherit; z-index: 1; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); }
    .swiper-thumb-next-prev .swiper-thumb-prev, .swiper-thumb-next-prev .swiper-thumb-next { width: 30px; height: 30px; line-height: 30px; position: absolute; transform: translateY(-50%) rotate(-90deg); -webkit-transform: translateY(-50%) rotate(-90deg); -moz-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); }
    .swiper-thumb-next-prev .swiper-thumb-prev { left: 15px; }
    .swiper-thumb-next-prev .swiper-thumb-next { right: 15px;; left: auto; }

    /* swiper vertical */  
    .slider-vertical .vh-100 { height: calc(100vh - 70px) !important }
    .slider-vertical .swiper-number-pagination { left: 68px; bottom: 50px; font-size: 16px; line-height: 22px; }
    .slider-vertical >.swiper-pagination-bullets { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); }
    .slider-vertical >.swiper-pagination-bullets>.swiper-pagination-bullet { margin: 8px 0; }

    /* split slider */
    .home-split-portfolio { height: auto !important; }
    .home-split-portfolio .swiper-slide { -ms-flex-wrap: wrap;flex-wrap: wrap; height: auto; }
    .home-split-portfolio .swiper-slide .swiper-slide-l,.home-split-portfolio .swiper-slide .swiper-slide-r { opacity: 1; visibility: visible; -webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0); width: 100% !important; -webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%; height: calc(100vh - 70px) !important;}
    .home-split-portfolio .swiper-wrapper { -ms-flex-wrap: wrap;flex-wrap: wrap; overflow: auto; }

    /* horizontal portfolio slider */
    .horizontal-portfolio-slider-main { -webkit-overflow-scrolling: touch; }
    .horizontal-portfolio-slider-main .horizontal-portfolio-slider .swiper-wrapper{ -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: auto; transform: translate3d(0, 0px, 0px) !important; }

    /* grid */
    .grid.md-grid-6col li { width: 16.67%; }
    .grid.md-grid-6col li.grid-item-double { width: 33.33%; }
    .grid.md-grid-5col li { width: 20%; }
    .grid.md-grid-5col li.grid-item-double { width: 40%; }
    .grid.md-grid-4col li { width: 25%; }
    .grid.md-grid-4col li.grid-item-double { width: 50%; }
    .grid.md-grid-3col li { width: 33.33%; }
    .grid.md-grid-3col li.grid-item-double { width: 66.67%; }
    .grid.md-grid-2col li { width: 50%; }
    .grid.md-grid-2col li.grid-item-double { width: 100%; }
    .grid.md-grid-1col li { width: 100%; }

    /* team style 02 */
    .team-style-02 .social-icon a { margin: 0 8px; }

    /* blog side image */
    .blog-side-image .separator { display: none; }

    /* blog modern */
    .blog-modern .blog-post-image { margin-bottom: 120px; }
    .blog-modern .post-details { left: 30px; width: calc(100% - 60px); }

    /* outside box */
    .outside-box-left { margin-left: 0; }
    .outside-box-right { margin-right: 0; }
    .outside-box-bottom { margin-bottom: 0; }

    /* footer */
    footer .footer-horizontal-link li { margin-right: 20px; }

    /* magnific popup */
    .mfp-container { padding-left: 15px; padding-right: 15px; }
    button.mfp-close,.mfp-image-holder button.mfp-close, .mfp-iframe-holder button.mfp-close, .mfp-close, .mfp-close:active { top: 15px; right: 15px; }
  
    /* cart and checkout page */
    .cart-products thead { display: none; }
    .cart-products tr { border-bottom: 1px solid #e8e8e8; position: relative; display: block; padding-left: 95px; padding-bottom: 20px; background: none; margin-bottom: 20px; overflow: hidden; }
    .cart-products td { display: block; border: none; text-align: right; margin-bottom: 10px; padding: 0; }
    .cart-products td:last-child { margin: 0; }
    .cart-products td:before { content: attr(data-title); font-weight: 500; float: left; display: block; color: #232323; font-family: 'Poppins',sans-serif; font-size: 12px; }
    .cart-products .product-remove { width: auto; position: absolute; right: 0; margin: 0; padding: 0; text-align: right; top: 0; z-index: 11; border: none; }
    .cart-products .product-thumbnail { position: absolute; left: 0; width: 80px; display: inline-block; top: 0; overflow: hidden; text-align: left; }
    .cart-products .product-name { text-align: left; padding-right: 25px; }
    .cart-products .product-name .variation { float: none; display: block; }
    .total-price-table td{ text-align: right; }    
    .checkout-total-price-table td{ text-align: left; }

    /* application */
    .banner-bottom-right-images > img { bottom: 0; }

    /* yoga meditation */
    .home-yoga-meditation .outside-box-right .absolute-middle-center { left: 50%; }

    /* consulting */
    .home-consulting .popup-youtube.absolute-middle-center { left: 50%; }

    /* digital agency */
    .home-digital-agency .outside-box-text-end .text-extra-big-2 { font-size: 150px; }

    /* design agency */
    .home-design-agency .outside-box-left { margin-left: 0; }

    /* interactive portfolio */
    .home-interactive-portfolio .fullscreen-hover-box .interactive-title { font-size: 55px; line-height: 60px; }

    /* vertical portfolio */
    .home-vertical-portfolio .navbar { padding: 0 3.5rem;}

    /* freelancer */
    .home-freelancer .title-extra-large-heavy { line-height: 90px; }

    /* fashion shop */
    .home-fashion-shop .tp-tabs { left: 50% !important; -webkit-transform: translateX(-50%) !important;-ms-transform: translateX(-50%) !important;transform: translateX(-50%) !important; top: auto !important; bottom: 5% !important; }

    /* slider navigation style 04 */
    .slider-navigation-style-04.swiper-button-prev { left: -60px; }
    .slider-navigation-style-04.swiper-button-next { right: -60px; }

    /* content box image */
    .content-box-image { height: 300px; }

    /* interactive list style */
    .fullscreen-hover-list .hover-list-item .interactive-icon { top: 4px; }

    /* split portfolio */
    .home-split-portfolio.vh-100 { height: calc(100vh - 70px) !important; }
    .home-split-portfolio .title-large { font-size: 90px; line-height: 90px; }

    /* coming soon v2 */
    .show-notify-popup .mfp-container { padding-top: 30px; }
    
    /* landing page */
    .litho-landing-header .navbar-brand:after { display: none; }
    .litho-parallax-bg { width: 60%; right: -90px;}
    .customer-bg-section { display: none; }
    .landing-page-footer .title-large-2 { font-size: 54px; line-height: 64px; }
    .landing-page-auto-slider .swiper.swiper-auto-slide .swiper-slide { width: 60% !important; }
    
    /* text shadow */
    .md-no-text-shadow { text-shadow: none;}
    
    /* cookie message */
    .gdpr-container .gdpr-content { display: block; margin-right: 0; margin-bottom: 15px;}
    
    /* consulting */
    .home-dentist .popup-youtube.absolute-middle-center { left: 50%; }
}

@media only screen and (max-width: 991px) and (orientation: landscape) {
    /* home decor */
    .home-decor .zeus { transform: translateX(-50%) !important; top: 90% !important; }

    /*home spa salon*/
    .home-spa-salon .img img { width: 220px !important; }
    .home-spa-salon .rev_slider_wrapper { height: 450px !important; }

    /*coming soon*/
    .coming-soon .tp-fullwidth-forcer ,.coming-soon .rev_slider_wrapper { height: 450px !important; }
    .coming-soon .logo img { width: 100px !important; }
    .coming-soon .coming-soon-text { font-size: 12px !important; line-height: 14px !important; min-width: 300px !important; }
    .coming-soon .coming-soon-icon i { font-size: 11px !important; }

    /*home architecture*/
    .home-architecture .rev_slider_wrapper { min-height: 400px !important; }
    .architecture-overlap { position: relative !important; }
    .home-architecture .tparrows.tp-rightarrow { transform: matrix(1, 0, 0, 1, -67, -67) !important; }
    .home-architecture .tparrows.tp-leftarrow { transform: matrix(1, 0, 0, 1, -67, -134) !important; }
    .home-architecture .architecture-title { font-size: 34px !important; line-height: 34px !important; }

    /*home startup*/
    .home-startup .rev_slider_wrapper { min-height: 450px; }

    /*home yoga meditation*/
    .home-yoga-meditation .rev_slider_wrapper { height: 350px !important; }
    .home-yoga-meditation .yoga-woman, .home-yoga-meditation .yoga-leaves { bottom: -140px; }
    .home-yoga-meditation .yoga-woman img { height: 275px !important; width: auto !important; }
    .home-yoga-meditation .yoga-main-text { font-size: 60px !important; top: 25px !important; }
    .home-yoga-meditation .yoga-small-text { font-size: 15px !important; line-height: 20px !important; }
    .home-yoga-meditation .yoga-top-line { transform: matrix(1, 0, 0, 1, 0, 19) !important; min-width: 420px !important; }
    .home-yoga-meditation .yoga-bottom-line { transform: matrix(1, 0, 0, 1, 0, 36) !important; min-width: 400px !important; }

    /*home furniture shop*/
    .home-furniture-shop, .home-furniture-shop .rev_slider_wrapper { height: 350px !important; }
    
    /*home vertical portfolio*/
    .home-vertical-portfolio .slider-vertical { height: 100% !important; }
    
    /* maintenance */
    .maintenance .maintenance-title { font-size: 28px !important; line-height: 30px !important; padding-top: 20px !important; }

    /* height */
    .md-landscape-h-300px { height: 300px !important; }
    .md-landscape-h-350px { height: 350px !important; }
    .md-landscape-h-400px { height: 400px !important; }
    .md-landscape-h-450px { height: 450px !important; }
    .md-landscape-h-500px { height: 500px !important; }
    .md-landscape-h-520px { height: 520px !important; }
    .md-landscape-h-550px { height: 550px !important; }
    .md-landscape-h-580px { height: 580px !important; }
    .md-landscape-h-600px { height: 600px !important; }
    .md-landscape-h-650px { height: 650px !important; }
    .md-landscape-h-700px { height: 700px !important; }
}

@media only screen and (max-width: 991px) and (min-width: 767px) and (orientation: landscape) {
    .home-hotel-resort .rev_slider_wrapper { min-height: 450px !important; }
    .home-startup .rev_slider_wrapper { min-height: 450px; }
}

@media (max-width: 778px) {
    /* home decor */
    .home-decor .rev_slider_wrapper { height: 540px; }
    .home-decor .zeus { transform:matrix(1, 0, 0, 1, -350, -59) !important }

    /* architecture */
    .home-architecture .tparrows.tp-leftarrow { transform: matrix(1, 0, 0, 1, -67, -234) !important; }
    .home-architecture .tparrows.tp-rightarrow { transform: matrix(1, 0, 0, 1, -67, -301) !important; }
}

@media (max-width: 767px) {
    /* reset */
    html { font-size: 11px }
    .xs-center-col { float:none; margin-left:auto; margin-right:auto; }
    section, section.extra-big-section { padding: 50px 0; }
    section.big-section { padding:80px 0; }
    .center-col-style .custom-col { flex: 0 0 100%; max-width: 100%; margin: 8px 0; }
    .sm-last-order { order: 10; }

    /* typography */
    p { margin: 0 0 15px }

    /* text size */
    .title-extra-small { font-size: 20px; line-height: 30px; }
    .title-large { font-size: 45px; line-height: 43px; }
    .title-extra-large { font-size: 50px; line-height:50px }
    .text-extra-big { font-size: 100px; line-height: 100px; }
    .text-big { font-size: 90px; line-height: 90px; }

    /* lineheight */
    .sm-line-height-0px { line-height: 0px; }
    .sm-line-height-8px { line-height: 8px; }
    .sm-line-height-10px { line-height: 10px; }
    .sm-line-height-14px { line-height: 14px; }
    .sm-line-height-15px { line-height: 15px; }
    .sm-line-height-16px { line-height: 16px; }
    .sm-line-height-18px { line-height: 18px; }
    .sm-line-height-20px { line-height: 20px; }
    .sm-line-height-22px { line-height: 22px; }
    .sm-line-height-24px { line-height: 24px; }
    .sm-line-height-26px { line-height: 26px; }
    .sm-line-height-28px { line-height: 28px; }
    .sm-line-height-30px { line-height: 30px; }
    .sm-line-height-32px { line-height: 32px; }
    .sm-line-height-34px { line-height: 34px; }
    .sm-line-height-36px { line-height: 36px; }
    .sm-line-height-38px { line-height: 38px; }
    .sm-line-height-40px { line-height: 40px; }
    .sm-line-height-50px { line-height: 50px; }
    .sm-line-height-140px { line-height: 140px; }
    .sm-line-height-normal { line-height: normal; }

    /* letter spacing minus */
    .sm-letter-spacing-minus-1-half { letter-spacing: -0.50px; }
    .sm-letter-spacing-minus-1px { letter-spacing: -1px; }
    .sm-letter-spacing-minus-2px { letter-spacing: -2px; }
    .sm-letter-spacing-minus-3px { letter-spacing: -3px; }
    .sm-letter-spacing-minus-4px { letter-spacing: -4px; }
    .sm-letter-spacing-minus-5px { letter-spacing: -5px; }

    /* absolute middle center */
    .sm-absolute-middle-center { left: 50%; top: 50%; position: absolute; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

    /* background image */
    .sm-background-image-none { background: inherit !important; }
    .sm-background-position-left { background-position: left center; }
    .sm-background-position-right { background-position: right center; }
    .sm-background-position-top { background-position: right top; }
    .sm-background-position-center { background-position: center; }
    .sm-background-position-left-top { background-position: left top; }

    /* box shadow */
    .sm-box-shadow-none { box-shadow: none; }

    /* video */
    .html-video-play .play-icon { padding-left: 5px; }
    .html-video-play .pause-icon { font-size: 22px; padding-left: 0; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    /* display and overflow */
    .sm-d-initial { display: initial !important; }
    .sm-overflow-hidden { overflow:hidden !important; }
    .sm-overflow-visible { overflow:visible !important; }
    .sm-overflow-auto { overflow:auto !important; }

    /* position */
    .sm-position-relative { position: relative !important; }
    .sm-position-absolute { position: absolute !important; }
    .sm-position-fixed { position: fixed !important; }
    .sm-position-inherit { position: inherit !important; }
    .sm-position-initial { position: initial !important; }

    /* top */
    .sm-top-0px { top: 0; }
    .sm-top-1px { top: 1px; }
    .sm-top-2px { top: 2px; }
    .sm-top-3px { top: 3px; }
    .sm-top-4px { top: 4px; }
    .sm-top-5px { top: 5px; }
    .sm-top-6px { top: 6px; }
    .sm-top-7px { top: 7px; }
    .sm-top-8px { top: 8px; }
    .sm-top-9px { top: 9px; }
    .sm-top-10px { top: 10px; }
    .sm-top-15px { top: 15px; }
    .sm-top-20px { top: 20px; }
    .sm-top-25px { top: 25px; }
    .sm-top-30px { top: 30px; }
    .sm-top-35px { top: 35px; }
    .sm-top-40px { top: 40px; }
    .sm-top-45px { top: 45px; }
    .sm-top-50px { top: 50px; }
    .sm-top-auto { top:auto; }
    .sm-top-inherit { top:inherit; }

    /* top minus */
    .sm-top-minus-1px { top: -1px; }
    .sm-top-minus-2px { top: -2px; }
    .sm-top-minus-3px { top: -3px; }
    .sm-top-minus-4px { top: -4px; }
    .sm-top-minus-5px { top: -5px; }
    .sm-top-minus-6px { top: -6px; }
    .sm-top-minus-7px { top: -7px; }
    .sm-top-minus-8px { top: -8px; }
    .sm-top-minus-9px { top: -9px; }
    .sm-top-minus-10px { top: -10px; }
    .sm-top-minus-15px { top: -15px; }
    .sm-top-minus-20px { top: -20px; }
    .sm-top-minus-25px { top: -25px; }
    .sm-top-minus-30px { top: -30px; }
    .sm-top-minus-35px { top: -35px; }
    .sm-top-minus-40px { top: -40px; }
    .sm-top-minus-45px { top: -45px; }
    .sm-top-minus-50px { top: -50px; }

    /* bottom */
    .sm-bottom-0px { bottom:0; }
    .sm-bottom-1px { bottom:1px; }
    .sm-bottom-2px { bottom:2px; }
    .sm-bottom-3px { bottom:3px; }
    .sm-bottom-4px { bottom:4px; }
    .sm-bottom-5px { bottom:5px; }
    .sm-bottom-6px { bottom:6px; }
    .sm-bottom-7px { bottom:7px; }
    .sm-bottom-8px { bottom:8px; }
    .sm-bottom-9px { bottom:9px; }
    .sm-bottom-10px { bottom:10px; }
    .sm-bottom-15px { bottom:15px; }
    .sm-bottom-20px { bottom:20px; }
    .sm-bottom-25px { bottom:25px; }
    .sm-bottom-30px { bottom:30px; }
    .sm-bottom-35px { bottom:35px; }
    .sm-bottom-40px { bottom:40px; }
    .sm-bottom-45px { bottom:45px; }
    .sm-bottom-50px { bottom:50px; }
    .sm-bottom-55px { bottom:55px; }
    .sm-bottom-60px { bottom:60px; }
    .sm-bottom-auto { bottom: auto; }
    .sm-bottom-inherit { bottom: inherit; }

    /* bottom minus */
    .sm-bottom-minus-1px { bottom: -1px; }
    .sm-bottom-minus-2px { bottom: -2px; }
    .sm-bottom-minus-3px { bottom: -3px; }
    .sm-bottom-minus-4px { bottom: -4px; }
    .sm-bottom-minus-5px { bottom: -5px; }
    .sm-bottom-minus-6px { bottom: -6px; }
    .sm-bottom-minus-7px { bottom: -7px; }
    .sm-bottom-minus-8px { bottom: -8px; }
    .sm-bottom-minus-9px { bottom: -9px; }
    .sm-bottom-minus-10px { bottom: -10px; }
    .sm-bottom-minus-15px { bottom: -15px; }
    .sm-bottom-minus-20px { bottom: -20px; }
    .sm-bottom-minus-25px { bottom: -25px; }
    .sm-bottom-minus-30px { bottom: -30px; }
    .sm-bottom-minus-35px { bottom: -35px; }
    .sm-bottom-minus-40px { bottom: -40px; }
    .sm-bottom-minus-45px { bottom: -45px; }
    .sm-bottom-minus-50px { bottom: -50px; }

    /* right */
    .sm-right-0px { right: 0; }
    .sm-right-1px { right: 1px; }
    .sm-right-2px { right: 2px; }
    .sm-right-3px { right: 3px; }
    .sm-right-4px { right: 4px; }
    .sm-right-5px { right: 5px; }
    .sm-right-6px { right: 6px; }
    .sm-right-7px { right: 7px; }
    .sm-right-8px { right: 8px; }
    .sm-right-9px { right: 9px; }
    .sm-right-10px { right: 10px; }
    .sm-right-15px { right: 15px; }
    .sm-right-20px { right: 20px; }
    .sm-right-25px { right: 25px; }
    .sm-right-30px { right: 30px; }
    .sm-right-35px { right: 35px; }
    .sm-right-40px { right: 40px; }
    .sm-right-45px { right: 45px; }
    .sm-right-50px { right: 50px; }
    .sm-right-auto { right: auto; }
    .sm-right-inherit { right: inherit; }

    /* right minus */
    .sm-right-minus-1px { right: -1px; }
    .sm-right-minus-2px { right: -2px; }
    .sm-right-minus-3px { right: -3px; }
    .sm-right-minus-4px { right: -4px; }
    .sm-right-minus-5px { right: -5px; }
    .sm-right-minus-6px { right: -6px; }
    .sm-right-minus-7px { right: -7px; }
    .sm-right-minus-8px { right: -8px; }
    .sm-right-minus-9px { right: -9px; }
    .sm-right-minus-10px { right: -10px; }
    .sm-right-minus-15px { right: -15px; }
    .sm-right-minus-20px { right: -20px; }
    .sm-right-minus-25px { right: -25px; }
    .sm-right-minus-30px { right: -30px; }
    .sm-right-minus-35px { right: -35px; }
    .sm-right-minus-40px { right: -40px; }
    .sm-right-minus-45px { right: -45px; }
    .sm-right-minus-50px { right: -50px; }

    /* left */
    .sm-left-0px { left: 0; }
    .sm-left-1px { left: 1px; }
    .sm-left-2px { left: 2px; }
    .sm-left-3px { left: 3px; }
    .sm-left-4px { left: 4px; }
    .sm-left-5px { left: 5px; }
    .sm-left-6px { left: 6px; }
    .sm-left-7px { left: 7px; }
    .sm-left-8px { left: 8px; }
    .sm-left-9px { left: 9px; }
    .sm-left-10px { left: 10px; }
    .sm-left-15px { left: 15px; }
    .sm-left-20px { left: 20px; }
    .sm-left-25px { left: 25px; }
    .sm-left-30px { left: 30px; }
    .sm-left-35px { left: 35px; }
    .sm-left-40px { left: 40px; }
    .sm-left-45px { left: 45px; }
    .sm-left-50px { left: 50px; }
    .sm-left-55px { left: 55px; }
    .sm-left-60px { left: 60px; }
    .sm-left-auto { left: auto; }
    .sm-left-inherit { left: inherit; }

    /* left minus */
    .sm-left-minus-1px { left: -1px; }
    .sm-left-minus-2px { left: -2px; }
    .sm-left-minus-3px { left: -3px; }
    .sm-left-minus-4px { left: -4px; }
    .sm-left-minus-5px { left: -5px; }
    .sm-left-minus-6px { left: -6px; }
    .sm-left-minus-7px { left: -7px; }
    .sm-left-minus-8px { left: -8px; }
    .sm-left-minus-9px { left: -9px; }
    .sm-left-minus-10px { left: -10px; }
    .sm-left-minus-15px { left: -15px; }
    .sm-left-minus-20px { left: -20px; }
    .sm-left-minus-25px { left: -25px; }
    .sm-left-minus-30px { left: -30px; }
    .sm-left-minus-35px { left: -35px; }
    .sm-left-minus-40px { left: -40px; }
    .sm-left-minus-45px { left: -45px; }
    .sm-left-minus-50px { left: -50px; }

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

    /* height */
    .sm-h-1px { height: 1px !important; }
    .sm-h-2px { height: 2px !important; }
    .sm-h-3px { height: 3px !important; }
    .sm-h-4px { height: 4px !important; }
    .sm-h-5px { height: 5px !important; }
    .sm-h-6px { height: 6px !important; }
    .sm-h-7px { height: 7px !important; }
    .sm-h-8px { height: 8px !important; }
    .sm-h-9px { height: 9px !important; }
    .sm-h-10px { height: 10px !important; }
    .sm-h-20px { height: 20px !important; }
    .sm-h-30px { height: 30px !important; }
    .sm-h-40px { height: 40px !important; }
    .sm-h-42px { height: 42px !important; }
    .sm-h-50px { height: 50px !important; }
    .sm-h-60px { height: 60px !important; }
    .sm-h-70px { height: 70px !important; }
    .sm-h-80px { height: 80px !important; }
    .sm-h-90px { height: 90px !important; }
    .sm-h-100px { height: 100px !important; }
    .sm-h-110px { height: 110px !important; }
    .sm-h-120px { height: 120px !important; }
    .sm-h-130px { height: 130px !important; }
    .sm-h-140px { height: 140px !important; }
    .sm-h-150px { height: 150px !important; }
    .sm-h-160px { height: 160px !important; }
    .sm-h-170px { height: 170px !important; }
    .sm-h-180px { height: 180px !important; }
    .sm-h-190px { height: 190px !important; }
    .sm-h-200px { height: 200px !important; }
    .sm-h-250px { height: 250px !important; }
    .sm-h-300px { height: 300px !important; }
    .sm-h-350px { height: 350px !important; }
    .sm-h-400px { height: 400px !important; }
    .sm-h-450px { height: 450px !important; }
    .sm-h-500px { height: 500px !important; }
    .sm-h-520px { height: 520px !important; }
    .sm-h-550px { height: 550px !important; }
    .sm-h-580px { height: 580px !important; }
    .sm-h-600px { height: 600px !important; }
    .sm-h-650px { height: 650px !important; }
    .sm-h-700px { height: 700px !important; }
    .sm-h-720px { height: 720px !important; }
    .sm-h-750px { height: 750px !important; }
    .sm-h-800px { height: 800px !important; }
    .sm-h-820px { height: 820px !important; }
    .sm-h-830px { height: 830px !important; }
    .sm-h-850px { height: 850px !important; }

    .sm-h-50 { height: 50% !important; }
    .sm-h-100 { height: 100% !important; }
    .sm-h-auto { height:auto !important; }

    /* min-height */
    .sm-min-h-100px { min-height: 100px; }
    .sm-min-h-200px { min-height: 200px; }
    .sm-min-h-300px { min-height: 300px; }
    .sm-min-h-400px { min-height: 400px; }
    .sm-min-h-500px { min-height: 500px; }
    .sm-min-h-600px { min-height: 600px; }
    .sm-min-h-700px { min-height: 700px; }

    /* screen height */
    .one-fifth-screen { height:600px; }
    .one-fourth-screen { height:500px; }
    .one-third-screen { height:350px; }
    .one-second-screen { height:300px; }
    .extra-small-screen { height:250px; }

    /* magnific popup */
    button.mfp-arrow, .mfp-arrow:active { height: 50px; width: 50px; margin-top: -25px; opacity: 1; }
    .mfp-arrow:before { margin: 0 auto; width: 100%; height: 100%; display: inline-block; vertical-align: middle; text-align: center; line-height: 50px; border: 0; }

    /* content box image */
    .content-box-image { height: 100%; }

    /* slider navigation */
    .swiper-prev, .swiper-next { font-size: 16px; }
    .swiper-next i, .swiper-prev i { height: 35px; width: 35px; line-height: 35px; }
    .swiper-prev { left: 5px; }
    .swiper-next { right: 5px; }

    /* slider navigation style 08 */
    .slider-navigation-style-08.swiper-button-next.rounded-circle { right: 10px; width: 35px; height: 35px; }
    .slider-navigation-style-08.swiper-button-prev.rounded-circle { left: 10px; width: 35px; height: 35px; }

    /* swiper custom text */
    .slider-custom-text-prev.swiper-button-prev { padding-right: 30px; }
    .slider-custom-text-next.swiper-button-next { padding-left: 30px; }

    /* swiper vertical */
    .slider-vertical .swiper-number-pagination { bottom: 30px; }

    /* swiper pagination */
    .slider-multy-scroll-right > .swiper-pagination-bullets { right: 40px; }

    /* grid */
    .grid.sm-grid-6col li { width: 16.67%; }
    .grid.sm-grid-6col li.grid-item-double { width: 33.33%; }
    .grid.sm-grid-5col li { width: 20%; }
    .grid.sm-grid-5col li.grid-item-double { width: 40%; }
    .grid.sm-grid-4col li { width: 25%; }
    .grid.sm-grid-4col li.grid-item-double { width: 50%; }
    .grid.sm-grid-3col li { width: 33.33%; }
    .grid.sm-grid-3col li.grid-item-double { width: 66.67%; }
    .grid.sm-grid-2col li { width: 50%; }
    .grid.sm-grid-2col li.grid-item-double { width: 100%; }
    .grid.sm-grid-1col li { width: 100%; }

    /* gutter type */
    .grid.gutter-small { margin: 0 -7px; }
    .grid.gutter-small li { padding:7px 7px; }
    .grid.gutter-extra-large li { padding:15px; }
    .grid.gutter-extra-large { margin:0 -15px; }
    .grid.gutter-double-extra-large li { padding: 15px; }
    .grid.gutter-medium { margin: 0 -7px; }
    .grid.gutter-medium li { padding: 7px 7px }
    .grid.gutter-large { margin: 0 -10px; }
    .grid.gutter-large li { padding: 10px 10px }

    /* portfolio scattered */
    .portfolio-scattered.row-cols-xl-4 .col:nth-child(odd) .portfolio-box { padding: 0 0 10%; }
    .portfolio-scattered.row-cols-xl-4 .col:nth-child(even) .portfolio-box { padding: 0 10% 10%; }

    /* interactive banner style 05 */
    .interactive-banners-style-05 .interactive-banners-content, .interactive-banners-style-05 .interactive-banners-overlayer { transform: translateY(calc(100% - 115px)); -webkit-transform: translateY(calc(100% - 115px)); -moz-transform: translateY(calc(100% - 115px)); -ms-transform: translateY(calc(100% - 115px)); }

    /* interactive banner style 09 */
    .interactive-banners-style-09 .interactive-banners-content .interactive-banners-hover-icon { left: 35px; bottom: 35px; }

    /* accordion style 04 */
    .accordion-style-04 .panel { padding-left: 20px; padding-right: 20px; }
    .accordion-style-04 .panel .panel-time { min-width: 115px; }
    .accordion-style-04 .panel .accordion-toggle { width: calc(100% - 330px); }
    .accordion-style-04 .panel .panel-body { margin-left: 115px; width: 70%; }    

    /* time table */
    .time-table .panel .panel-time, .time-table .panel .panel-speaker { width: 100%; text-align: center; }
    .time-table .panel .panel-body { width: 100%; }

    /* tab */
    .nav-tabs > li { padding: 0; display: block; margin-bottom: 10px; width: 100%; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav-tabs > li > a:focus, .nav-tabs > li > a:hover { border: none; }
    .nav-tabs > li.nav-item { padding: 0; }

    /* tab style 01 */
    .tab-style-01 .nav-tabs { display: table; width: 100%;}
    .tab-style-01 .nav-tabs > li.nav-item { padding: 0; margin: 0 auto 20px; display: inherit; width: auto; }
    .tab-style-01 .nav-tabs > li.nav-item > a.nav-link { display: inline-block; }

    /* tab style 02 */
    .tab-style-02 .nav-tabs > li.nav-item { margin: 0 0 15px 0;}
    .tab-style-02 .nav-tabs > li.nav-item:last-child { margin-bottom: 0;}

    /* tab style 03 */
    .tab-style-03 .nav-tabs > li.nav-item { padding: 0; margin-bottom: 30px; border: 0; }

    /* tab style 04 */
    .tab-style-04 .nav-tabs > li.nav-item { width: auto; }

    /* tab style 05 */
    .tab-style-05 .nav-tabs li { margin-bottom: 5px; }

    /* tab style 06 */
    .tab-style-06 .nav-tabs { border-bottom: none; }
    .tab-style-06 .nav-tabs > li.nav-item { width: 100%; border-bottom: 1px solid rgba(0,0,0,0.10); }
    .tab-style-06 .nav-tabs > li.nav-item > a.nav-link { padding: 15px 20px; }

    /* tab style 07 */
    .tab-style-07 .nav-tabs { -ms-flex-wrap: wrap; flex-wrap: wrap; }
    .tab-style-07 .nav-tabs > li.nav-item { border-bottom: 1px solid #e4e4e4; }
    .tab-style-07 .nav-tabs > li.nav-item > a.nav-link { padding: 10px 30px 8px 30px; }

    /* process step style 04 */
    .process-step-style-04 .process-content { padding-top: 40px; }

    /* grid filter */
    .grid-filter > li.active > a, .grid-filter > li.active > a:focus, .grid-filter > li.active > a:hover, .grid-filter > li > a:hover { border-bottom: 1px solid; }

    /* newsletter style 01 */
    .newsletter-style-01 input { padding-right: 20px; }

    /* table style 01 */
    .table-style-01 table { width: 600px; }

    /* pricing table style 02 */
    .pricing-table-style-02 .pricing-popular { left: 0; width: 100%; }

    /* countdown style 02 */
    .countdown.countdown-style-02 .countdown-box { padding: 0 15px; }

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

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

    /* border */
    .sm-border-all { border: 1px solid; }
    .sm-border-top { border-top: 1px solid; }
    .sm-border-bottom { border-bottom: 1px solid; }
    .sm-border-left { border-left: 1px solid; }
    .sm-border-right { border-right: 1px solid; }
    .sm-border-lr { border-left: 1px solid; border-right: 1px solid; }
    .sm-border-tb { border-top: 1px solid; border-bottom: 1px solid; }

    /* border color */
    .sm-border-color-white { border-color: #fff; }
    .sm-border-color-black { border-color: #000; }
    .sm-border-color-sky-blue { border-color: #2e94eb; }
    .sm-border-color-extra-dark-gray { border-color: #232323; }
    .sm-border-color-medium-dark-gray { border-color: #363636; }
    .sm-border-color-dark-gray { border-color: #939393; }
    .sm-border-color-extra-medium-gray { border-color: #dbdbdb; }
    .sm-border-color-medium-gray { border-color: #e4e4e4; }
    .sm-border-color-extra-light-gray { border-color: #ededed; }
    .sm-border-color-light-gray { border-color: #f5f5f5; }
    .sm-border-color-light-pink { border-color: #862237; }
    .sm-border-color-deep-pink { border-color: #ff214f; }
    .sm-border-color-pink { border-color: #ff357c; }
    .sm-border-color-fast-blue { border-color: #0038e3; }
    .sm-border-color-orange { border-color: #ff6437; }
    .sm-border-color-green { border-color: #45d690; }
    .sm-border-color-golden { border-color: #d0ba6d; }
    .sm-border-color-persian-blue { border-color: #0039CC; }
    .sm-border-color-purple { border-color: #7342ac; }
    .sm-border-color-parrot-green { border-color: #cee002; }
    .sm-border-color-dark-red { border-color: #e12837; }

    /* transparent border */
    .sm-border-color-transparent { border-color: transparent; }
    .sm-border-color-black-transparent { border-color: rgba(0,0,0,.1); }
    .sm-border-color-white-transparent { border-color: rgba(255,255,255,.1); }
    .sm-border-color-golden-transparent { border-color: rgba(208, 186, 109, 0.2); }
    .sm-border-color-pink-transparent { border-color: rgba(255, 33, 79, 0.45); }
    .sm-border-color-dark-white-transparent { border-color: rgba(255,255,255,0.2); }
    .sm-border-color-medium-white-transparent { border-color: rgba(255,255,255,0.4); }
    .sm-border-color-full-dark-white-transparent { border-color: rgba(255,255,255,0.05); }
    .sm-border-color-light-white-transparent { border-color: rgba(255,255,255,0.1); }
    .sm-border-color-nero-transparent { border-color: rgba(25,25,25,0.1); }
    .sm-border-color-extra-medium-gray-transparent { border-color: rgba(219,219,219,.04); }

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

    /* navigation */
    .navbar-toggler { margin-left: 0;}
    .navbar-nav { padding-left: 0; padding-right: 0; }
    .navbar.navbar-boxed { padding-left: 0; padding-right: 0; }
    .navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid, .navbar-expand-lg>.container-lg, .navbar-expand-lg>.container-md, .navbar-expand-lg>.container-sm, .navbar-expand-lg>.container-xl { padding-right: 0; padding-left: 0; }
    .top-bar .container-lg { padding-left: 0; padding-right: 0;}
    header .top-bar + .navbar.fixed-top { top: 0; }

    /* hamburger menu */
    .hamburger-menu { width: 100%; min-width: 0; }
    .hamburger-menu .close-button-menu { top: 0; right: 0; }
    .hamburger-menu.menu-full-width .hamburger-menu-wrepper { width: 100%; }
    .hamburger-menu.menu-full-width .menu-list { width: 90%; }
    .hamburger-menu.menu-half-width { width: 100%; }

    /* hamburger menu big text */
    .hamburger-menu-big-font .menu-list li { padding: 10px 0; }
    .hamburger-menu-big-font .menu-list li a { font-size: 24px; line-height: 30px; }
    .hamburger-menu-big-font .menu-list li .menu-toggle { top: 27px; }
    .hamburger-menu-big-font .menu-list li .sub-menu-item { padding: 15px 0 0 15px; }

    /* header sidebar */
    .sidebar-nav-action, .side-menu-header { padding-left: 15px; padding-right: 15px; }

    /* page title */
    .page-title-small span { margin-left: 0; padding-left: 0; }
    .page-title-small span:before { display: none; }
    .page-title-large h1 { font-size: 30px; line-height: 40px; }

    /* blog side image */
    .blog-side-image .blog-post { padding: 20px; }
    .blog-side-image .blog-post:nth-child(odd) { padding-right: 20px; }
    .blog-side-image .blog-post:nth-child(even) { padding-left: 20px; }
    .blog-side-image .blog-post-image, .blog-side-image .post-details { width: 100%; }
    .blog-side-image .blog-post:nth-child(even) .blog-post-image { -ms-flex-order: 1; order: 1; }
    .blog-side-image .blog-post:nth-child(even) .post-details { -ms-flex-order: 2; order: 2; }
    .blog-side-image .avtar-image { width: 30px; margin-right: 15px; }
    .blog-side-image .separator { display: inline-block; }

    /* blog modern */
    .blog-modern .blog-post-image { margin-bottom: 100px; }

    /* sidebar */
    .shopping-left-side-bar .shopping-content, .blog-left-side-bar .blog-content { order: 1; -ms-flex-order: 1; }
    .shopping-left-side-bar .shopping-sidebar, .blog-right-side-bar .blog-content { order: 2; -ms-flex-order: 2; }

    /* video icons */
    .video-icon .video-icon-sonar .video-icon-sonar-bfr { top: -30px; left: -30px; }
    .video-icon .video-icon-sonar .video-icon-sonar-afr { top: -15px; left: -15px; }
    .video-icon-large .video-icon .video-icon-sonar .video-icon-sonar-bfr { top: -25px; left: -25px; }
    .video-icon-large .video-icon .video-icon-sonar .video-icon-sonar-afr { top: -10px; left: -10px; }
    .video-icon-medium .video-icon .video-icon-sonar .video-icon-sonar-bfr { top: -25px; left: -25px; }
    .video-icon-medium .video-icon .video-icon-sonar .video-icon-sonar-afr { top: -10px; left: -10px; }
    .video-icon-extra-large .video-icon .video-icon-sonar .video-icon-sonar-afr { top: -10px; left: -10px; }

    /* video icon size */
    .video-icon-double-large .video-icon { width: 80px; height: 80px; font-size: 28px; }
    .video-icon-double-large.video-icon-box .video-icon i { margin-left: 5px; }
    .video-icon-double-large .video-icon .video-icon-sonar .video-icon-sonar-bfr { width: 140px; height: 140px; }
    .video-icon-double-large .video-icon .video-icon-sonar .video-icon-sonar-afr { width: 110px; height: 110px; }

    /* notify popup */
    .mfp-auto-cursor .mfp-content.notify-popup { padding-top: 35px; padding-bottom: 35px;}
    .show-notify-popup .mfp-container { padding-top: 0; }
    .mfp-notify button.mfp-close { top: 0; right: 0; }

    /* accordion style 03 */
    .accordion-style-03 .panel { padding-left: 15px; padding-right: 15px; margin-bottom: 15px; }
    .accordion-style-03 .panel .panel-heading { padding: 15px 25px 15px 0; }

    /* cart and checkout page */
    .total-price-table td, .total-price-table th { padding-top: 15px; padding-bottom: 15px; }

    /* marketing agency */
    footer.home-marketing-agency .footer-horizontal-link li { margin-right: 0; }

    /* interactive list style */
    .fullscreen-hover-list .hover-list-item.active .interactive-number { transform: translateX(50px); -webkit-transform: translateX(50px); -moz-transform: translateX(50px); -ms-transform: translateX(50px); }
    .fullscreen-hover-list .hover-list-item .interactive-line { width: 20px; margin-left: 25px; }
    .fullscreen-hover-list .hover-list-item .interactive-title:after { left: 25px; bottom: 25px; }
    .fullscreen-hover-list .hover-list-item .interactive-title:hover:after { width: calc(100% - 40px); }

    /* interactive portfolio */
    .home-interactive-portfolio .fullscreen-hover-box .interactive-title { font-size: 35px; line-height: 35px; padding: 25px; }
    .fullscreen-hover-list .hover-list-item .interactive-icon { top: 1px; }

    /* photography */
    .home-photography .interactive-banners-style-13 .interactive-banners-image { width: 80%; }
    .home-photography .interactive-banners-style-13 .interactive-banners-content { width: 30%; }
    .home-photography .hover-option-2 .hover-option-content { width: 35%; }

    /* freelancer */
    .home-freelancer .title-extra-large-heavy { line-height: 70px; }
    .home-freelancer .title-extra-large { font-size: 65px; }
    .home-freelancer-bg-img { background: none !important; }

    /* hotel resort */
    .home-hotel-resort .book-now-btn { font-size: 11px !important; padding: 12px 24px !important; }
    .home-hotel-resort .rev_slider_wrapper { height: 450px !important; }

    /* swiper horizontal 3d */
    .swiper-horizontal-3d.swiper-container { padding-bottom: 0; }
    .swiper-horizontal-3d .swiper-slide.swiper-slide-prev, .swiper-horizontal-3d .swiper-slide.swiper-slide-next { opacity: .0; }
    .swiper-horizontal-3d .swiper-slide.swiper-slide-active { box-shadow: none; }

    /*home architecture*/
    .home-architecture .tparrows.tp-leftarrow { transform: translate(0) !important; bottom: 0; right: 0; top: auto !important; left: auto !important; }
    .home-architecture .tparrows.tp-rightarrow { transform: translate(0) !important; bottom: 67px; right: 0; top: auto !important; left: auto !important; }

    /* split slider */
    .home-split-portfolio .title-large { font-size: 70px; line-height: 65px; }

    /* elements social icon page */
    .elements-social .extra-small-icon li, .elements-social .small-icon li, .elements-social .medium-icon li, .elements-social .large-icon li, .elements-social .extra-large-icon li { margin-bottom: 20px; }

    .home-startup .tp-bullet { opacity: 0.5; height: 10px !important; width: 10px !important; }

    /*home decor*/
    .home-decor .tp-bullets { transform: translateX(-50%) !important; bottom: 30px !important; top: auto !important; }
    
    /* text shadow */
    .sm-no-text-shadow { text-shadow: none;}
    
    /* horizontal portfolio slider */
    .horizontal-portfolio-slider-main .horizontal-portfolio-slider .swiper-slide { height: auto;}
}

@media screen and (max-width: 575px) {
    /* reset */
    section.big-section { padding:50px 0; }
    .xs-last-order { order: 10; }

    /* text size */
    .text-extra-big-2 { font-size: 230px; line-height: 190px; }

    /* lineheight */
    .xs-line-height-0px { line-height: 0px; }
    .xs-line-height-8px { line-height: 8px; }
    .xs-line-height-10px { line-height: 10px; }
    .xs-line-height-14px { line-height: 14px; }
    .xs-line-height-15px { line-height: 15px; }
    .xs-line-height-16px { line-height: 16px; }
    .xs-line-height-18px { line-height: 18px; }
    .xs-line-height-20px { line-height: 20px; }
    .xs-line-height-22px { line-height: 22px; }
    .xs-line-height-24px { line-height: 24px; }
    .xs-line-height-26px { line-height: 26px; }
    .xs-line-height-28px { line-height: 28px; }
    .xs-line-height-30px { line-height: 30px; }
    .xs-line-height-32px { line-height: 32px; }
    .xs-line-height-34px { line-height: 34px; }
    .xs-line-height-36px { line-height: 36px; }
    .xs-line-height-38px { line-height: 38px; }
    .xs-line-height-40px { line-height: 40px; }
    .xs-line-height-50px { line-height: 50px; }
    .xs-line-height-140px { line-height: 140px; }
    .xs-line-height-normal { line-height: normal; }

    /* letter spacing minus */
    .xs-letter-spacing-minus-1-half { letter-spacing: -0.50px; }
    .xs-letter-spacing-minus-1px { letter-spacing: -1px; }
    .xs-letter-spacing-minus-2px { letter-spacing: -2px; }
    .xs-letter-spacing-minus-3px { letter-spacing: -3px; }
    .xs-letter-spacing-minus-4px { letter-spacing: -4px; }
    .xs-letter-spacing-minus-5px { letter-spacing: -5px; }

    /* absolute middle center */
    .xs-absolute-middle-center { left: 50%; top: 50%; position: absolute; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

    /* background image */
    .xs-background-image-none { background: inherit !important; }
    .xs-background-position-left { background-position: left center; }
    .xs-background-position-right { background-position: right center; }
    .xs-background-position-top { background-position: right top; }
    .xs-background-position-center { background-position: center; }
    .xs-background-position-left-top { background-position: left top; }

    /* overlap */
    .text-overlap-style-04 { font-size: 55px; line-height: 65px; }

    /* box shadow */
    .xs-box-shadow-none { box-shadow: none; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    /* display and overflow */
    .xs-d-initial { display: initial !important; }
    .xs-overflow-hidden { overflow:hidden !important; }
    .xs-overflow-visible { overflow:visible !important; }
    .xs-overflow-auto { overflow:auto !important; }

    /* position */
    .xs-position-relative { position: relative !important; }
    .xs-position-absolute { position: absolute !important; }
    .xs-position-fixed { position: fixed !important; }
    .xs-position-inherit { position: inherit !important; }
    .xs-position-initial { position: initial !important; }

    /* top */
    .xs-top-0px { top: 0; }
    .xs-top-1px { top: 1px; }
    .xs-top-2px { top: 2px; }
    .xs-top-3px { top: 3px; }
    .xs-top-4px { top: 4px; }
    .xs-top-5px { top: 5px; }
    .xs-top-6px { top: 6px; }
    .xs-top-7px { top: 7px; }
    .xs-top-8px { top: 8px; }
    .xs-top-9px { top: 9px; }
    .xs-top-10px { top: 10px; }
    .xs-top-15px { top: 15px; }
    .xs-top-20px { top: 20px; }
    .xs-top-25px { top: 25px; }
    .xs-top-30px { top: 30px; }
    .xs-top-35px { top: 35px; }
    .xs-top-40px { top: 40px; }
    .xs-top-45px { top: 45px; }
    .xs-top-50px { top: 50px; }
    .xs-top-auto { top:auto; }
    .xs-top-inherit { top:inherit; }

    /* top minus */
    .xs-top-minus-1px { top: -1px; }
    .xs-top-minus-2px { top: -2px; }
    .xs-top-minus-3px { top: -3px; }
    .xs-top-minus-4px { top: -4px; }
    .xs-top-minus-5px { top: -5px; }
    .xs-top-minus-6px { top: -6px; }
    .xs-top-minus-7px { top: -7px; }
    .xs-top-minus-8px { top: -8px; }
    .xs-top-minus-9px { top: -9px; }
    .xs-top-minus-10px { top: -10px; }
    .xs-top-minus-15px { top: -15px; }
    .xs-top-minus-20px { top: -20px; }
    .xs-top-minus-25px { top: -25px; }
    .xs-top-minus-30px { top: -30px; }
    .xs-top-minus-35px { top: -35px; }
    .xs-top-minus-40px { top: -40px; }
    .xs-top-minus-45px { top: -45px; }
    .xs-top-minus-50px { top: -50px; }

    /* bottom */
    .xs-bottom-0px { bottom:0; }
    .xs-bottom-1px { bottom:1px; }
    .xs-bottom-2px { bottom:2px; }
    .xs-bottom-3px { bottom:3px; }
    .xs-bottom-4px { bottom:4px; }
    .xs-bottom-5px { bottom:5px; }
    .xs-bottom-6px { bottom:6px; }
    .xs-bottom-7px { bottom:7px; }
    .xs-bottom-8px { bottom:8px; }
    .xs-bottom-9px { bottom:9px; }
    .xs-bottom-10px { bottom:10px; }
    .xs-bottom-15px { bottom:15px; }
    .xs-bottom-20px { bottom:20px; }
    .xs-bottom-25px { bottom:25px; }
    .xs-bottom-30px { bottom:30px; }
    .xs-bottom-35px { bottom:35px; }
    .xs-bottom-40px { bottom:40px; }
    .xs-bottom-45px { bottom:45px; }
    .xs-bottom-50px { bottom:50px; }
    .xs-bottom-55px { bottom:55px; }
    .xs-bottom-60px { bottom:60px; }
    .xs-bottom-auto { bottom: auto; }
    .xs-bottom-inherit { bottom: inherit; }

    /* bottom minus */
    .xs-bottom-minus-1px { bottom: -1px; }
    .xs-bottom-minus-2px { bottom: -2px; }
    .xs-bottom-minus-3px { bottom: -3px; }
    .xs-bottom-minus-4px { bottom: -4px; }
    .xs-bottom-minus-5px { bottom: -5px; }
    .xs-bottom-minus-6px { bottom: -6px; }
    .xs-bottom-minus-7px { bottom: -7px; }
    .xs-bottom-minus-8px { bottom: -8px; }
    .xs-bottom-minus-9px { bottom: -9px; }
    .xs-bottom-minus-10px { bottom: -10px; }
    .xs-bottom-minus-15px { bottom: -15px; }
    .xs-bottom-minus-20px { bottom: -20px; }
    .xs-bottom-minus-25px { bottom: -25px; }
    .xs-bottom-minus-30px { bottom: -30px; }
    .xs-bottom-minus-35px { bottom: -35px; }
    .xs-bottom-minus-40px { bottom: -40px; }
    .xs-bottom-minus-45px { bottom: -45px; }
    .xs-bottom-minus-50px { bottom: -50px; }

    /* right */
    .xs-right-0px { right: 0; }
    .xs-right-1px { right: 1px; }
    .xs-right-2px { right: 2px; }
    .xs-right-3px { right: 3px; }
    .xs-right-4px { right: 4px; }
    .xs-right-5px { right: 5px; }
    .xs-right-6px { right: 6px; }
    .xs-right-7px { right: 7px; }
    .xs-right-8px { right: 8px; }
    .xs-right-9px { right: 9px; }
    .xs-right-10px { right: 10px; }
    .xs-right-15px { right: 15px; }
    .xs-right-20px { right: 20px; }
    .xs-right-25px { right: 25px; }
    .xs-right-30px { right: 30px; }
    .xs-right-35px { right: 35px; }
    .xs-right-40px { right: 40px; }
    .xs-right-45px { right: 45px; }
    .xs-right-50px { right: 50px; }
    .xs-right-auto { right: auto; }
    .xs-right-inherit { right: inherit; }

    /* right minus */
    .xs-right-minus-1px { right: -1px; }
    .xs-right-minus-2px { right: -2px; }
    .xs-right-minus-3px { right: -3px; }
    .xs-right-minus-4px { right: -4px; }
    .xs-right-minus-5px { right: -5px; }
    .xs-right-minus-6px { right: -6px; }
    .xs-right-minus-7px { right: -7px; }
    .xs-right-minus-8px { right: -8px; }
    .xs-right-minus-9px { right: -9px; }
    .xs-right-minus-10px { right: -10px; }
    .xs-right-minus-15px { right: -15px; }
    .xs-right-minus-20px { right: -20px; }
    .xs-right-minus-25px { right: -25px; }
    .xs-right-minus-30px { right: -30px; }
    .xs-right-minus-35px { right: -35px; }
    .xs-right-minus-40px { right: -40px; }
    .xs-right-minus-45px { right: -45px; }
    .xs-right-minus-50px { right: -50px; }

    /* left */
    .xs-left-0px { left: 0; }
    .xs-left-1px { left: 1px; }
    .xs-left-2px { left: 2px; }
    .xs-left-3px { left: 3px; }
    .xs-left-4px { left: 4px; }
    .xs-left-5px { left: 5px; }
    .xs-left-6px { left: 6px; }
    .xs-left-7px { left: 7px; }
    .xs-left-8px { left: 8px; }
    .xs-left-9px { left: 9px; }
    .xs-left-10px { left: 10px; }
    .xs-left-15px { left: 15px; }
    .xs-left-20px { left: 20px; }
    .xs-left-25px { left: 25px; }
    .xs-left-30px { left: 30px; }
    .xs-left-35px { left: 35px; }
    .xs-left-40px { left: 40px; }
    .xs-left-45px { left: 45px; }
    .xs-left-50px { left: 50px; }
    .xs-left-55px { left: 55px; }
    .xs-left-60px { left: 60px; }
    .xs-left-auto { left: auto; }
    .xs-left-inherit { left: inherit; }

    /* left minus */
    .xs-left-minus-1px { left: -1px; }
    .xs-left-minus-2px { left: -2px; }
    .xs-left-minus-3px { left: -3px; }
    .xs-left-minus-4px { left: -4px; }
    .xs-left-minus-5px { left: -5px; }
    .xs-left-minus-6px { left: -6px; }
    .xs-left-minus-7px { left: -7px; }
    .xs-left-minus-8px { left: -8px; }
    .xs-left-minus-9px { left: -9px; }
    .xs-left-minus-10px { left: -10px; }
    .xs-left-minus-15px { left: -15px; }
    .xs-left-minus-20px { left: -20px; }
    .xs-left-minus-25px { left: -25px; }
    .xs-left-minus-30px { left: -30px; }
    .xs-left-minus-35px { left: -35px; }
    .xs-left-minus-40px { left: -40px; }
    .xs-left-minus-45px { left: -45px; }
    .xs-left-minus-50px { left: -50px; }

   
    /* min-height */
    .xs-min-h-100px { min-height: 100px; }
    .xs-min-h-200px { min-height: 200px; }
    .xs-min-h-300px { min-height: 300px; }
    .xs-min-h-400px { min-height: 400px; }
    .xs-min-h-500px { min-height: 500px; }
    .xs-min-h-600px { min-height: 600px; }
    .xs-min-h-700px { min-height: 700px; }

    /* screen height */
    .small-screen { height: 280px; }

    /* interactive banner style 05 */
    .interactive-banners-style-05 .interactive-banners-content, .interactive-banners-style-05 .interactive-banners-overlayer {  transform: translateY(calc(100% - 105px)); -webkit-transform: translateY(calc(100% - 105px)); -moz-transform: translateY(calc(100% - 105px)); -ms-transform: translateY(calc(100% - 105px));  }

    /* interactive banner style 09 */
    .interactive-banners-style-09 .interactive-banners-content .interactive-banners-hover-icon { left: 5rem; bottom: 5rem; }

    /* accordion style 04 */
    .accordion-style-04 .panel .panel-time { min-width: 100%; padding-right: 15px;}
    .accordion-style-04 .panel .accordion-toggle { width: 100%; }
    .accordion-style-04 .panel .panel-body { margin-left: 0; width: 100%; }

    /* accordion style 05 */
    .accordion-style-05 .panel .panel-heading { padding: 15px 60px 15px 20px; }
    .accordion-style-05 .panel .panel-heading.active-accordion { padding-top: 20px; }
    .accordion-style-05 .panel .panel-body { padding: 0 40px 20px 20px; }
    .accordion-style-05 .panel .collapse.show .panel-body, .accordion-style-05 .panel .collapsing .panel-body { padding-bottom: 20px; }
    .accordion-style-05 .panel .panel-heading.active-accordion i { top: 50%; }

    /* table style 01 */
    .table-style-01 + .mfp-close { width: 34px; height: 34px; line-height: 34px; }

    /* tab style 04 */
    .tab-style-04 .nav-tabs > li.nav-item { width: 100%; }

    /* process step style 02 */
    .process-step-style-02 .process-step-icon-wrap { margin-right: 25px; }

    /* process step style 03 */
    .process-step-style-03 .process-step-item-box .process-step-item-box-bfr { width: calc(100% - 50px); left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); }

    /* countdown style 02 */
    .countdown.countdown-style-02 .countdown-box { margin-bottom: 15px; padding: 0 15px; width: 50%; }
    .countdown.countdown-style-02 .countdown-box:nth-child(2):after { display: none; }
    .countdown.countdown-style-02 .countdown-box .number { margin: 0 auto;}

    /* countdown style 03 */
    .countdown.countdown-style-03 .countdown-box { margin-bottom: 15px; padding: 0 15px; width: 50%; }
    .countdown.countdown-style-03 .countdown-box:nth-child(2):after { display: none; }
    .countdown.countdown-style-03 .countdown-box .number { margin: 0 auto;}

    /* newsletter style 04 */
    .newsletter-style-04 input { padding-right: 25px; }
    .newsletter-style-04 .btn { position: static; top: inherit; right: inherit; transform: translateY(0px); border-radius: 6px; margin-top: 15px; padding: 12px 35px; height: auto; width: 100%;}

    /* button */
    .btn-dual .btn { margin-left: 4px; margin-right: 4px; }

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

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

    /* border */
    .xs-border-all { border: 1px solid; }
    .xs-border-top { border-top: 1px solid; }
    .xs-border-bottom { border-bottom: 1px solid; }
    .xs-border-left { border-left: 1px solid; }
    .xs-border-right { border-right: 1px solid; }
    .xs-border-lr { border-left: 1px solid; border-right: 1px solid; }
    .xs-border-tb { border-top: 1px solid; border-bottom: 1px solid; }

    /* border color */
    .xs-border-color-white { border-color: #fff; }
    .xs-border-color-black { border-color: #000; }
    .xs-border-color-sky-blue { border-color: #2e94eb; }
    .xs-border-color-extra-dark-gray { border-color: #232323; }
    .xs-border-color-medium-dark-gray { border-color: #363636; }
    .xs-border-color-dark-gray { border-color: #939393; }
    .xs-border-color-extra-medium-gray { border-color: #dbdbdb; }
    .xs-border-color-medium-gray { border-color: #e4e4e4; }
    .xs-border-color-extra-light-gray { border-color: #ededed; }
    .xs-border-color-light-gray { border-color: #f5f5f5; }
    .xs-border-color-light-pink { border-color: #862237; }
    .xs-border-color-deep-pink { border-color: #ff214f; }
    .xs-border-color-pink { border-color: #ff357c; }
    .xs-border-color-fast-blue { border-color: #0038e3; }
    .xs-border-color-orange { border-color: #ff6437; }
    .xs-border-color-green { border-color: #45d690; }
    .xs-border-color-golden { border-color: #d0ba6d; }
    .xs-border-color-persian-blue { border-color: #0039CC; }
    .xs-border-color-purple { border-color: #7342ac; }
    .xs-border-color-parrot-green { border-color: #cee002; }
    .xs-border-color-dark-red { border-color: #e12837; }

    /* transparent border */
    .xs-border-color-transparent { border-color: transparent; }
    .xs-border-color-black-transparent { border-color: rgba(0,0,0,.1); }
    .xs-border-color-white-transparent { border-color: rgba(255,255,255,.1); }
    .xs-border-color-golden-transparent { border-color: rgba(208, 186, 109, 0.2); }
    .xs-border-color-pink-transparent { border-color: rgba(255, 33, 79, 0.45); }
    .xs-border-color-dark-white-transparent { border-color: rgba(255,255,255,0.2); }
    .xs-border-color-medium-white-transparent { border-color: rgba(255,255,255,0.4); }
    .xs-border-color-full-dark-white-transparent { border-color: rgba(255,255,255,0.05); }
    .xs-border-color-light-white-transparent { border-color: rgba(255,255,255,0.1); }
    .xs-border-color-nero-transparent { border-color: rgba(25,25,25,0.1); }
    .xs-border-color-extra-medium-gray-transparent { border-color: rgba(219,219,219,.04); }

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

    /* header search form */
    .form-wrapper .search-form-box { width: 90%; }
    .search-form .search-input { font-size: 18px; padding: 8px 38px 8px 2px; line-height: 30px; }
    .form-wrapper .search-form .search-button { bottom: 26px; }
    .form-wrapper .search-close { top: 5px; right: 5px; }
    .header-search-icon, .header-cart-icon, .header-language, .header-push-button, .header-button { padding-left: 15px; }

    /* menu modern */
    .navbar-collapse-show[data-mobile-nav-style=modern] .navbar, .navbar-collapse-show[data-mobile-nav-style=modern] .page-layout, .navbar-collapse-show[data-mobile-nav-style=modern] .top-bar { -webkit-transform: translate3d(-85vw, 0, 0); transform: translate3d(-85vw, 0, 0); }
    [data-mobile-nav-style=modern] .navbar-modern-inner { width: 85vw; }
    [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-collapse { padding-right: 10vw; padding-left: 10vw; }
    [data-mobile-nav-style=modern][data-mobile-nav-trigger-alignment=left] .navbar-modern-inner { width: 85vw; }
    [data-mobile-nav-style=modern][data-mobile-nav-trigger-alignment=left] .navbar-modern-inner .navbar-collapse { padding-right: 10vw; padding-left: 10vw; }
    .navbar-collapse-show[data-mobile-nav-style=modern][data-mobile-nav-trigger-alignment=left] .navbar, .navbar-collapse-show[data-mobile-nav-style=modern][data-mobile-nav-trigger-alignment=left] .page-layout, .navbar-collapse-show[data-mobile-nav-style=modern][data-mobile-nav-trigger-alignment=left] .top-bar { -webkit-transform: translate3d(85vw, 0, 0); transform: translate3d(85vw, 0, 0); }

    /* full-screen-menu */
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-collapse { padding: 60px 0 }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-toggler { top: 20px; right: 20px; }

    /* push menu */
    .push-menu { width: 100%; }

    /* sidebar nav menu */
    .side-menu-button { right: 15px; left: inherit; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); }
    .menu-style-2 .sidebar-nav-menu { width: 100%; }
    .side-menu-header .side-menu-button { right: 15px; }

    /* hamburger menu */
    .menu-list-wrapper.menu-list-wrapper-small { max-height: calc(100vh - 60px); height: calc(100vh - 60px); }

    /* header push menu close button */
    .close-menu { right: 0; top: 0;}

    /* swiper carousel */
    .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-fraction { bottom: 30px; }

    /* swiper custom image bullets */
    .slider-custom-image.swiper-container-horizontal > .swiper-pagination-bullets { bottom: 0; }
    .slider-custom-image-pagination .swiper-pagination-bullet { width: 32px; height: 32px; margin: 0 7px !important; }

    /* slider navigation style 02 */
    .slider-navigation-style-02.swiper-button-prev { left: 0;}
    .slider-navigation-style-02.swiper-button-next { right: 0;}

    /* slider navigation style 05 */
    .slider-navigation-style-05.swiper-button-prev { left: 15px; }
    .slider-navigation-style-05.swiper-button-next { right: 15px; }

    /* slider navigation style 07 */
    .slider-navigation-style-07.swiper-button-prev.light { left: 0;}
    .slider-navigation-style-07.swiper-button-next.light { right: 0;}
    .slider-navigation-style-07.swiper-button-next { right: 10px;}
    .slider-navigation-style-07.swiper-button-prev { left: 10px;}

    /* swiper custom text */
    .slider-custom-text-prev.swiper-button-prev { padding-left: 8px; padding-right: 8px; }
    .slider-custom-text-next.swiper-button-next { padding-left: 8px; padding-right: 8px; }

    /* swiper vertical */
    .slider-vertical >.swiper-pagination-bullets { right: 15px; }

    /* swiper pagination */
    .slider-multy-scroll-right > .swiper-pagination-bullets { right: 15px; }

    /* grid */
    .grid.xs-grid-6col li { width: 16.67%; }
    .grid.xs-grid-6col li.grid-item-double { width: 33.33%; }
    .grid.xs-grid-5col li { width: 20%; }
    .grid.xs-grid-5col li.grid-item-double { width: 40%; }
    .grid.xs-grid-4col li { width: 25%; }
    .grid.xs-grid-4col li.grid-item-double { width: 50%; }
    .grid.xs-grid-3col li { width: 33.33%; }
    .grid.xs-grid-3col li.grid-item-double { width: 66.67%; }
    .grid.xs-grid-2col li { width: 50%; }
    .grid.xs-grid-2col li.grid-item-double { width: 100%; }
    .grid.xs-grid-1col li { width: 100%; }

    /* gutter size */
    .grid.gutter-medium, .grid.gutter-large { margin: 0 -15px; }
    .grid.gutter-medium li, .grid.gutter-large li { padding: 7px 15px }

    /* blog simple */
    .blog-simple .blog-post { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    .blog-simple .blog-post-image, .blog-simple .post-details { width: 100%; }

    /* blog side image */
    .blog-side-image .separator { display: none; }

    /* blog widget */
    .blog-widget li figure { width: 100px; }
    .blog-widget li .media-body { padding-left: 15px; }

    /* sidebar latest post */
    .latest-post-sidebar li figure { width: 80px; }

    /* pagination style 01 */
    .pagination-style-01 .page-item .page-link { margin: 0 5px; }

    /* newsletter email */
    .newsletter-email input { padding-right: 65px; }

    /* newsletter style 01 */
    .newsletter-style-01 .btn { position: static; top: 0; border-radius: 100px; width: 100%; transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); margin-top: 15px; }

    /* letter spacing */
    .xs-letter-spacing-normal { letter-spacing: normal; }
    .xs-letter-spacing-1-half { letter-spacing: 0.50px; }
    .xs-letter-spacing-1px { letter-spacing: 1px; }
    .xs-letter-spacing-2px { letter-spacing: 2px; }
    .xs-letter-spacing-3px { letter-spacing: 3px; }
    .xs-letter-spacing-4px { letter-spacing: 4px; }
    .xs-letter-spacing-5px { letter-spacing: 5px; }

    /* text size */
    .text-extra-big { font-size: 55px; line-height: 55px; }
    .text-big { font-size: 50px; line-height: 50px; }

    /* countdown style 01 */
    .countdown.countdown-style-01 .countdown-box, .countdown.countdown-style-01 .countdown-box:first-child, .countdown.countdown-style-01 .countdown-box:last-child { margin: 0 0 30px; width: 50%; }

    /* footer */
    footer .footer-horizontal-link li { margin: 0 0 7px; }

    /* events conference */
    .home-events-conference h1 { font-size: 28px; line-height: 38px; }

    /* marketing agency */
    .team-tulip-bubble { bottom: 70px; padding: 15px; }

    /* interactive list style */
    .fullscreen-hover-list .hover-list-item.active .interactive-number { transform: translateX(30px); -webkit-transform: translateX(30px); -moz-transform: translateX(30px); -ms-transform: translateX(30px); }
    .fullscreen-hover-list .hover-list-item .interactive-line { width: 15px; margin-left: 10px; }
    .fullscreen-hover-list .hover-list-item .interactive-title:after { left: 15px; bottom: 15px; height: calc(100% - 30px); }
    .fullscreen-hover-list .hover-list-item.active .interactive-title:after { width: calc(100% - 30px); }
    .fullscreen-hover-list.light .hover-list-item .interactive-title { -webkit-text-stroke: 1px #4e4e4f; text-stroke: 1px #4e4e4f; }
    .fullscreen-hover-list .hover-list-item .interactive-icon { font-size: 40px; }

    /* interactive portfolio */
    .home-interactive-portfolio .fullscreen-hover-box .interactive-title { font-size: 30px; line-height: 30px; padding: 15px; }

    /* vertical portfolio */
    .home-vertical-portfolio .navbar { padding: 0;}

    /* swiper vertical */
    .slider-vertical .swiper-number-pagination { left: 17px; }

    /* personal portfolio */
    .home-personal-portfolio .title-large-2 { font-size: 50px; line-height: 55px; }

    /* photography */
    .home-photography .title-extra-large-heavy { font-size: 5rem; }
    .home-photography .interactive-banners-style-13 .interactive-banners-content { width: 35%; }

    /* freelancer */
    .home-freelancer .icon-extra-medium { font-size: 25px; }

    /* creative agency */
    .home-creative-agency h1.title-extra-large { font-size: 60px; line-height: 65px; }

    /* digital agency */
    .home-digital-agency h1.title-extra-large { font-size: 60px; line-height: 65px; }

    /* landing page */
    .litho-parallax-bg { right: 0px; top: -50px; }
    .landing-page-auto-slider .swiper.swiper-auto-slide .swiper-slide { width: 100% !important; }
    .landing-page-footer .title-large-2 { font-size: 35px; line-height: 42px; }

    /* split portfolio */
    .home-split-portfolio .title-large { font-size: 45px; line-height: 40px; }
}

@media screen and (max-width: 480px) {
    /* yoga meditation*/
    .home-yoga-meditation .rev_slider_wrapper { height: calc(100vh - 72px) !important; }

    /* home decor */
    .home-decor .rev_slider_wrapper { height: calc(100vh - 100px) !important; }
    /*.home-decor .zeus { transform: matrix(1, 0, 0, 1, -26, -55) !important; }*/
    .home-decor .collection-btn { top: auto !important; }
    .home-decor .collection-btn span{ width: 45px !important; height: 45px !important; }

    /* photography*/
    .home-photography .ares { display: none !important; }
    .home-photography .zeus { display: block !important; }
    .home-photography .zeus .tp-bullet { height: 8px; width: 8px; border: 1px solid #fff; opacity: 0.5; }
    .home-photography .zeus .tp-bullet.selected { opacity: 1; }
    .home-photography .tp-bullet-image,.home-photography .tp-bullet-title,.home-photography .tp-bullet-imageoverlay { display: none !important; }

    /* startup*/
    .home-startup .rs-btn div { height: 30px !important; width: 30px !important; }
    .home-startup .tp-bullet.selected { opacity: 1; }

    /* architecture*/
    .home-architecture .metis.tparrows { width: 50px; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; top: auto !important; bottom: -25px; -webkit-transform: translate(-50%,-50%) !important; -ms-transform: translate(-50%,-50%) !important; transform: translate(-50%,-50%) !important; }
    .home-architecture .metis.tparrows:before { padding-top: 0; }
    .home-architecture .metis.tparrows:hover:before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
    .home-architecture .metis.tparrows.tp-leftarrow { left: 94% !important; }
    .home-architecture .metis.tparrows.tp-rightarrow { left: 94% !important; bottom: 25px; }

    /* split slider */
    .home-split-portfolio .swiper-slide-l { background-size: 53%; }

    /* countdown style 02 */
    .countdown.countdown-style-02 .countdown-box { margin-bottom: 15px; padding: 0 25px; }
}
@media (max-height: 460px) {
    /* header search */
    .active-form .form-wrapper .search-form { height: 85vh; }
}

@media (max-height: 600px) {
    /* modern menu */
    [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-collapse { padding-top: 30px; padding-bottom: 30px; }

    /* full menu */
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-collapse { padding-top: 30px; padding-bottom: 30px; }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-toggler { right: 15px; top: 15px; }

    /* height */
    .full-screen-auto { height: auto !important; }

}/* End custom CSS */