@charset "UTF-8";
@charset "UTF-8";
.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	word-wrap: normal !important;
}

.wpcf7 form .wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
	border: 2px solid #00a0d2; /* Blue */
}

.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
	display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: #46b450; /* Green */
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	border-color: #dc3232; /* Red */
}

.wpcf7 form.spam .wpcf7-response-output {
	border-color: #f56e28; /* Orange */
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #ffb900; /* Yellow */
}

.wpcf7-form-control-wrap {
	position: relative;
}

.wpcf7-not-valid-tip {
	color: #dc3232; /* Red */
	font-size: 1em;
	font-weight: normal;
	display: block;
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
	position: relative;
	top: -2ex;
	left: 1em;
	z-index: 100;
	border: 1px solid #dc3232;
	background: #fff;
	padding: .2em .8em;
	width: 24em;
}

.wpcf7-list-item {
	display: inline-block;
	margin: 0 0 0 1em;
}

.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
	content: " ";
}

.wpcf7-spinner {
	visibility: hidden;
	display: inline-block;
	background-color: #23282d; /* Dark Gray 800 */
	opacity: 0.75;
	width: 24px;
	height: 24px;
	border: none;
	border-radius: 100%;
	padding: 0;
	margin: 0 24px;
	position: relative;
}

form.submitting .wpcf7-spinner {
	visibility: visible;
}

.wpcf7-spinner::before {
	content: '';
	position: absolute;
	background-color: #fbfbfc; /* Light Gray 100 */
	top: 4px;
	left: 4px;
	width: 6px;
	height: 6px;
	border: none;
	border-radius: 100%;
	transform-origin: 8px 8px;
	animation-name: spin;
	animation-duration: 1000ms;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@media (prefers-reduced-motion: reduce) {
	.wpcf7-spinner::before {
		animation-name: blink;
		animation-duration: 2000ms;
	}
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes blink {
	from {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

.wpcf7 [inert] {
	opacity: 0.5;
}

.wpcf7 input[type="file"] {
	cursor: pointer;
}

.wpcf7 input[type="file"]:disabled {
	cursor: default;
}

.wpcf7 .wpcf7-submit:disabled {
	cursor: not-allowed;
}

.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
	direction: ltr;
}

.wpcf7-reflection > output {
	display: list-item;
	list-style: none;
}

.wpcf7-reflection > output[hidden] {
	display: none;
}/*
 Theme Name:   DE | karriere child
 Template:     karriere
*/

input[type=checkbox]+label, input[type=radio]+label {
    vertical-align: inherit !important;
}

#wizard a[href="#next"], #wizard a[href="#finish"], #wizard a[href="#previous"] {
    background-color: #438854 !important;
    color: white;
}

table.dataTable {
    word-break: initial !important;
}

.table-container {
    margin: auto;
    width: 95%;
}

.dataTables_scroll th, .dataTables_scroll td {
    border: 1px solid #000 !important;
}

.table-container .pagination {
    max-width: unset !important;
}

#filtered-data .response-data, #filtered-data .request-data {
    margin: 5px auto !important;
    display: block !important;
}

#filtered-data_wrapper {
    margin-top: 5em !important;
}

#table-info {
    margin: 0.5em;
}

#filtered-data_wrapper .dt-button {
    color: #000;
    background-color: unset !important;
}

#filter-form .form-check-label {
    vertical-align: sub !important;
}

#filter-form .file-type-name {
    font-weight: bold;
}

#filtered-data_wrapper .dt-buttons {
    float: left !important;
}

.dataTables_wrapper, .dataTables_filter label {
    font-size: 13px !important;
}

#filter-form .form-check-inline {
    align-items: unset !important;
}

#filter-form input[type="radio"]+label {
    margin-left: 0.5rem !important;
}

.application-form input[type="checkbox"]+label {
    vertical-align: bottom !important;
}

#filter-page-table .page-item {
    margin-top: 0.5rem;
}

#filter-form .form-control {
    height: auto !important;
}

/* For loading icon */

#cover-spin {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 9999;
    display: none;
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

#cover-spin::after {
    content: '';
    display: block;
    position: absolute;
    left: 48%;
    top: 40%;
    width: 40px;
    height: 40px;
    border-style: solid;
    border-color: black;
    border-top-color: transparent;
    border-width: 4px;
    border-radius: 50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}

.badge {
    white-space: unset !important;
}

/* APPLICATION FORM */

.app-form-section {
    padding-top: 20px;
}

#wizard.wizard.vertical>.content {
    margin: 0px;
    width: 100%;
}

#wizard .badge.badge-success {
    color: #008E54;
    border-radius: 0px;
    font-size: 2em;
    padding: 0.5em;
}

#wizard .dropzone .dz-preview .dz-error-message {
    top: 155px !important;
}

#wizard .dropzone .dz-error-mark svg g g {
    fill: #c00;
}

#wizard form label.form-label {
    font-size: 1.4em;
}

#wizard form .subtext {
    font-size: 1em !important;
}

#wizard table thead .jobs-header {
    font-weight: bold;
}

#wizard table thead tr {
    font-weight: bold;
}

#wizard table tbody tr:hover {
    background-color: #f9f9f9;
    box-shadow: 0px 4px 10px rgb(0 0 0 / 10%);
}

#wizard #form-preview a.goToStep {
    cursor: pointer;
}

#wizard.wizard.vertical>.actions {
    width: 100%;
    margin: 0 !important;
    margin-bottom: 30px !important;
    
}


#wizard .actions ul {
    width: 100%;
}

#wizard .actions li.disabled a {
    opacity: 0.3;
    cursor: not-allowed;
}

#wizard .actions li.previous-btn {
    float: left;
    margin-left: 0px;
}

#wizard .actions li.next-btn, #wizard .actions li.finish-btn  {
    float: right;
    margin-right: 0px;
}

#wizard a[href="#next"], #wizard a[href="#finish"], #wizard a[href="#previous"] {
    background-color: #008E54 !important;
}

#wizard .actions li a {
    font-size: 0.9em;
    font-weight: 700;
}

#job-list-block {
    border: 1px solid;
    min-height: 800px;
    /* width: max-content; */
}

#map {
    width: 100%;
    height: 400px;
}

#wizard .map-job-search table tr td {
    padding: 10px 5px;
    width: 25%;
    line-height: 20px;
    font-size: 12px;
}

#wizard .marker-popup .location img {
    height: 12px;
}

.wizard>.content>.body {
    float: none !important;
    margin-top: 100px;
}

#show-error {
    top: 100px;
    text-align: center;
}

#wizard .dropzone {
    border-radius: 14px !important;
}

#wizard .dropzone .dz-button {
    font-size: 1.2em;
    color: grey !important;
}

#wizard .text-success {
    color: #008E54 !important;
}

#wizard .bg-success {
    background-color: #008E54 !important;
}

#wizard .badge {
    padding: 0.5em 0.6em;
}

/* JOB DETAILS */
.job-details .main-details .main-desc .desc_subtitle1, .job-details .main-details .main-desc .desc_subtitle2 {
    font-size: 1.2em;
    color: #008e54;
    margin-top: 40px;
    margin-bottom: 0px;
}

.job-details .main-details .main-desc .desc_subtitle1 strong, .job-details .main-details .main-desc .desc_subtitle2 strong {
    color: #008e54;
}

job-details .main-details .main-desc ul, .job-details .main-details .main-desc ul {
    margin-top: 0px;
}


/* END JOB DETAILS */

#wizard .text-separator {
    font-size: 1.5em;
}

@media (max-width: 991px) {
    .wizard>.content>.body {
        margin-top: 30px;
    }

    #show-error {
        top: 0px;
    }
}

@media (max-width: 768px) {
    #wizard form label.form-label {
        font-size: 1.2em;
    }

    #wizard table thead tr td {
        font-size: 10px !important;
    }

    #wizard table tbody tr {
        border-bottom: 1px solid #262b35;
    }

    #wizard table tbody tr td {
        font-size: 10px;
        line-height: 16px;
    }

    #wizard table tbody tr td a.btn {
        padding: 6px 5px;
        font-size: 7px;
    }

    #wizard form .subtext {
        font-size: 0.8em !important;
        line-height: 1.6em;
        margin: -10px 0 10px 0;
    }
    
    #wizard form .form-check-label {
        font-size: 14px;
    }
}


/* borlabs cookie new template */

#BorlabsCookieBox ._brlbs-box-wrap {
    max-width: 820px !important;
}

._brlbs-btn {
    box-shadow: 0 0 .25rem 0 rgba(0,0,0,.2);
}

._brlbs-btn.padding-1em-2em.cookies-edit-cookies {
    padding: 15px 40px !important;
}

._brlbs-btn._brlbs-cursor.padding-1em-2em.cookies-edit-cookies {
    color: #00aa7a !important;
    font-size:14px !important;
    font-weight: bold !important;
}

._brlbs-btn.padding-1em-2em.cookies-edit-cookies {
    color: #00aa7a !important;
    font-size:14px !important;
    font-weight: bold !important;
}

._brlbs-btn._brlbs-btn-accept-all._brlbs-cursor.cookies-accept-all {
    font-size:14px !important;
    font-weight: bold !important;
    padding: 15px 40px !important;
}

#CookieBoxTextHeadline {
    font-size: 18px !important;
    font-weight: bold;
}

._brlbs-btn.padding-1em-2em.cookies-edit-cookies.save-btn-style {
    padding: 17px 14px !important;
}

.d-flex-block {
    display: flex !important;
}

@media (max-width: 767px) {
    .d-flex-block {
        display: block !important;
    }
}

.omnichannelcommerce .tab-link.nav-link {
    background-color: #ececec;
    padding: 4px 8px 1px 8px;
    border-radius: 6px;
    margin: 8px 4px;
}

.omnichannelcommerce .tab-link.nav-link.active {
    border-radius: 0 !important;
}

.pdf-button-brochure {
    border: 1px solid #efefef;
    padding: 10px;
    width: 100%;
    display: inline-block;
}

/* BROCHURE BUTTON CSS*/
.pdf-button-brochure a {
    display: flex;
    flex-direction: row;
    align-items: center;
    text-decoration: none;
    gap: 25px;
}
.pdf-button-brochure span {
    line-height: 1.5;
}
.hero-subtitle-explicit-bg {
    background-color: inherit;
}/*! normalize.css v1.1.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Prevent system color scheme's background color being used in Firefox, IE,
 *    and Opera.
 * 2. Prevent system color scheme's text color being used in Firefox, IE, and
 *    Opera.
 * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 4. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    background: #fff; /* 1 */
    color: #000; /* 2 */
    font-size: 100%; /* 3 */
    -webkit-text-size-adjust: 100%; /* 4 */
    -ms-text-size-adjust: 100%; /* 4 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Address margins set differently in IE 6/7.
 */

p,
pre {
    margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
    content: '';
    content: none;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/**
 * Address margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/

/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */

html, button, input, select, textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
    background-color: white;
}

/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
* A better looking default horizontal rule
*/

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/

img {
    vertical-align: middle;
}

/*
* Remove default fieldset styles.
*/

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
* Allow only vertical resizing of textareas.
*/

textarea {
    resize: vertical;
}

/* ==========================================================================
Chrome Frame prompt
========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
Author's custom styles
========================================================================== */

/* ==========================================================================
Helper classes
========================================================================== */

/*
* Image replacement
*/

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
* Hide visually and from screenreaders, but maintain layout
*/

.invisible {
    visibility: hidden;
}

/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
*    `contenteditable` attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/

.clearfix:before, .clearfix:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a, a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    /*
    * Don't show links for images, or javascript/internal links
    */
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
        content: "";
    }
    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
        /* h5bp.com/t */
    }
    tr, img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    @page {
        margin: 0.5cm;
    }
    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }
    h2, h3 {
        page-break-after: avoid;
    }
}

.pac-item-query {
    font-family: 'deichmannlight', 'sans-serif';
    font-size: 14px;
}

.pac-icon {
    color: #008e54;
}

.ph-item {
    padding: 10px 15px 10px 15px;
}

.ph-item>* {
    margin-bottom: 0px;
}

/*.ui-autocomplete-loading {*/

/*    background: white url(https://jqueryui.com/resources/demos/autocomplete/images/ui-anim_basic_16x16.gif) right center no-repeat;*/

/*}*/.fa,
.fab,
.fad,
.fal,
.far,
.fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
.fa-lg {
    font-size: 1.33333em;
    line-height: 0.75em;
    vertical-align: -0.0667em;
}
.fa-xs {
    font-size: 0.75em;
}
.fa-sm {
    font-size: 0.875em;
}
.fa-1x {
    font-size: 1em;
}
.fa-2x {
    font-size: 2em;
}
.fa-3x {
    font-size: 3em;
}
.fa-4x {
    font-size: 4em;
}
.fa-5x {
    font-size: 5em;
}
.fa-6x {
    font-size: 6em;
}
.fa-7x {
    font-size: 7em;
}
.fa-8x {
    font-size: 8em;
}
.fa-9x {
    font-size: 9em;
}
.fa-10x {
    font-size: 10em;
}
.fa-fw {
    text-align: center;
    width: 1.25em;
}
.fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0;
}
.fa-ul > li {
    position: relative;
}
.fa-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit;
}
.fa-border {
    border: 0.08em solid #eee;
    border-radius: 0.1em;
    padding: 0.2em 0.25em 0.15em;
}
.fa-pull-left {
    float: left;
}
.fa-pull-right {
    float: right;
}
.fa.fa-pull-left,
.fab.fa-pull-left,
.fal.fa-pull-left,
.far.fa-pull-left,
.fas.fa-pull-left {
    margin-right: 0.3em;
}
.fa.fa-pull-right,
.fab.fa-pull-right,
.fal.fa-pull-right,
.far.fa-pull-right,
.fas.fa-pull-right {
    margin-left: 0.3em;
}
.fa-spin {
    -webkit-animation: fa-spin 2s linear infinite;
    animation: fa-spin 2s linear infinite;
}
.fa-pulse {
    -webkit-animation: fa-spin 1s steps(8) infinite;
    animation: fa-spin 1s steps(8) infinite;
}
@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}
.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.fa-flip-vertical {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
}
.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical,
.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
}
.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
    -webkit-transform: scale(-1);
    transform: scale(-1);
}
:root .fa-flip-both,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270 {
    -webkit-filter: none;
    filter: none;
}
.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em;
}
.fa-stack-1x,
.fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}
.fa-stack-1x {
    line-height: inherit;
}
.fa-stack-2x {
    font-size: 2em;
}
.fa-inverse {
    color: #fff;
}
.fa-500px:before {
    content: "\f26e";
}
.fa-arrow-alt-circle-down:before {
    content: "\f358";
}
.fa-arrow-alt-circle-left:before {
    content: "\f359";
}
.fa-arrow-alt-circle-right:before {
    content: "\f35a";
}
.fa-arrow-alt-circle-up:before {
    content: "\f35b";
}
.fa-arrow-circle-down:before {
    content: "\f0ab";
}
.fa-arrow-circle-left:before {
    content: "\f0a8";
}
.fa-arrow-circle-right:before {
    content: "\f0a9";
}
.fa-arrow-circle-up:before {
    content: "\f0aa";
}
.fa-arrow-down:before {
    content: "\f063";
}
.fa-arrow-left:before {
    content: "\f060";
}
.fa-arrow-right:before {
    content: "\f061";
}
.fa-arrow-up:before {
    content: "\f062";
}
.fa-arrows-alt:before {
    content: "\f0b2";
}
.fa-arrows-alt-h:before {
    content: "\f337";
}
.fa-arrows-alt-v:before {
    content: "\f338";
}
.fa-facebook:before {
    content: "\f09a";
}
.fa-facebook-f:before {
    content: "\f39e";
}
.fa-facebook-messenger:before {
    content: "\f39f";
}
.fa-facebook-square:before {
    content: "\f082";
}
.fa-instagram:before {
    content: "\f16d";
}
.fa-instagram-square:before {
    content: "\e055";
}
.fa-link:before {
    content: "\f0c1";
}
.fa-linkedin:before {
    content: "\f08c";
}
.fa-linkedin-in:before {
    content: "\f0e1";
}
.fa-pinterest:before {
    content: "\f0d2";
}
.fa-pinterest-p:before {
    content: "\f231";
}
.fa-pinterest-square:before {
    content: "\f0d3";
}
.fa-play:before {
    content: "\f04b";
}
.fa-play-circle:before {
    content: "\f144";
}
.fa-plug:before {
    content: "\f1e6";
}
.fa-plus:before {
    content: "\f067";
}
.fa-plus-circle:before {
    content: "\f055";
}
.fa-plus-square:before {
    content: "\f0fe";
}
.fa-quote-left:before {
    content: "\f10d";
}
.fa-quote-right:before {
    content: "\f10e";
}
.fa-scroll:before {
    content: "\f70e";
}
.fa-spotify:before {
    content: "\f1bc";
}
.fa-star:before {
    content: "\f005";
}
.fa-star-and-crescent:before {
    content: "\f699";
}
.fa-star-half:before {
    content: "\f089";
}
.fa-star-half-alt:before {
    content: "\f5c0";
}
.fa-star-of-david:before {
    content: "\f69a";
}
.fa-tiktok:before {
    content: "\e07b";
}
.fa-times:before {
    content: "\f00d";
}
.fa-times-circle:before {
    content: "\f057";
}
.fa-twitter:before {
    content: "\f099";
}
.fa-twitter-square:before {
    content: "\f081";
}
.fa-xing:before {
    content: "\f168";
}
.fa-xing-square:before {
    content: "\f169";
}
.fa-youtube:before {
    content: "\f167";
}
.fa-youtube-square:before {
    content: "\f431";
}
.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
@font-face {
    font-family: "Font Awesome 5 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/fa-brands-400.eot);
    src: url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/fa-brands-400.woff2) format("woff2"), url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/fa-brands-400.woff) format("woff"), url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/fa-brands-400.ttf) format("truetype"),
        url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/fa-brands-400.svg#fontawesome) format("svg");
}
.fab {
    font-family: "Font Awesome 5 Brands";
}
@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/fa-regular-400.eot);
    src: url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/fa-regular-400.woff2) format("woff2"), url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/fa-regular-400.woff) format("woff"), url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/fa-regular-400.ttf) format("truetype"),
        url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/fa-regular-400.svg#fontawesome) format("svg");
}
.fab,
.far {
    font-weight: 400;
}
@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/fa-solid-900.eot);
    src: url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/fa-solid-900.woff2) format("woff2"), url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/fa-solid-900.woff) format("woff"), url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/fa-solid-900.ttf) format("truetype"),
        url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/fa-solid-900.svg#fontawesome) format("svg");
}
.fa,
.far,
.fas {
    font-family: "Font Awesome 5 Free";
}
.fa,
.fas {
    font-weight: 900;
}
@font-face {
    font-family: Simple-Line-Icons;
    src: url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/Simple-Line-Icons.eot);
    src: url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/Simple-Line-Icons.eot?#iefix) format("embedded-opentype"), url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/Simple-Line-Icons.woff) format("woff"), url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/Simple-Line-Icons.ttf) format("truetype"),
        url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/Simple-Line-Icons.svg#Simple-Line-Icons) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
[data-icon]:before {
    font-family: Simple-Line-Icons;
    content: attr(data-icon);
    speak: none;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-simple-line-action-redo,
.icon-simple-line-action-undo,
.icon-simple-line-anchor,
.icon-simple-line-arrow-down,
.icon-simple-line-arrow-left,
.icon-simple-line-arrow-right,
.icon-simple-line-arrow-up,
.icon-simple-line-badge,
.icon-simple-line-bag,
.icon-simple-line-ban,
.icon-simple-line-bar-chart,
.icon-simple-line-basket,
.icon-simple-line-basket-loaded,
.icon-simple-line-bell,
.icon-simple-line-book-open,
.icon-simple-line-briefcase,
.icon-simple-line-bubble,
.icon-simple-line-bubbles,
.icon-simple-line-bulb,
.icon-simple-line-calculator,
.icon-simple-line-calendar,
.icon-simple-line-call-end,
.icon-simple-line-call-in,
.icon-simple-line-call-out,
.icon-simple-line-camcorder,
.icon-simple-line-camera,
.icon-simple-line-check,
.icon-simple-line-chemistry,
.icon-simple-line-clock,
.icon-simple-line-close,
.icon-simple-line-cloud-download,
.icon-simple-line-cloud-upload,
.icon-simple-line-compass,
.icon-simple-line-control-end,
.icon-simple-line-control-forward,
.icon-simple-line-control-pause,
.icon-simple-line-control-play,
.icon-simple-line-control-rewind,
.icon-simple-line-control-start,
.icon-simple-line-credit-card,
.icon-simple-line-crop,
.icon-simple-line-cup,
.icon-simple-line-cursor,
.icon-simple-line-cursor-move,
.icon-simple-line-diamond,
.icon-simple-line-direction,
.icon-simple-line-directions,
.icon-simple-line-disc,
.icon-simple-line-dislike,
.icon-simple-line-doc,
.icon-simple-line-docs,
.icon-simple-line-drawer,
.icon-simple-line-drop,
.icon-simple-line-earphones,
.icon-simple-line-earphones-alt,
.icon-simple-line-emoticon-smile,
.icon-simple-line-energy,
.icon-simple-line-envelope,
.icon-simple-line-envelope-letter,
.icon-simple-line-envelope-open,
.icon-simple-line-equalizer,
.icon-simple-line-eye,
.icon-simple-line-eyeglasses,
.icon-simple-line-feed,
.icon-simple-line-film,
.icon-simple-line-fire,
.icon-simple-line-flag,
.icon-simple-line-folder,
.icon-simple-line-folder-alt,
.icon-simple-line-frame,
.icon-simple-line-game-controller,
.icon-simple-line-ghost,
.icon-simple-line-globe,
.icon-simple-line-globe-alt,
.icon-simple-line-graduation,
.icon-simple-line-graph,
.icon-simple-line-grid,
.icon-simple-line-handbag,
.icon-simple-line-heart,
.icon-simple-line-home,
.icon-simple-line-hourglass,
.icon-simple-line-info,
.icon-simple-line-key,
.icon-simple-line-layers,
.icon-simple-line-like,
.icon-simple-line-link,
.icon-simple-line-list,
.icon-simple-line-lock,
.icon-simple-line-lock-open,
.icon-simple-line-login,
.icon-simple-line-logout,
.icon-simple-line-loop,
.icon-simple-line-magic-wand,
.icon-simple-line-magnet,
.icon-simple-line-magnifier,
.icon-simple-line-magnifier-add,
.icon-simple-line-magnifier-remove,
.icon-simple-line-map,
.icon-simple-line-microphone,
.icon-simple-line-mouse,
.icon-simple-line-moustache,
.icon-simple-line-music-tone,
.icon-simple-line-music-tone-alt,
.icon-simple-line-note,
.icon-simple-line-notebook,
.icon-simple-line-paper-clip,
.icon-simple-line-paper-plane,
.icon-simple-line-pencil,
.icon-simple-line-picture,
.icon-simple-line-pie-chart,
.icon-simple-line-pin,
.icon-simple-line-plane,
.icon-simple-line-playlist,
.icon-simple-line-plus,
.icon-simple-line-pointer,
.icon-simple-line-power,
.icon-simple-line-present,
.icon-simple-line-printer,
.icon-simple-line-puzzle,
.icon-simple-line-question,
.icon-simple-line-refresh,
.icon-simple-line-reload,
.icon-simple-line-rocket,
.icon-simple-line-screen-desktop,
.icon-simple-line-screen-smartphone,
.icon-simple-line-screen-tablet,
.icon-simple-line-settings,
.icon-simple-line-share,
.icon-simple-line-share-alt,
.icon-simple-line-shield,
.icon-simple-line-shuffle,
.icon-simple-line-size-actual,
.icon-simple-line-size-fullscreen,
.icon-simple-line-social-dribbble,
.icon-simple-line-social-dropbox,
.icon-simple-line-social-facebook,
.icon-simple-line-social-tumblr,
.icon-simple-line-social-twitter,
.icon-simple-line-social-youtube,
.icon-simple-line-speech,
.icon-simple-line-speedometer,
.icon-simple-line-star,
.icon-simple-line-support,
.icon-simple-line-symbol-female,
.icon-simple-line-symbol-male,
.icon-simple-line-tag,
.icon-simple-line-target,
.icon-simple-line-trash,
.icon-simple-line-trophy,
.icon-simple-line-umbrella,
.icon-simple-line-user,
.icon-simple-line-user-female,
.icon-simple-line-user-follow,
.icon-simple-line-user-following,
.icon-simple-line-user-unfollow,
.icon-simple-line-users,
.icon-simple-line-vector,
.icon-simple-line-volume-1,
.icon-simple-line-volume-2,
.icon-simple-line-volume-off,
.icon-simple-line-wallet,
.icon-simple-line-wrench {
    font-family: Simple-Line-Icons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-simple-line-user:before {
    content: "\e005";
}
.icon-simple-line-speedometer:before {
    content: "\e007";
}
.icon-simple-line-social-youtube:before {
    content: "\e008";
}
.icon-simple-line-social-twitter:before {
    content: "\e009";
}
.icon-simple-line-social-tumblr:before {
    content: "\e00a";
}
.icon-simple-line-social-facebook:before {
    content: "\e00b";
}
.icon-simple-line-social-dropbox:before {
    content: "\e00c";
}
.icon-simple-line-social-dribbble:before {
    content: "\e00d";
}
.icon-simple-line-map:before {
    content: "\e033";
}
.icon-simple-line-layers:before {
    content: "\e034";
}
.icon-simple-line-action-undo:before {
    content: "\e050";
}
.icon-simple-line-tag:before {
    content: "\e055";
}
.icon-simple-line-support:before {
    content: "\e056";
}
.icon-simple-line-size-fullscreen:before {
    content: "\e057";
}
.icon-simple-line-like:before {
    content: "\e068";
}
.icon-simple-line-grid:before {
    content: "\e06a";
}
.icon-simple-line-cursor:before {
    content: "\e06e";
}
.icon-simple-line-control-start:before {
    content: "\e06f";
}
.icon-simple-line-control-rewind:before {
    content: "\e070";
}
.icon-simple-line-control-play:before {
    content: "\e071";
}
.icon-simple-line-control-pause:before {
    content: "\e072";
}
.icon-simple-line-control-forward:before {
    content: "\e073";
}
.icon-simple-line-control-end:before {
    content: "\e074";
}
.icon-simple-line-calendar:before {
    content: "\e075";
}
.icon-simple-line-bar-chart:before {
    content: "\e077";
}
.icon-simple-line-arrow-up:before {
    content: "\e078";
}
.icon-simple-line-arrow-right:before {
    content: "\e079";
}
.icon-simple-line-arrow-left:before {
    content: "\e07a";
}
.icon-simple-line-arrow-down:before {
    content: "\e07b";
}
.icon-simple-line-camera:before {
    content: "\e07f";
}
.icon-simple-line-check:before {
    content: "\e080";
}
.icon-simple-line-close:before {
    content: "\e082";
}
.icon-simple-line-cloud-download:before {
    content: "\e083";
}
.icon-simple-line-cloud-upload:before {
    content: "\e084";
}
.icon-simple-line-link:before {
    content: "\e08d";
}
.icon-simple-line-magnifier:before {
    content: "\e090";
}
.icon-simple-line-magnifier-add:before {
    content: "\e091";
}
.icon-simple-line-magnifier-remove:before {
    content: "\e092";
}
.icon-simple-line-plus:before {
    content: "\e095";
}

.icon-simple-line-refresh:before {
    content: "\e098";
}
.icon-simple-line-reload:before {
    content: "\e099";
}
.icon-simple-line-settings:before {
    content: "\e09a";
}
.icon-simple-line-star:before {
    content: "\e09b";
}

@font-face {
    font-family: et-line;
    src: url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/et-line.eot);
    src: url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/et-line.eot?#iefix) format("embedded-opentype"), url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/et-line.woff) format("woff"), url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/et-line.ttf) format("truetype"), url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/et-line.svg#et-line) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
[data-icon]:before {
    font-family: et-line;
    content: attr(data-icon);
    speak: none;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
}
.icon-adjustments,
.icon-alarmclock,
.icon-anchor,
.icon-aperture,
.icon-attachment,
.icon-bargraph,
.icon-basket,
.icon-beaker,
.icon-bike,
.icon-book-open,
.icon-briefcase,
.icon-browser,
.icon-calendar,
.icon-camera,
.icon-caution,
.icon-chat,
.icon-circle-compass,
.icon-clipboard,
.icon-clock,
.icon-cloud,
.icon-compass,
.icon-desktop,
.icon-dial,
.icon-document,
.icon-documents,
.icon-download,
.icon-dribbble,
.icon-edit,
.icon-envelope,
.icon-expand,
.icon-facebook,
.icon-flag,
.icon-focus,
.icon-gears,
.icon-genius,
.icon-gift,
.icon-global,
.icon-globe,
.icon-googleplus,
.icon-grid,
.icon-happy,
.icon-hazardous,
.icon-heart,
.icon-hotairballoon,
.icon-hourglass,
.icon-key,
.icon-laptop,
.icon-layers,
.icon-lifesaver,
.icon-lightbulb,
.icon-linegraph,
.icon-linkedin,
.icon-lock,
.icon-magnifying-glass,
.icon-map,
.icon-map-pin,
.icon-megaphone,
.icon-mic,
.icon-mobile,
.icon-newspaper,
.icon-notebook,
.icon-paintbrush,
.icon-paperclip,
.icon-pencil,
.icon-phone,
.icon-picture,
.icon-pictures,
.icon-piechart,
.icon-presentation,
.icon-pricetags,
.icon-printer,
.icon-profile-female,
.icon-profile-male,
.icon-puzzle,
.icon-quote,
.icon-recycle,
.icon-refresh,
.icon-ribbon,
.icon-rss,
.icon-sad,
.icon-scissors,
.icon-scope,
.icon-search,
.icon-shield,
.icon-speedometer,
.icon-strategy,
.icon-streetsign,
.icon-tablet,
.icon-target,
.icon-telescope,
.icon-toolbox,
.icon-tools,
.icon-tools-2,
.icon-trophy,
.icon-tumblr,
.icon-twitter,
.icon-upload,
.icon-video,
.icon-wallet,
.icon-wine {
    font-family: et-line;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1.1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
}
.icon-mobile:before {
    content: "\e000";
}
.icon-laptop:before {
    content: "\e001";
}
.icon-desktop:before {
    content: "\e002";
}
.icon-tablet:before {
    content: "\e003";
}
.icon-phone:before {
    content: "\e004";
}
.icon-document:before {
    content: "\e005";
}
.icon-documents:before {
    content: "\e006";
}
.icon-search:before {
    content: "\e007";
}
.icon-browser:before {
    content: "\e00c";
}
.icon-calendar:before {
    content: "\e00d";
}

.icon-grid:before {
    content: "\e019";
}
.icon-expand:before {
    content: "\e01a";
}
.icon-focus:before {
    content: "\e01b";
}

.icon-lock:before {
    content: "\e020";
}

.icon-map:before {
    content: "\e025";
}
.icon-puzzle:before {
    content: "\e026";
}
.icon-basket:before {
    content: "\e027";
}
.icon-envelope:before {
    content: "\e028";
}
.icon-streetsign:before {
    content: "\e029";
}
.icon-telescope:before {
    content: "\e02a";
}
.icon-gears:before {
    content: "\e02b";
}
.icon-key:before {
    content: "\e02c";
}
.icon-paperclip:before {
    content: "\e02d";
}
.icon-attachment:before {
    content: "\e02e";
}
.icon-pricetags:before {
    content: "\e02f";
}
.icon-lightbulb:before {
    content: "\e030";
}
.icon-layers:before {
    content: "\e031";
}
.icon-pencil:before {
    content: "\e032";
}
.icon-tools:before {
    content: "\e033";
}
.icon-tools-2:before {
    content: "\e034";
}
.icon-scissors:before {
    content: "\e035";
}
.icon-paintbrush:before {
    content: "\e036";
}
.icon-magnifying-glass:before {
    content: "\e037";
}
.icon-circle-compass:before {
    content: "\e038";
}
.icon-linegraph:before {
    content: "\e039";
}
.icon-mic:before {
    content: "\e03a";
}
.icon-strategy:before {
    content: "\e03b";
}
.icon-beaker:before {
    content: "\e03c";
}
.icon-caution:before {
    content: "\e03d";
}
.icon-recycle:before {
    content: "\e03e";
}
.icon-anchor:before {
    content: "\e03f";
}
.icon-profile-male:before {
    content: "\e040";
}
.icon-profile-female:before {
    content: "\e041";
}
.icon-bike:before {
    content: "\e042";
}
.icon-wine:before {
    content: "\e043";
}
.icon-hotairballoon:before {
    content: "\e044";
}
.icon-globe:before {
    content: "\e045";
}
.icon-genius:before {
    content: "\e046";
}
.icon-map-pin:before {
    content: "\e047";
}
.icon-dial:before {
    content: "\e048";
}
.icon-chat:before {
    content: "\e049";
}
.icon-heart:before {
    content: "\e04a";
}
.icon-cloud:before {
    content: "\e04b";
}
.icon-upload:before {
    content: "\e04c";
}
.icon-download:before {
    content: "\e04d";
}
.icon-target:before {
    content: "\e04e";
}
.icon-hazardous:before {
    content: "\e04f";
}
.icon-piechart:before {
    content: "\e050";
}
.icon-speedometer:before {
    content: "\e051";
}
.icon-global:before {
    content: "\e052";
}
.icon-compass:before {
    content: "\e053";
}
.icon-lifesaver:before {
    content: "\e054";
}
.icon-clock:before {
    content: "\e055";
}
.icon-aperture:before {
    content: "\e056";
}
.icon-quote:before {
    content: "\e057";
}
.icon-scope:before {
    content: "\e058";
}
.icon-alarmclock:before {
    content: "\e059";
}
.icon-refresh:before {
    content: "\e05a";
}
.icon-happy:before {
    content: "\e05b";
}
.icon-sad:before {
    content: "\e05c";
}
.icon-facebook:before {
    content: "\e05d";
}
.icon-twitter:before {
    content: "\e05e";
}
.icon-googleplus:before {
    content: "\e05f";
}
.icon-rss:before {
    content: "\e060";
}
.icon-tumblr:before {
    content: "\e061";
}
.icon-linkedin:before {
    content: "\e062";
}
.icon-dribbble:before {
    content: "\e063";
}
@font-face {
    font-family: icomoon-solid;
    src: url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/icomoon-solid.eot?1sxah1);
    src: url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/icomoon-solid.eot?#iefix1sxah1) format("embedded-opentype"), url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/icomoon-solid.woff?1sxah1) format("woff"), url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/icomoon-solid.ttf?1sxah1) format("truetype"),
        url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/icomoon-solid.svg?1sxah1#icomoon) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
[class*=" solid-icon-"],
[class^="solid-icon-"] {
    font-family: icomoon-solid;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.solid-icon-Can:before {
    content: "\e717";
}

.solid-icon-Close-Window:before {
    content: "\e773";
}
.solid-icon-Close:before {
    content: "\e774";
}

.solid-icon-Control:before {
    content: "\e7b7";
}

.solid-icon-Dec:before {
    content: "\e7ff";
}
.solid-icon-Firefox:before {
    content: "\e8ce";
}
.solid-icon-Go-Bottom:before {
    content: "\e970";
}
.solid-icon-Go-Top:before {
    content: "\e971";
}

.solid-icon-Left--Right:before {
    content: "\ea23";
}
.solid-icon-Left--Right3:before {
    content: "\ea24";
}
.solid-icon-Left-2:before {
    content: "\ea25";
}
.solid-icon-Left-3:before {
    content: "\ea26";
}
.solid-icon-Left-4:before {
    content: "\ea27";
}
.solid-icon-Left-ToRight:before {
    content: "\ea28";
}
.solid-icon-Left:before {
    content: "\ea29";
}
.solid-icon-Next-3:before {
    content: "\eb01";
}
.solid-icon-Next:before {
    content: "\eb04";
}
.solid-icon-Preview:before {
    content: "\eba5";
}
.solid-icon-Previous:before {
    content: "\eba6";
}
.solid-icon-Resize:before {
    content: "\ebec";
}
.solid-icon-Right-2:before {
    content: "\ebf8";
}
.solid-icon-Right-3:before {
    content: "\ebf9";
}
.solid-icon-Right-4:before {
    content: "\ebfa";
}
.solid-icon-Right-ToLeft:before {
    content: "\ebfb";
}
.solid-icon-Right:before {
    content: "\ebfc";
}
.solid-icon-Sun:before {
    content: "\ecf0";
}

@font-face {
    font-family: feather;
    src: url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/feather.eot?t=1525787366991);
    src: url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/feather.eot?t=1525787366991#iefix) format("embedded-opentype"), url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/feather.woff?t=1525787366991) format("woff"), url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/feather.ttf?t=1525787366991) format("truetype"),
        url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/feather.svg?t=1525787366991#feather) format("svg");
    font-display: swap;
}
.feather {
    font-family: feather !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-feather-arrow-left:before {
    content: "\e828";
}
.icon-feather-arrow-right:before {
    content: "\e829";
}
.icon-feather-arrow-down:before {
    content: "\e82a";
}
.icon-feather-arrow-up-left:before {
    content: "\e82b";
}
.icon-feather-arrow-up-right:before {
    content: "\e82c";
}
.icon-feather-arrow-up:before {
    content: "\e82d";
}

.icon-feather-facebook:before {
    content: "\e86c";
}

.icon-feather-instagram:before {
    content: "\e880";
}

.icon-feather-minus:before {
    content: "\e897";
}
.icon-feather-plus:before{
    content:"\e8b1";
}

.icon-feather-twitter:before {
    content: "\e8e0";
}

.icon-feather-x:before {
    content: "\e8f6";
}/*
Bootstrap
Version: 4.5.3
Plugin URI: https://getbootstrap.com/
License: Copyright 2011-2020 The Bootstrap Authors | Copyright 2011-2020 Twitter, Inc. | Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/

:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #198754;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #198754;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*, ::after, ::before {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0!important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[data-original-title], abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

dl, ol, ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol, ol ul, ul ol, ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b, strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent
}

a:hover {
    color: #0056b3;
    text-decoration: underline
}

a:not([href]):not([class]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

code, kbd, pre, samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button
}

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none!important
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

.h1, h1 {
    font-size: 2.5rem
}

.h2, h2 {
    font-size: 2rem
}

.h3, h3 {
    font-size: 1.75rem
}

.h4, h4 {
    font-size: 1.5rem
}

.h5, h5 {
    font-size: 1.25rem
}

.h6, h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.small, small {
    font-size: 80%;
    font-weight: 400
}

.mark, mark {
    padding: .2em;
    background-color: #fcf8e3
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6c757d
}

.blockquote-footer::before {
    content: "\2014\00A0"
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #6c757d
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700
}

pre {
    display: block;
    font-size: 87.5%;
    color: #212529
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .container, .container-sm {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container, .container-md, .container-sm {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1140px
    }
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col, .no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.row-cols-1>* {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.row-cols-2>* {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.row-cols-3>* {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.row-cols-4>* {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.row-cols-5>* {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
}

.row-cols-6>* {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    -ms-flex-order: -1;
    order: -1
}

.order-last {
    -ms-flex-order: 13;
    order: 13
}

.order-0 {
    -ms-flex-order: 0;
    order: 0
}

.order-1 {
    -ms-flex-order: 1;
    order: 1
}

.order-2 {
    -ms-flex-order: 2;
    order: 2
}

.order-3 {
    -ms-flex-order: 3;
    order: 3
}

.order-4 {
    -ms-flex-order: 4;
    order: 4
}

.order-5 {
    -ms-flex-order: 5;
    order: 5
}

.order-6 {
    -ms-flex-order: 6;
    order: 6
}

.order-7 {
    -ms-flex-order: 7;
    order: 7
}

.order-8 {
    -ms-flex-order: 8;
    order: 8
}

.order-9 {
    -ms-flex-order: 9;
    order: 9
}

.order-10 {
    -ms-flex-order: 10;
    order: 10
}

.order-11 {
    -ms-flex-order: 11;
    order: 11
}

.order-12 {
    -ms-flex-order: 12;
    order: 12
}

.offset-1 {
    margin-left: 8.333333%
}

.offset-2 {
    margin-left: 16.666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.333333%
}

.offset-5 {
    margin-left: 41.666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.333333%
}

.offset-8 {
    margin-left: 66.666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.333333%
}

.offset-11 {
    margin-left: 91.666667%
}

@media (min-width:576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-sm-1>* {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-sm-2>* {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-sm-3>* {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-sm-4>* {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-sm-5>* {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-sm-6>* {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-sm-first {
        -ms-flex-order: -1;
        order: -1
    }
    .order-sm-last {
        -ms-flex-order: 13;
        order: 13
    }
    .order-sm-0 {
        -ms-flex-order: 0;
        order: 0
    }
    .order-sm-1 {
        -ms-flex-order: 1;
        order: 1
    }
    .order-sm-2 {
        -ms-flex-order: 2;
        order: 2
    }
    .order-sm-3 {
        -ms-flex-order: 3;
        order: 3
    }
    .order-sm-4 {
        -ms-flex-order: 4;
        order: 4
    }
    .order-sm-5 {
        -ms-flex-order: 5;
        order: 5
    }
    .order-sm-6 {
        -ms-flex-order: 6;
        order: 6
    }
    .order-sm-7 {
        -ms-flex-order: 7;
        order: 7
    }
    .order-sm-8 {
        -ms-flex-order: 8;
        order: 8
    }
    .order-sm-9 {
        -ms-flex-order: 9;
        order: 9
    }
    .order-sm-10 {
        -ms-flex-order: 10;
        order: 10
    }
    .order-sm-11 {
        -ms-flex-order: 11;
        order: 11
    }
    .order-sm-12 {
        -ms-flex-order: 12;
        order: 12
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.333333%
    }
    .offset-sm-2 {
        margin-left: 16.666667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.333333%
    }
    .offset-sm-5 {
        margin-left: 41.666667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.333333%
    }
    .offset-sm-8 {
        margin-left: 66.666667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.333333%
    }
    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-md-1>* {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-md-2>* {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-md-3>* {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-md-4>* {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-md-5>* {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-md-6>* {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-md-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-md-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-md-first {
        -ms-flex-order: -1;
        order: -1
    }
    .order-md-last {
        -ms-flex-order: 13;
        order: 13
    }
    .order-md-0 {
        -ms-flex-order: 0;
        order: 0
    }
    .order-md-1 {
        -ms-flex-order: 1;
        order: 1
    }
    .order-md-2 {
        -ms-flex-order: 2;
        order: 2
    }
    .order-md-3 {
        -ms-flex-order: 3;
        order: 3
    }
    .order-md-4 {
        -ms-flex-order: 4;
        order: 4
    }
    .order-md-5 {
        -ms-flex-order: 5;
        order: 5
    }
    .order-md-6 {
        -ms-flex-order: 6;
        order: 6
    }
    .order-md-7 {
        -ms-flex-order: 7;
        order: 7
    }
    .order-md-8 {
        -ms-flex-order: 8;
        order: 8
    }
    .order-md-9 {
        -ms-flex-order: 9;
        order: 9
    }
    .order-md-10 {
        -ms-flex-order: 10;
        order: 10
    }
    .order-md-11 {
        -ms-flex-order: 11;
        order: 11
    }
    .order-md-12 {
        -ms-flex-order: 12;
        order: 12
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.333333%
    }
    .offset-md-2 {
        margin-left: 16.666667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.333333%
    }
    .offset-md-5 {
        margin-left: 41.666667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.333333%
    }
    .offset-md-8 {
        margin-left: 66.666667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.333333%
    }
    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-lg-1>* {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-lg-2>* {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-lg-3>* {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-lg-4>* {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-lg-5>* {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-lg-6>* {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-lg-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-lg-first {
        -ms-flex-order: -1;
        order: -1
    }
    .order-lg-last {
        -ms-flex-order: 13;
        order: 13
    }
    .order-lg-0 {
        -ms-flex-order: 0;
        order: 0
    }
    .order-lg-1 {
        -ms-flex-order: 1;
        order: 1
    }
    .order-lg-2 {
        -ms-flex-order: 2;
        order: 2
    }
    .order-lg-3 {
        -ms-flex-order: 3;
        order: 3
    }
    .order-lg-4 {
        -ms-flex-order: 4;
        order: 4
    }
    .order-lg-5 {
        -ms-flex-order: 5;
        order: 5
    }
    .order-lg-6 {
        -ms-flex-order: 6;
        order: 6
    }
    .order-lg-7 {
        -ms-flex-order: 7;
        order: 7
    }
    .order-lg-8 {
        -ms-flex-order: 8;
        order: 8
    }
    .order-lg-9 {
        -ms-flex-order: 9;
        order: 9
    }
    .order-lg-10 {
        -ms-flex-order: 10;
        order: 10
    }
    .order-lg-11 {
        -ms-flex-order: 11;
        order: 11
    }
    .order-lg-12 {
        -ms-flex-order: 12;
        order: 12
    }
    .offset-lg-0 {
        margin-left: 0
    }

    .offset-right {
        margin-right: 8.333333%
    }

    .offset-lg-1 {
        margin-left: 8.333333%
    }
    .offset-lg-2 {
        margin-left: 16.666667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.333333%
    }
    .offset-lg-5 {
        margin-left: 41.666667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.333333%
    }
    .offset-lg-8 {
        margin-left: 66.666667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.333333%
    }
    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-xl-1>* {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-xl-2>* {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-xl-3>* {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-xl-4>* {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-xl-5>* {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-xl-6>* {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-xl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-xl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-xl-first {
        -ms-flex-order: -1;
        order: -1
    }
    .order-xl-last {
        -ms-flex-order: 13;
        order: 13
    }
    .order-xl-0 {
        -ms-flex-order: 0;
        order: 0
    }
    .order-xl-1 {
        -ms-flex-order: 1;
        order: 1
    }
    .order-xl-2 {
        -ms-flex-order: 2;
        order: 2
    }
    .order-xl-3 {
        -ms-flex-order: 3;
        order: 3
    }
    .order-xl-4 {
        -ms-flex-order: 4;
        order: 4
    }
    .order-xl-5 {
        -ms-flex-order: 5;
        order: 5
    }
    .order-xl-6 {
        -ms-flex-order: 6;
        order: 6
    }
    .order-xl-7 {
        -ms-flex-order: 7;
        order: 7
    }
    .order-xl-8 {
        -ms-flex-order: 8;
        order: 8
    }
    .order-xl-9 {
        -ms-flex-order: 9;
        order: 9
    }
    .order-xl-10 {
        -ms-flex-order: 10;
        order: 10
    }
    .order-xl-11 {
        -ms-flex-order: 11;
        order: 11
    }
    .order-xl-12 {
        -ms-flex-order: 12;
        order: 12
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.333333%
    }
    .offset-xl-2 {
        margin-left: 16.666667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.333333%
    }
    .offset-xl-5 {
        margin-left: 41.666667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.333333%
    }
    .offset-xl-8 {
        margin-left: 66.666667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.333333%
    }
    .offset-xl-11 {
        margin-left: 91.666667%
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529
}

.table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6
}

.table tbody+tbody {
    border-top: 2px solid #dee2e6
}

.table-sm td, .table-sm th {
    padding: .3rem
}

.table-bordered {
    border: 1px solid #dee2e6
}

.table-bordered td, .table-bordered th {
    border: 1px solid #dee2e6
}

.table-bordered thead td, .table-bordered thead th {
    border-bottom-width: 2px
}

.table-borderless tbody+tbody, .table-borderless td, .table-borderless th, .table-borderless thead th {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(0, 0, 0, .075)
}

.table-primary, .table-primary>td, .table-primary>th {
    background-color: #b8daff
}

.table-primary tbody+tbody, .table-primary td, .table-primary th, .table-primary thead th {
    border-color: #7abaff
}

.table-hover .table-primary:hover {
    background-color: #9fcdff
}

.table-hover .table-primary:hover>td, .table-hover .table-primary:hover>th {
    background-color: #9fcdff
}

.table-secondary, .table-secondary>td, .table-secondary>th {
    background-color: #d6d8db
}

.table-secondary tbody+tbody, .table-secondary td, .table-secondary th, .table-secondary thead th {
    border-color: #b3b7bb
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf
}

.table-hover .table-secondary:hover>td, .table-hover .table-secondary:hover>th {
    background-color: #c8cbcf
}

.table-success, .table-success>td, .table-success>th {
    background-color: #c3e6cb
}

.table-success tbody+tbody, .table-success td, .table-success th, .table-success thead th {
    border-color: #8fd19e
}

.table-hover .table-success:hover {
    background-color: #b1dfbb
}

.table-hover .table-success:hover>td, .table-hover .table-success:hover>th {
    background-color: #b1dfbb
}

.table-info, .table-info>td, .table-info>th {
    background-color: #bee5eb
}

.table-info tbody+tbody, .table-info td, .table-info th, .table-info thead th {
    border-color: #86cfda
}

.table-hover .table-info:hover {
    background-color: #abdde5
}

.table-hover .table-info:hover>td, .table-hover .table-info:hover>th {
    background-color: #abdde5
}

.table-warning, .table-warning>td, .table-warning>th {
    background-color: #ffeeba
}

.table-warning tbody+tbody, .table-warning td, .table-warning th, .table-warning thead th {
    border-color: #ffdf7e
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1
}

.table-hover .table-warning:hover>td, .table-hover .table-warning:hover>th {
    background-color: #ffe8a1
}

.table-danger, .table-danger>td, .table-danger>th {
    background-color: #f5c6cb
}

.table-danger tbody+tbody, .table-danger td, .table-danger th, .table-danger thead th {
    border-color: #ed969e
}

.table-hover .table-danger:hover {
    background-color: #f1b0b7
}

.table-hover .table-danger:hover>td, .table-hover .table-danger:hover>th {
    background-color: #f1b0b7
}

.table-light, .table-light>td, .table-light>th {
    background-color: #fdfdfe
}

.table-light tbody+tbody, .table-light td, .table-light th, .table-light thead th {
    border-color: #fbfcfc
}

.table-hover .table-light:hover {
    background-color: #ececf6
}

.table-hover .table-light:hover>td, .table-hover .table-light:hover>th {
    background-color: #ececf6
}

.table-dark, .table-dark>td, .table-dark>th {
    background-color: #c6c8ca
}

.table-dark tbody+tbody, .table-dark td, .table-dark th, .table-dark thead th {
    border-color: #95999c
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe
}

.table-hover .table-dark:hover>td, .table-hover .table-dark:hover>th {
    background-color: #b9bbbe
}

.table-active, .table-active>td, .table-active>th {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover>td, .table-hover .table-active:hover>th {
    background-color: rgba(0, 0, 0, .075)
}

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark {
    color: #fff;
    background-color: #343a40
}

.table-dark td, .table-dark th, .table-dark thead th {
    border-color: #454d55
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, .05)
}

.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .075)
}

@media (max-width:575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-sm>.table-bordered {
        border: 0
    }
}

@media (max-width:767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-md>.table-bordered {
        border: 0
    }
}

@media (max-width:991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-lg>.table-bordered {
        border: 0
    }
}

@media (max-width:1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-xl>.table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table-responsive>.table-bordered {
    border: 0
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.form-control::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::-ms-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

input[type=date].form-control, input[type=datetime-local].form-control, input[type=month].form-control, input[type=time].form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.form-control-file, .form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

select.form-control[multiple], select.form-control[size] {
    height: auto
}

textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.form-row>.col, .form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

.form-check-input:disabled~.form-check-label, .form-check-input[disabled]~.form-check-label {
    color: #6c757d
}

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #198754
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(40, 167, 69, .9);
    border-radius: .25rem
}

.is-valid~.valid-feedback, .is-valid~.valid-tooltip, .was-validated :valid~.valid-feedback, .was-validated :valid~.valid-tooltip {
    display: block
}

.form-control.is-valid, .was-validated .form-control:valid {
    border-color: #198754;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-valid:focus, .was-validated .form-control:valid:focus {
    border-color: #198754;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-valid, .was-validated .custom-select:valid {
    border-color: #198754;
    padding-right: calc(.75em + 2.3125rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
}

.custom-select.is-valid:focus, .was-validated .custom-select:valid:focus {
    border-color: #198754;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label {
    color: #198754
}

.form-check-input.is-valid~.valid-feedback, .form-check-input.is-valid~.valid-tooltip, .was-validated .form-check-input:valid~.valid-feedback, .was-validated .form-check-input:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid~.custom-control-label, .was-validated .custom-control-input:valid~.custom-control-label {
    color: #198754
}

.custom-control-input.is-valid~.custom-control-label::before, .was-validated .custom-control-input:valid~.custom-control-label::before {
    border-color: #198754
}

.custom-control-input.is-valid:checked~.custom-control-label::before, .was-validated .custom-control-input:valid:checked~.custom-control-label::before {
    border-color: #34ce57;
    background-color: #34ce57
}

.custom-control-input.is-valid:focus~.custom-control-label::before, .was-validated .custom-control-input:valid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before, .was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before {
    border-color: #198754
}

.custom-file-input.is-valid~.custom-file-label, .was-validated .custom-file-input:valid~.custom-file-label {
    border-color: #198754
}

.custom-file-input.is-valid:focus~.custom-file-label, .was-validated .custom-file-input:valid:focus~.custom-file-label {
    border-color: #198754;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220, 53, 69, .9);
    border-radius: .25rem
}

.is-invalid~.invalid-feedback, .is-invalid~.invalid-tooltip, .was-validated :invalid~.invalid-feedback, .was-validated :invalid~.invalid-tooltip {
    display: block
}

.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-invalid, .was-validated .custom-select:invalid {
    border-color: #dc3545;
    padding-right: calc(.75em + 2.3125rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
}

.custom-select.is-invalid:focus, .was-validated .custom-select:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-check-input.is-invalid~.form-check-label, .was-validated .form-check-input:invalid~.form-check-label {
    color: #dc3545
}

.form-check-input.is-invalid~.invalid-feedback, .form-check-input.is-invalid~.invalid-tooltip, .was-validated .form-check-input:invalid~.invalid-feedback, .was-validated .form-check-input:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid~.custom-control-label, .was-validated .custom-control-input:invalid~.custom-control-label {
    color: #dc3545
}

.custom-control-input.is-invalid~.custom-control-label::before, .was-validated .custom-control-input:invalid~.custom-control-label::before {
    border-color: #dc3545
}

.custom-control-input.is-invalid:checked~.custom-control-label::before, .was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
    border-color: #e4606d;
    background-color: #e4606d
}

.custom-control-input.is-invalid:focus~.custom-control-label::before, .was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before, .was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before {
    border-color: #dc3545
}

.custom-file-input.is-invalid~.custom-file-label, .was-validated .custom-file-input:invalid~.custom-file-label {
    border-color: #dc3545
}

.custom-file-input.is-invalid:focus~.custom-file-label, .was-validated .custom-file-input:invalid:focus~.custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center
}

.form-inline .form-check {
    width: 100%
}

@media (min-width:576px) {
    .form-inline label {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 0
    }
    .form-inline .form-group {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }
    .form-inline .form-control-plaintext {
        display: inline-block
    }
    .form-inline .custom-select, .form-inline .input-group {
        width: auto
    }
    .form-inline .form-check {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }
    .form-inline .form-check-input {
        position: relative;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }
    .form-inline .custom-control {
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: #212529;
    text-decoration: none
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.btn.disabled, .btn:disabled {
    opacity: .65
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

a.btn.disabled, fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc
}

.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62
}

.btn-secondary.focus, .btn-secondary:focus {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-secondary.disabled, .btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b
}

.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-success {
    color: #fff;
    background-color: #198754;
    border-color: #198754
}

.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34
}

.btn-success.focus, .btn-success:focus {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-success.disabled, .btn-success:disabled {
    color: #fff;
    background-color: #198754;
    border-color: #198754
}

.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430
}

.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b
}

.btn-info.focus, .btn-info:focus {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-info.disabled, .btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f
}

.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00
}

.btn-warning.focus, .btn-warning:focus {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-warning.disabled, .btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show>.btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500
}

.btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130
}

.btn-danger.focus, .btn-danger:focus {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-danger.disabled, .btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d
}

.btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5
}

.btn-light.focus, .btn-light:focus {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

.btn-light.disabled, .btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df
}

.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124
}

.btn-dark.focus, .btn-dark:focus {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-dark.disabled, .btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d
}

.btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-outline-primary {
    color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary.focus, .btn-outline-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #007bff;
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary.focus, .btn-outline-secondary:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-success {
    color: #198754;
    border-color: #198754
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #198754;
    border-color: #198754
}

.btn-outline-success.focus, .btn-outline-success:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
    color: #198754;
    background-color: transparent
}

.btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #198754;
    border-color: #198754
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-info {
    color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info.focus, .btn-outline-info:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent
}

.btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning.focus, .btn-outline-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent
}

.btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show>.btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger.focus, .btn-outline-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent
}

.btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light.focus, .btn-outline-light:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-light.disabled, .btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent
}

.btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show>.btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-dark {
    color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark.focus, .btn-outline-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-outline-dark.disabled, .btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent
}

.btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show>.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-link {
    font-weight: 400;
    color: #007bff;
    text-decoration: none
}

.btn-link:hover {
    color: #0056b3;
    text-decoration: underline
}

.btn-link.focus, .btn-link:focus {
    text-decoration: underline
}

.btn-link.disabled, .btn-link:disabled {
    color: #6c757d;
    pointer-events: none
}

.btn-group-lg>.btn, .btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.btn-group-sm>.btn, .btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: .5rem
}

input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
    width: 100%
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.dropdown, .dropleft, .dropright, .dropup {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: 4px 0 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

@media (min-width:576px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-sm-right {
        right: 0;
        left: auto
    }
}

@media (min-width:768px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-md-right {
        right: 0;
        left: auto
    }
}

@media (min-width:992px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-lg-right {
        right: 0;
        left: auto
    }
}

@media (min-width:1200px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-xl-right {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-toggle::after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropleft .dropdown-toggle::after {
    display: none
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=top] {
    right: auto;
    bottom: auto
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff
}

.dropdown-item.disabled, .dropdown-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1.5rem;
    color: #212529
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle
}

.btn-group-vertical>.btn, .btn-group>.btn {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.btn-group-vertical>.btn:hover, .btn-group>.btn:hover {
    z-index: 1
}

.btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus {
    z-index: 1
}

.btn-toolbar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group>.btn-group:not(:first-child), .btn-group>.btn:not(:first-child) {
    margin-left: -1px
}

.btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn, .btn-group>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after {
    margin-left: 0
}

.dropleft .dropdown-toggle-split::before {
    margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split, .btn-sm+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split, .btn-lg+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center
}

.btn-group-vertical>.btn, .btn-group-vertical>.btn-group {
    width: 100%
}

.btn-group-vertical>.btn-group:not(:first-child), .btn-group-vertical>.btn:not(:first-child) {
    margin-top: -1px
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn, .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn, .btn-group-vertical>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-toggle>.btn, .btn-group-toggle>.btn-group>.btn {
    margin-bottom: 0
}

.btn-group-toggle>.btn input[type=checkbox], .btn-group-toggle>.btn input[type=radio], .btn-group-toggle>.btn-group>.btn input[type=checkbox], .btn-group-toggle>.btn-group>.btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%
}

.input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control, .input-group>.form-control-plaintext {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0
}

.input-group>.custom-file+.custom-file, .input-group>.custom-file+.custom-select, .input-group>.custom-file+.form-control, .input-group>.custom-select+.custom-file, .input-group>.custom-select+.custom-select, .input-group>.custom-select+.form-control, .input-group>.form-control+.custom-file, .input-group>.form-control+.custom-select, .input-group>.form-control+.form-control, .input-group>.form-control-plaintext+.custom-file, .input-group>.form-control-plaintext+.custom-select, .input-group>.form-control-plaintext+.form-control {
    margin-left: -1px
}

.input-group>.custom-file .custom-file-input:focus~.custom-file-label, .input-group>.custom-select:focus, .input-group>.form-control:focus {
    z-index: 3
}

.input-group>.custom-file .custom-file-input:focus {
    z-index: 4
}

.input-group>.custom-select:not(:last-child), .input-group>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.custom-file {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.input-group>.custom-file:not(:last-child) .custom-file-label, .input-group>.custom-file:not(:last-child) .custom-file-label::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group-append, .input-group-prepend {
    display: -ms-flexbox;
    display: flex
}

.input-group-append .btn, .input-group-prepend .btn {
    position: relative;
    z-index: 2
}

.input-group-append .btn:focus, .input-group-prepend .btn:focus {
    z-index: 3
}

.input-group-append .btn+.btn, .input-group-append .btn+.input-group-text, .input-group-append .input-group-text+.btn, .input-group-append .input-group-text+.input-group-text, .input-group-prepend .btn+.btn, .input-group-prepend .btn+.input-group-text, .input-group-prepend .input-group-text+.btn, .input-group-prepend .input-group-text+.input-group-text {
    margin-left: -1px
}

.input-group-prepend {
    margin-right: -1px
}

.input-group-append {
    margin-left: -1px
}

.input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.input-group-text input[type=checkbox], .input-group-text input[type=radio] {
    margin-top: 0
}

.input-group-lg>.custom-select, .input-group-lg>.form-control:not(textarea) {
    height: calc(1.5em + 1rem + 2px)
}

.input-group-lg>.custom-select, .input-group-lg>.form-control, .input-group-lg>.input-group-append>.btn, .input-group-lg>.input-group-append>.input-group-text, .input-group-lg>.input-group-prepend>.btn, .input-group-lg>.input-group-prepend>.input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-sm>.custom-select, .input-group-sm>.form-control:not(textarea) {
    height: calc(1.5em + .5rem + 2px)
}

.input-group-sm>.custom-select, .input-group-sm>.form-control, .input-group-sm>.input-group-append>.btn, .input-group-sm>.input-group-append>.input-group-text, .input-group-sm>.input-group-prepend>.btn, .input-group-sm>.input-group-prepend>.input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.input-group-lg>.custom-select, .input-group-sm>.custom-select {
    padding-right: 1.75rem
}

.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group>.input-group-append:last-child>.input-group-text:not(:last-child), .input-group>.input-group-append:not(:last-child)>.btn, .input-group>.input-group-append:not(:last-child)>.input-group-text, .input-group>.input-group-prepend>.btn, .input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.input-group-append>.btn, .input-group>.input-group-append>.input-group-text, .input-group>.input-group-prepend:first-child>.btn:not(:first-child), .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child), .input-group>.input-group-prepend:not(:first-child)>.btn, .input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.custom-control {
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    -webkit-print-color-adjust: exact;
    color-adjust: exact
}

.custom-control-inline {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #007bff;
    background-color: #007bff
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #80bdff
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff;
    border-color: #b3d7ff
}

.custom-control-input:disabled~.custom-control-label, .custom-control-input[disabled]~.custom-control-label {
    color: #6c757d
}

.custom-control-input:disabled~.custom-control-label::before, .custom-control-input[disabled]~.custom-control-label::before {
    background-color: #e9ecef
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}

.custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px
}

.custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: no-repeat 50%/50% 50%
}

.custom-checkbox .custom-control-label::before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    border-color: #007bff;
    background-color: #007bff
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-radio .custom-control-label::before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-switch {
    padding-left: 2.25rem
}

.custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: .5rem
}

.custom-switch .custom-control-label::after {
    top: calc(.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: .5rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-switch .custom-control-label::after {
        transition: none
    }
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #fff;
    -webkit-transform: translateX(.75rem);
    transform: translateX(.75rem)
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.custom-select[multiple], .custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: .75rem;
    background-image: none
}

.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef
}

.custom-select::-ms-expand {
    display: none
}

.custom-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

.custom-select-sm {
    height: calc(1.5em + .5rem + 2px);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem
}

.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin-bottom: 0
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin: 0;
    opacity: 0
}

.custom-file-input:focus~.custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-file-input:disabled~.custom-file-label, .custom-file-input[disabled]~.custom-file-label {
    background-color: #e9ecef
}

.custom-file-input:lang(en)~.custom-file-label::after {
    content: "Browse"
}

.custom-file-input~.custom-file-label[data-browse]::after {
    content: attr(data-browse)
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + .75rem);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0
}

.custom-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.custom-range:focus {
    outline: 0
}

.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range::-moz-focus-outer {
    border: 0
}

.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -moz-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: .2rem;
    margin-left: .2rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -ms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-ms-thumb {
        -ms-transition: none;
        transition: none
    }
}

.custom-range::-ms-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: .5rem
}

.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-moz-range-track {
    cursor: default
}

.custom-range:disabled::-ms-thumb {
    background-color: #adb5bd
}

.custom-control-label::before, .custom-file-label, .custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-control-label::before, .custom-file-label, .custom-select {
        transition: none
    }
}

.nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

.nav-link:focus, .nav-link:hover {
    text-decoration: none
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-item {
    margin-bottom: -1px
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills .nav-link {
    border-radius: .25rem
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #007bff
}

.nav-fill .nav-item, .nav-fill>.nav-link {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item, .nav-justified>.nav-link {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .5rem 1rem
}

.navbar .container, .navbar .container-fluid, .navbar .container-lg, .navbar .container-md, .navbar .container-sm, .navbar .container-xl {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-brand:focus, .navbar-brand:hover {
    text-decoration: none
}

.navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none
}

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: center;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem
}

.navbar-toggler:focus, .navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%
}

@media (max-width:575.98px) {
    .navbar-expand-sm>.container, .navbar-expand-sm>.container-fluid, .navbar-expand-sm>.container-lg, .navbar-expand-sm>.container-md, .navbar-expand-sm>.container-sm, .navbar-expand-sm>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:576px) {
    .navbar-expand-sm {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .navbar-expand-sm .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-sm>.container, .navbar-expand-sm>.container-fluid, .navbar-expand-sm>.container-lg, .navbar-expand-sm>.container-md, .navbar-expand-sm>.container-sm, .navbar-expand-sm>.container-xl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .navbar-expand-sm .navbar-collapse {
        display: -ms-flexbox!important;
        display: flex!important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
    .navbar-expand-sm .navbar-toggler {
        display: none
    }
}

@media (max-width:767.98px) {
    .navbar-expand-md>.container, .navbar-expand-md>.container-fluid, .navbar-expand-md>.container-lg, .navbar-expand-md>.container-md, .navbar-expand-md>.container-sm, .navbar-expand-md>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:768px) {
    .navbar-expand-md {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .navbar-expand-md .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-md>.container, .navbar-expand-md>.container-fluid, .navbar-expand-md>.container-lg, .navbar-expand-md>.container-md, .navbar-expand-md>.container-sm, .navbar-expand-md>.container-xl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .navbar-expand-md .navbar-collapse {
        display: -ms-flexbox!important;
        display: flex!important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
    .navbar-expand-md .navbar-toggler {
        display: none
    }
}

@media (max-width:991.98px) {
    .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
    }
}

@media (min-width:992px) {
    .navbar-expand-lg {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .navbar-expand-lg .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .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 {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .navbar-expand-lg .navbar-collapse {
        display: -ms-flexbox!important;
        display: flex!important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
    .navbar-expand-lg .navbar-toggler {
        display: none
    }
}

@media (max-width:1199.98px) {
    .navbar-expand-xl>.container, .navbar-expand-xl>.container-fluid, .navbar-expand-xl>.container-lg, .navbar-expand-xl>.container-md, .navbar-expand-xl>.container-sm, .navbar-expand-xl>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:1200px) {
    .navbar-expand-xl {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .navbar-expand-xl .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-xl>.container, .navbar-expand-xl>.container-fluid, .navbar-expand-xl>.container-lg, .navbar-expand-xl>.container-md, .navbar-expand-xl>.container-sm, .navbar-expand-xl>.container-xl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .navbar-expand-xl .navbar-collapse {
        display: -ms-flexbox!important;
        display: flex!important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
    .navbar-expand-xl .navbar-toggler {
        display: none
    }
}

.navbar-expand {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.navbar-expand>.container, .navbar-expand>.container-fluid, .navbar-expand>.container-lg, .navbar-expand>.container-md, .navbar-expand>.container-sm, .navbar-expand>.container-xl {
    padding-right: 0;
    padding-left: 0
}

.navbar-expand .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-expand>.container, .navbar-expand>.container-fluid, .navbar-expand>.container-lg, .navbar-expand>.container-md, .navbar-expand>.container-sm, .navbar-expand>.container-xl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.navbar-expand .navbar-collapse {
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, .7)
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, .3)
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .5);
    border-color: rgba(0, 0, 0, .1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-text a {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-dark .navbar-brand {
    color: #fff
}

.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, .75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, .25)
}

.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
    color: #fff
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, .5);
    border-color: rgba(255, 255, 255, .1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-text a {
    color: #fff
}

.navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover {
    color: #fff
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card>.card-header+.list-group, .card>.list-group+.card-footer {
    border-top: 0
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link+.card-link {
    margin-left: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0, 0, 0, .03);
    border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    border-radius: calc(.25rem - 1px)
}

.card-img, .card-img-bottom, .card-img-top {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%
}

.card-img, .card-img-top {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img, .card-img-bottom {
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card-deck .card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-deck {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }
    .card-deck .card {
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px
    }
}

.card-group>.card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-group {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
    .card-group>.card {
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        margin-bottom: 0
    }
    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }
    .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-header, .card-group>.card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-footer, .card-group>.card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0
    }
    .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-header, .card-group>.card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-footer, .card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media (min-width:576px) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }
    .card-columns .card {
        display: inline-block;
        width: 100%
    }
}

.accordion {
    overflow-anchor: none
}

.accordion>.card {
    overflow: hidden
}

.accordion>.card:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.accordion>.card:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.accordion>.card>.card-header {
    border-radius: 0;
    margin-bottom: -1px
}

.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem
}

.breadcrumb-item {
    display: -ms-flexbox;
    display: flex
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #6c757d;
    content: "/"
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: underline
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: none
}

.breadcrumb-item.active {
    color: #6c757d
}

.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6
}

.page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .badge {
        transition: none
    }
}

a.badge:focus, a.badge:hover {
    text-decoration: none
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #007bff
}

a.badge-primary:focus, a.badge-primary:hover {
    color: #fff;
    background-color: #0062cc
}

a.badge-primary.focus, a.badge-primary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d
}

a.badge-secondary:focus, a.badge-secondary:hover {
    color: #fff;
    background-color: #545b62
}

a.badge-secondary.focus, a.badge-secondary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.badge-success {
    color: #fff;
    background-color: #198754
}

a.badge-success:focus, a.badge-success:hover {
    color: #fff;
    background-color: #1e7e34
}

a.badge-success.focus, a.badge-success:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.badge-info {
    color: #fff;
    background-color: #17a2b8
}

a.badge-info:focus, a.badge-info:hover {
    color: #fff;
    background-color: #117a8b
}

a.badge-info.focus, a.badge-info:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.badge-warning {
    color: #212529;
    background-color: #ffc107
}

a.badge-warning:focus, a.badge-warning:hover {
    color: #212529;
    background-color: #d39e00
}

a.badge-warning.focus, a.badge-warning:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.badge-danger {
    color: #fff;
    background-color: #dc3545
}

a.badge-danger:focus, a.badge-danger:hover {
    color: #fff;
    background-color: #bd2130
}

a.badge-danger.focus, a.badge-danger:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa
}

a.badge-light:focus, a.badge-light:hover {
    color: #212529;
    background-color: #dae0e5
}

a.badge-light.focus, a.badge-light:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.badge-dark {
    color: #fff;
    background-color: #343a40
}

a.badge-dark:focus, a.badge-dark:hover {
    color: #fff;
    background-color: #1d2124
}

a.badge-dark.focus, a.badge-dark:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem
}

@media (min-width:576px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 4rem
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: .75rem 1.25rem;
    color: inherit
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}

.alert-primary hr {
    border-top-color: #9fcdff
}

.alert-primary .alert-link {
    color: #002752
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

.alert-secondary hr {
    border-top-color: #c8cbcf
}

.alert-secondary .alert-link {
    color: #202326
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

.alert-success hr {
    border-top-color: #b1dfbb
}

.alert-success .alert-link {
    color: #0b2e13
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}

.alert-info hr {
    border-top-color: #abdde5
}

.alert-info .alert-link {
    color: #062c33
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

.alert-warning hr {
    border-top-color: #ffe8a1
}

.alert-warning .alert-link {
    color: #533f03
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

.alert-danger hr {
    border-top-color: #f1b0b7
}

.alert-danger .alert-link {
    color: #491217
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

.alert-light hr {
    border-top-color: #ececf6
}

.alert-light .alert-link {
    color: #686868
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

.alert-dark hr {
    border-top-color: #b9bbbe
}

.alert-dark .alert-link {
    color: #040505
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    overflow: hidden;
    line-height: 0;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        -webkit-animation: none;
        animation: none
    }
}

.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start
}

.media-body {
    -ms-flex: 1;
    flex: 1
}

.list-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: .25rem
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

.list-group-item-action:focus, .list-group-item-action:hover {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.list-group-item.disabled, .list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.list-group-item+.list-group-item {
    border-top-width: 0
}

.list-group-item+.list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px
}

.list-group-horizontal {
    -ms-flex-direction: row;
    flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0
}

.list-group-horizontal>.list-group-item.active {
    margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
}

@media (min-width:576px) {
    .list-group-horizontal-sm {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .list-group-horizontal-sm>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-sm>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-sm>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:768px) {
    .list-group-horizontal-md {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .list-group-horizontal-md>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-md>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-md>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:992px) {
    .list-group-horizontal-lg {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .list-group-horizontal-lg>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-lg>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:1200px) {
    .list-group-horizontal-xl {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .list-group-horizontal-xl>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-xl>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-xl>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

.list-group-flush {
    border-radius: 0
}

.list-group-flush>.list-group-item {
    border-width: 0 0 1px
}

.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0
}

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff
}

.list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover {
    color: #004085;
    background-color: #9fcdff
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #004085;
    border-color: #004085
}

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db
}

.list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover {
    color: #383d41;
    background-color: #c8cbcf
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41
}

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb
}

.list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover {
    color: #155724;
    background-color: #b1dfbb
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #155724;
    border-color: #155724
}

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb
}

.list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover {
    color: #0c5460;
    background-color: #abdde5
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460
}

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba
}

.list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover {
    color: #856404;
    background-color: #ffe8a1
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #856404;
    border-color: #856404
}

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb
}

.list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover {
    color: #721c24;
    background-color: #f1b0b7
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #721c24;
    border-color: #721c24
}

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}

.list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover {
    color: #818182;
    background-color: #ececf6
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182
}

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}

.list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover {
    color: #1b1e21;
    background-color: #b9bbbe
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.close:hover {
    color: #000;
    text-decoration: none
}

.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
    opacity: .75
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0
}

a.close.disabled {
    pointer-events: none
}

.toast {
    -ms-flex-preferred-size: 350px;
    flex-basis: 350px;
    max-width: 350px;
    font-size: .875rem;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
    opacity: 0;
    border-radius: .25rem
}

.toast:not(:last-child) {
    margin-bottom: .75rem
}

.toast.showing {
    opacity: 1
}

.toast.show {
    display: block;
    opacity: 1
}

.toast.hide {
    display: none
}

.toast-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .25rem .75rem;
    color: #6c757d;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.toast-body {
    padding: .75rem
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: translate(0, -50px);
    transform: translate(0, -50px)
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none
}

.modal.modal-static .modal-dialog {
    -webkit-transform: scale(1.02);
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    display: -ms-flexbox;
    display: flex;
    max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

.modal-dialog-scrollable .modal-footer, .modal-dialog-scrollable .modal-header {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px)
}

.modal-footer>* {
    margin: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }
    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }
    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }
    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem);
        height: -webkit-min-content;
        height: -moz-min-content;
        height: min-content
    }
    .modal-sm {
        max-width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg, .modal-xl {
        max-width: 800px
    }
}

@media (min-width:1200px) {
    .modal-xl {
        max-width: 1140px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[x-placement^=top], .bs-tooltip-top {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-top .arrow {
    bottom: 0
}

.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

.bs-tooltip-auto[x-placement^=right], .bs-tooltip-right {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow, .bs-tooltip-right .arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000
}

.bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow, .bs-tooltip-bottom .arrow {
    top: 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}

.bs-tooltip-auto[x-placement^=left], .bs-tooltip-left {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow, .bs-tooltip-left .arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before {
    left: 0;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem;
    margin: 0 .3rem
}

.popover .arrow::after, .popover .arrow::before {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-popover-auto[x-placement^=top], .bs-popover-top {
    margin-bottom: .5rem
}

.bs-popover-auto[x-placement^=top]>.arrow, .bs-popover-top>.arrow {
    bottom: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=top]>.arrow::before, .bs-popover-top>.arrow::before {
    bottom: 0;
    border-width: .5rem .5rem 0;
    border-top-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=top]>.arrow::after, .bs-popover-top>.arrow::after {
    bottom: 1px;
    border-width: .5rem .5rem 0;
    border-top-color: #fff
}

.bs-popover-auto[x-placement^=right], .bs-popover-right {
    margin-left: .5rem
}

.bs-popover-auto[x-placement^=right]>.arrow, .bs-popover-right>.arrow {
    left: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=right]>.arrow::before, .bs-popover-right>.arrow::before {
    left: 0;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=right]>.arrow::after, .bs-popover-right>.arrow::after {
    left: 1px;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #fff
}

.bs-popover-auto[x-placement^=bottom], .bs-popover-bottom {
    margin-top: .5rem
}

.bs-popover-auto[x-placement^=bottom]>.arrow, .bs-popover-bottom>.arrow {
    top: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=bottom]>.arrow::before, .bs-popover-bottom>.arrow::before {
    top: 0;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=bottom]>.arrow::after, .bs-popover-bottom>.arrow::after {
    top: 1px;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: #fff
}

.bs-popover-auto[x-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7
}

.bs-popover-auto[x-placement^=left], .bs-popover-left {
    margin-right: .5rem
}

.bs-popover-auto[x-placement^=left]>.arrow, .bs-popover-left>.arrow {
    right: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=left]>.arrow::before, .bs-popover-left>.arrow::before {
    right: 0;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=left]>.arrow::after, .bs-popover-left>.arrow::after {
    right: 1px;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #fff
}

.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: .5rem .75rem;
    color: #212529
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner::after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next, .carousel-item-prev, .carousel-item.active {
    display: block
}

.active.carousel-item-right, .carousel-item-next:not(.carousel-item-left) {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.active.carousel-item-left, .carousel-item-prev:not(.carousel-item-right) {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    -webkit-transform: none;
    transform: none
}

.carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media (prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
        transition: none
    }
}

.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-control-next, .carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: no-repeat 50%/100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators li {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

@-webkit-keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

@-webkit-keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: spinner-grow .75s linear infinite;
    animation: spinner-grow .75s linear infinite
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}

.align-baseline {
    vertical-align: baseline!important
}

.align-top {
    vertical-align: top!important
}

.align-middle {
    vertical-align: middle!important
}

.align-bottom {
    vertical-align: bottom!important
}

.align-text-bottom {
    vertical-align: text-bottom!important
}

.align-text-top {
    vertical-align: text-top!important
}

a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
    background-color: #0062cc!important
}

a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover {
    background-color: #545b62!important
}

.bg-success {
    background-color: #198754! important
}

a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover {
    background-color: #1e7e34!important
}

.bg-info {
    background-color: #17a2b8!important
}

a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover {
    background-color: #117a8b!important
}

.bg-warning {
    background-color: #ffc107!important
}

a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover {
    background-color: #d39e00!important
}

.bg-danger {
    background-color: #dc3545!important
}

a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover {
    background-color: #bd2130!important
}

.bg-light {
    background-color: #f8f9fa!important
}

a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover {
    background-color: #dae0e5!important
}

.bg-dark {
    background-color: #343a40!important
}

a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover {
    background-color: #1d2124!important
}

.bg-white {
    background-color: #fff!important
}

.bg-transparent {
    background-color: transparent!important
}

.border {
    border: 1px solid #dee2e6!important
}

.border-top {
    border-top: 1px solid #dee2e6!important
}

.border-right {
    border-right: 1px solid #dee2e6!important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6!important
}

.border-left {
    border-left: 1px solid #dee2e6!important
}

.border-0 {
    border: 0!important
}

.border-top-0 {
    border-top: 0!important
}

.border-right-0 {
    border-right: 0!important
}

.border-bottom-0 {
    border-bottom: 0!important
}

.border-left-0 {
    border-left: 0!important
}

.border-primary {
    border-color: #007bff!important
}

.border-secondary {
    border-color: #6c757d!important
}

.border-success {
    border-color: #198754!important
}

.border-info {
    border-color: #17a2b8!important
}

.border-warning {
    border-color: #ffc107!important
}

.border-danger {
    border-color: #dc3545!important
}

.border-light {
    border-color: #f8f9fa!important
}

.border-dark {
    border-color: #343a40!important
}

.border-white {
    border-color: #fff!important
}

.rounded-sm {
    border-radius: .2rem!important
}

.rounded {
    border-radius: .25rem!important
}

.rounded-top {
    border-top-left-radius: .25rem!important;
    border-top-right-radius: .25rem!important
}

.rounded-right {
    border-top-right-radius: .25rem!important;
    border-bottom-right-radius: .25rem!important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem!important;
    border-bottom-left-radius: .25rem!important
}

.rounded-left {
    border-top-left-radius: .25rem!important;
    border-bottom-left-radius: .25rem!important
}

.rounded-lg {
    border-radius: .3rem!important
}

.rounded-circle {
    border-radius: 50%!important
}

.rounded-pill {
    border-radius: 50rem!important
}

.rounded-0 {
    border-radius: 0!important
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.d-none {
    display: none!important
}

.d-inline {
    display: inline!important
}

.d-inline-block {
    display: inline-block!important
}

.d-block {
    display: block!important
}

.d-table {
    display: table!important
}

.d-table-row {
    display: table-row!important
}

.d-table-cell {
    display: table-cell!important
}

.d-flex {
    display: -ms-flexbox!important;
    display: flex!important
}

.d-inline-flex {
    display: -ms-inline-flexbox!important;
    display: inline-flex!important
}

@media (min-width:576px) {
    .d-sm-none {
        display: none!important
    }
    .d-sm-inline {
        display: inline!important
    }
    .d-sm-inline-block {
        display: inline-block!important
    }
    .d-sm-block {
        display: block!important
    }
    .d-sm-table {
        display: table!important
    }
    .d-sm-table-row {
        display: table-row!important
    }
    .d-sm-table-cell {
        display: table-cell!important
    }
    .d-sm-flex {
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-sm-inline-flex {
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media (min-width:768px) {
    .d-md-none {
        display: none!important
    }
    .d-md-inline {
        display: inline!important
    }
    .d-md-inline-block {
        display: inline-block!important
    }
    .d-md-block {
        display: block!important
    }
    .d-md-table {
        display: table!important
    }
    .d-md-table-row {
        display: table-row!important
    }
    .d-md-table-cell {
        display: table-cell!important
    }
    .d-md-flex {
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-md-inline-flex {
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media (min-width:992px) {
    .d-lg-none {
        display: none!important
    }
    .d-lg-inline {
        display: inline!important
    }
    .d-lg-inline-block {
        display: inline-block!important
    }
    .d-lg-block {
        display: block!important
    }
    .d-lg-table {
        display: table!important
    }
    .d-lg-table-row {
        display: table-row!important
    }
    .d-lg-table-cell {
        display: table-cell!important
    }
    .d-lg-flex {
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-lg-inline-flex {
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media (min-width:1200px) {
    .d-xl-none {
        display: none!important
    }
    .d-xl-inline {
        display: inline!important
    }
    .d-xl-inline-block {
        display: inline-block!important
    }
    .d-xl-block {
        display: block!important
    }
    .d-xl-table {
        display: table!important
    }
    .d-xl-table-row {
        display: table-row!important
    }
    .d-xl-table-cell {
        display: table-cell!important
    }
    .d-xl-flex {
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-xl-inline-flex {
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media print {
    .d-print-none {
        display: none!important
    }
    .d-print-inline {
        display: inline!important
    }
    .d-print-inline-block {
        display: inline-block!important
    }
    .d-print-block {
        display: block!important
    }
    .d-print-table {
        display: table!important
    }
    .d-print-table-row {
        display: table-row!important
    }
    .d-print-table-cell {
        display: table-cell!important
    }
    .d-print-flex {
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-print-inline-flex {
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive::before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9::before {
    padding-top: 42.857143%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.flex-row {
    -ms-flex-direction: row!important;
    flex-direction: row!important
}

.flex-column {
    -ms-flex-direction: column!important;
    flex-direction: column!important
}

.flex-row-reverse {
    -ms-flex-direction: row-reverse!important;
    flex-direction: row-reverse!important
}

.flex-column-reverse {
    -ms-flex-direction: column-reverse!important;
    flex-direction: column-reverse!important
}

.flex-wrap {
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap!important;
    flex-wrap: nowrap!important
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse!important;
    flex-wrap: wrap-reverse!important
}

.flex-fill {
    -ms-flex: 1 1 auto!important;
    flex: 1 1 auto!important
}

.flex-grow-0 {
    -ms-flex-positive: 0!important;
    flex-grow: 0!important
}

.flex-grow-1 {
    -ms-flex-positive: 1!important;
    flex-grow: 1!important
}

.flex-shrink-0 {
    -ms-flex-negative: 0!important;
    flex-shrink: 0!important
}

.flex-shrink-1 {
    -ms-flex-negative: 1!important;
    flex-shrink: 1!important
}

.justify-content-start {
    -ms-flex-pack: start!important;
    justify-content: flex-start!important
}

.justify-content-end {
    -ms-flex-pack: end!important;
    justify-content: flex-end!important
}

.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important
}

.justify-content-between {
    -ms-flex-pack: justify!important;
    justify-content: space-between!important
}

.justify-content-around {
    -ms-flex-pack: distribute!important;
    justify-content: space-around!important
}

.align-items-start {
    -ms-flex-align: start!important;
    align-items: flex-start!important
}

.align-items-end {
    -ms-flex-align: end!important;
    align-items: flex-end!important
}

.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important
}

.align-items-baseline {
    -ms-flex-align: baseline!important;
    align-items: baseline!important
}

.align-items-stretch {
    -ms-flex-align: stretch!important;
    align-items: stretch!important
}

.align-content-start {
    -ms-flex-line-pack: start!important;
    align-content: flex-start!important
}

.align-content-end {
    -ms-flex-line-pack: end!important;
    align-content: flex-end!important
}

.align-content-center {
    -ms-flex-line-pack: center!important;
    align-content: center!important
}

.align-content-between {
    -ms-flex-line-pack: justify!important;
    align-content: space-between!important
}

.align-content-around {
    -ms-flex-line-pack: distribute!important;
    align-content: space-around!important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch!important;
    align-content: stretch!important
}

.align-self-auto {
    -ms-flex-item-align: auto!important;
    align-self: auto!important
}

.align-self-start {
    -ms-flex-item-align: start!important;
    align-self: flex-start!important
}

.align-self-end {
    -ms-flex-item-align: end!important;
    align-self: flex-end!important
}

.align-self-center {
    -ms-flex-item-align: center!important;
    align-self: center!important
}

.align-self-baseline {
    -ms-flex-item-align: baseline!important;
    align-self: baseline!important
}

.align-self-stretch {
    -ms-flex-item-align: stretch!important;
    align-self: stretch!important
}

@media (min-width:576px) {
    .flex-sm-row {
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-sm-column {
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .flex-sm-row-reverse {
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }
    .flex-sm-column-reverse {
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-sm-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .flex-sm-fill {
        -ms-flex: 1 1 auto!important;
        flex: 1 1 auto!important
    }
    .flex-sm-grow-0 {
        -ms-flex-positive: 0!important;
        flex-grow: 0!important
    }
    .flex-sm-grow-1 {
        -ms-flex-positive: 1!important;
        flex-grow: 1!important
    }
    .flex-sm-shrink-0 {
        -ms-flex-negative: 0!important;
        flex-shrink: 0!important
    }
    .flex-sm-shrink-1 {
        -ms-flex-negative: 1!important;
        flex-shrink: 1!important
    }
    .justify-content-sm-start {
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-sm-end {
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-sm-center {
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-sm-between {
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-sm-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-sm-start {
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-sm-end {
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-sm-center {
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-items-sm-baseline {
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-sm-stretch {
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-sm-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-sm-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-sm-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-sm-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-sm-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-sm-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }
    .align-self-sm-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-sm-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-sm-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }
    .align-self-sm-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-sm-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

@media (min-width:768px) {
    .flex-md-row {
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-md-column {
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .flex-md-row-reverse {
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }
    .flex-md-column-reverse {
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-md-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-md-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .flex-md-fill {
        -ms-flex: 1 1 auto!important;
        flex: 1 1 auto!important
    }
    .flex-md-grow-0 {
        -ms-flex-positive: 0!important;
        flex-grow: 0!important
    }
    .flex-md-grow-1 {
        -ms-flex-positive: 1!important;
        flex-grow: 1!important
    }
    .flex-md-shrink-0 {
        -ms-flex-negative: 0!important;
        flex-shrink: 0!important
    }
    .flex-md-shrink-1 {
        -ms-flex-negative: 1!important;
        flex-shrink: 1!important
    }
    .justify-content-md-start {
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-md-end {
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-md-center {
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-md-between {
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-md-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-md-start {
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-md-end {
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-md-center {
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-items-md-baseline {
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-md-stretch {
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-md-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-md-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-md-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-md-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-md-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-md-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-md-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }
    .align-self-md-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-md-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-md-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }
    .align-self-md-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-md-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

@media (min-width:992px) {
    .flex-lg-row {
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-lg-column {
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .flex-lg-row-reverse {
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }
    .flex-lg-column-reverse {
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-lg-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .flex-lg-fill {
        -ms-flex: 1 1 auto!important;
        flex: 1 1 auto!important
    }
    .flex-lg-grow-0 {
        -ms-flex-positive: 0!important;
        flex-grow: 0!important
    }
    .flex-lg-grow-1 {
        -ms-flex-positive: 1!important;
        flex-grow: 1!important
    }
    .flex-lg-shrink-0 {
        -ms-flex-negative: 0!important;
        flex-shrink: 0!important
    }
    .flex-lg-shrink-1 {
        -ms-flex-negative: 1!important;
        flex-shrink: 1!important
    }
    .justify-content-lg-start {
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-lg-end {
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-lg-center {
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-lg-between {
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-lg-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-lg-start {
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-lg-end {
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-lg-center {
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-items-lg-baseline {
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-lg-stretch {
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-lg-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-lg-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-lg-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-lg-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-lg-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-lg-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }
    .align-self-lg-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-lg-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-lg-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }
    .align-self-lg-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-lg-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

@media (min-width:1200px) {
    .flex-xl-row {
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-xl-column {
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .flex-xl-row-reverse {
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }
    .flex-xl-column-reverse {
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-xl-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .flex-xl-fill {
        -ms-flex: 1 1 auto!important;
        flex: 1 1 auto!important
    }
    .flex-xl-grow-0 {
        -ms-flex-positive: 0!important;
        flex-grow: 0!important
    }
    .flex-xl-grow-1 {
        -ms-flex-positive: 1!important;
        flex-grow: 1!important
    }
    .flex-xl-shrink-0 {
        -ms-flex-negative: 0!important;
        flex-shrink: 0!important
    }
    .flex-xl-shrink-1 {
        -ms-flex-negative: 1!important;
        flex-shrink: 1!important
    }
    .justify-content-xl-start {
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-xl-end {
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-xl-center {
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-xl-between {
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-xl-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-xl-start {
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-xl-end {
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-xl-center {
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-items-xl-baseline {
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-xl-stretch {
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-xl-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-xl-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-xl-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-xl-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-xl-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-xl-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }
    .align-self-xl-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-xl-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-xl-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }
    .align-self-xl-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-xl-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

.float-left {
    float: left!important
}

.float-right {
    float: right!important
}

.float-none {
    float: none!important
}

@media (min-width:576px) {
    .float-sm-left {
        float: left!important
    }
    .float-sm-right {
        float: right!important
    }
    .float-sm-none {
        float: none!important
    }
}

@media (min-width:768px) {
    .float-md-left {
        float: left!important
    }
    .float-md-right {
        float: right!important
    }
    .float-md-none {
        float: none!important
    }
}

@media (min-width:992px) {
    .float-lg-left {
        float: left!important
    }
    .float-lg-right {
        float: right!important
    }
    .float-lg-none {
        float: none!important
    }
}

@media (min-width:1200px) {
    .float-xl-left {
        float: left!important
    }
    .float-xl-right {
        float: right!important
    }
    .float-xl-none {
        float: none!important
    }
}

.user-select-all {
    -webkit-user-select: all!important;
    -moz-user-select: all!important;
    -ms-user-select: all!important;
    user-select: all!important
}

.user-select-auto {
    -webkit-user-select: auto!important;
    -moz-user-select: auto!important;
    -ms-user-select: auto!important;
    user-select: auto!important
}

.user-select-none {
    -webkit-user-select: none!important;
    -moz-user-select: none!important;
    -ms-user-select: none!important;
    user-select: none!important
}

.overflow-auto {
    overflow: auto!important
}

.overflow-hidden {
    overflow: hidden!important
}

.position-static {
    position: static!important
}

.position-relative {
    position: relative!important
}

.position-absolute {
    position: absolute!important
}

.position-fixed {
    position: fixed!important
}

.position-sticky {
    position: -webkit-sticky!important;
    position: sticky!important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports ((position:-webkit-sticky) or (position:sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175)!important
}

.shadow-none {
    box-shadow: none!important
}

.w-25 {
    width: 25%!important
}

.w-50 {
    width: 50%!important
}

.w-75 {
    width: 75%!important
}

.w-100 {
    width: 100%!important
}

.w-auto {
    width: auto!important
}

.h-25 {
    height: 25%!important
}

.h-50 {
    height: 50%!important
}

.h-75 {
    height: 75%!important
}

.h-100 {
    height: 100%!important
}

.h-auto {
    height: auto!important
}

.mw-100 {
    max-width: 100%!important
}

.mh-100 {
    max-height: 100%!important
}

.min-vw-100 {
    min-width: 100vw!important
}

.min-vh-100 {
    min-height: 100vh!important
}

.vw-100 {
    width: 100vw!important
}

.vh-100 {
    height: 100vh!important
}

.m-0 {
    margin: 0!important
}

.mt-0, .my-0 {
    margin-top: 0!important
}

.mr-0, .mx-0 {
    margin-right: 0!important
}

.mb-0, .my-0 {
    margin-bottom: 0!important
}

.ml-0, .mx-0 {
    margin-left: 0!important
}

.m-1 {
    margin: .25rem!important
}

.mt-1, .my-1 {
    margin-top: .25rem!important
}

.mr-1, .mx-1 {
    margin-right: .25rem!important
}

.mb-1, .my-1 {
    margin-bottom: .25rem!important
}

.ml-1, .mx-1 {
    margin-left: .25rem!important
}

.m-2 {
    margin: .5rem!important
}

.mt-2, .my-2 {
    margin-top: .5rem!important
}

.mr-2, .mx-2 {
    margin-right: .5rem!important
}

.mb-2, .my-2 {
    margin-bottom: .5rem!important
}

.ml-2, .mx-2 {
    margin-left: .5rem!important
}

.m-3 {
    margin: 1rem!important
}

.mt-3, .my-3 {
    margin-top: 1rem!important
}

.mr-3, .mx-3 {
    margin-right: 1rem!important
}

.mb-3, .my-3 {
    margin-bottom: 1rem!important
}

.ml-3, .mx-3 {
    margin-left: 1rem!important
}

.m-4 {
    margin: 1.5rem!important
}

.mt-4, .my-4 {
    margin-top: 1.5rem!important
}

.mr-4, .mx-4 {
    margin-right: 1.5rem!important
}

.mb-4, .my-4 {
    margin-bottom: 1.5rem!important
}

.ml-4, .mx-4 {
    margin-left: 1.5rem!important
}

.m-5 {
    margin: 3rem!important
}

.mt-5, .my-5 {
    margin-top: 3rem!important
}

.mr-5, .mx-5 {
    margin-right: 3rem!important
}

.mb-5, .my-5 {
    margin-bottom: 3rem!important
}

.ml-5, .mx-5 {
    margin-left: 3rem!important
}

.p-0 {
    padding: 0!important
}

.pt-0, .py-0 {
    padding-top: 0!important
}

.pr-0, .px-0 {
    padding-right: 0!important
}

.pb-0, .py-0 {
    padding-bottom: 0!important
}

.pl-0, .px-0 {
    padding-left: 0!important
}

.p-1 {
    padding: .25rem!important
}

.pt-1, .py-1 {
    padding-top: .25rem!important
}

.pr-1, .px-1 {
    padding-right: .25rem!important
}

.pb-1, .py-1 {
    padding-bottom: .25rem!important
}

.pl-1, .px-1 {
    padding-left: .25rem!important
}

.p-2 {
    padding: .5rem!important
}

.pt-2, .py-2 {
    padding-top: .5rem!important
}

.pr-2, .px-2 {
    padding-right: .5rem!important
}

.pb-2, .py-2 {
    padding-bottom: .5rem!important
}

.pl-2, .px-2 {
    padding-left: .5rem!important
}

.p-3 {
    padding: 1rem!important
}

.pt-3, .py-3 {
    padding-top: 1rem!important
}

.pr-3, .px-3 {
    padding-right: 1rem!important
}

.pb-3, .py-3 {
    padding-bottom: 1rem!important
}

.pl-3, .px-3 {
    padding-left: 1rem!important
}

.p-4 {
    padding: 1.5rem!important
}

.pt-4, .py-4 {
    padding-top: 1.5rem!important
}

.pr-4, .px-4 {
    padding-right: 1.5rem!important
}

.pb-4, .py-4 {
    padding-bottom: 1.5rem!important
}

.pl-4, .px-4 {
    padding-left: 1.5rem!important
}

.p-5 {
    padding: 3rem!important
}

.pt-5, .py-5 {
    padding-top: 3rem!important
}

.pr-5, .px-5 {
    padding-right: 3rem!important
}

.pb-5, .py-5 {
    padding-bottom: 3rem!important
}

.pl-5, .px-5 {
    padding-left: 3rem!important
}

.m-n1 {
    margin: -.25rem!important
}

.mt-n1, .my-n1 {
    margin-top: -.25rem!important
}

.mr-n1, .mx-n1 {
    margin-right: -.25rem!important
}

.mb-n1, .my-n1 {
    margin-bottom: -.25rem!important
}

.ml-n1, .mx-n1 {
    margin-left: -.25rem!important
}

.m-n2 {
    margin: -.5rem!important
}

.mt-n2, .my-n2 {
    margin-top: -.5rem!important
}

.mr-n2, .mx-n2 {
    margin-right: -.5rem!important
}

.mb-n2, .my-n2 {
    margin-bottom: -.5rem!important
}

.ml-n2, .mx-n2 {
    margin-left: -.5rem!important
}

.m-n3 {
    margin: -1rem!important
}

.mt-n3, .my-n3 {
    margin-top: -1rem!important
}

.mr-n3, .mx-n3 {
    margin-right: -1rem!important
}

.mb-n3, .my-n3 {
    margin-bottom: -1rem!important
}

.ml-n3, .mx-n3 {
    margin-left: -1rem!important
}

.m-n4 {
    margin: -1.5rem!important
}

.mt-n4, .my-n4 {
    margin-top: -1.5rem!important
}

.mr-n4, .mx-n4 {
    margin-right: -1.5rem!important
}

.mb-n4, .my-n4 {
    margin-bottom: -1.5rem!important
}

.ml-n4, .mx-n4 {
    margin-left: -1.5rem!important
}

.m-n5 {
    margin: -3rem!important
}

.mt-n5, .my-n5 {
    margin-top: -3rem!important
}

.mr-n5, .mx-n5 {
    margin-right: -3rem!important
}

.mb-n5, .my-n5 {
    margin-bottom: -3rem!important
}

.ml-n5, .mx-n5 {
    margin-left: -3rem!important
}

.m-auto {
    margin: auto!important
}

.mt-auto, .my-auto {
    margin-top: auto!important
}

.mr-auto, .mx-auto {
    margin-right: auto!important
}

.mb-auto, .my-auto {
    margin-bottom: auto!important
}

.ml-auto, .mx-auto {
    margin-left: auto!important
}

@media (min-width:576px) {
    .m-sm-0 {
        margin: 0!important
    }
    .mt-sm-0, .my-sm-0 {
        margin-top: 0!important
    }
    .mr-sm-0, .mx-sm-0 {
        margin-right: 0!important
    }
    .mb-sm-0, .my-sm-0 {
        margin-bottom: 0!important
    }
    .ml-sm-0, .mx-sm-0 {
        margin-left: 0!important
    }
    .m-sm-1 {
        margin: .25rem!important
    }
    .mt-sm-1, .my-sm-1 {
        margin-top: .25rem!important
    }
    .mr-sm-1, .mx-sm-1 {
        margin-right: .25rem!important
    }
    .mb-sm-1, .my-sm-1 {
        margin-bottom: .25rem!important
    }
    .ml-sm-1, .mx-sm-1 {
        margin-left: .25rem!important
    }
    .m-sm-2 {
        margin: .5rem!important
    }
    .mt-sm-2, .my-sm-2 {
        margin-top: .5rem!important
    }
    .mr-sm-2, .mx-sm-2 {
        margin-right: .5rem!important
    }
    .mb-sm-2, .my-sm-2 {
        margin-bottom: .5rem!important
    }
    .ml-sm-2, .mx-sm-2 {
        margin-left: .5rem!important
    }
    .m-sm-3 {
        margin: 1rem!important
    }
    .mt-sm-3, .my-sm-3 {
        margin-top: 1rem!important
    }
    .mr-sm-3, .mx-sm-3 {
        margin-right: 1rem!important
    }
    .mb-sm-3, .my-sm-3 {
        margin-bottom: 1rem!important
    }
    .ml-sm-3, .mx-sm-3 {
        margin-left: 1rem!important
    }
    .m-sm-4 {
        margin: 1.5rem!important
    }
    .mt-sm-4, .my-sm-4 {
        margin-top: 1.5rem!important
    }
    .mr-sm-4, .mx-sm-4 {
        margin-right: 1.5rem!important
    }
    .mb-sm-4, .my-sm-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-sm-4, .mx-sm-4 {
        margin-left: 1.5rem!important
    }
    .m-sm-5 {
        margin: 3rem!important
    }
    .mt-sm-5, .my-sm-5 {
        margin-top: 3rem!important
    }
    .mr-sm-5, .mx-sm-5 {
        margin-right: 3rem!important
    }
    .mb-sm-5, .my-sm-5 {
        margin-bottom: 3rem!important
    }
    .ml-sm-5, .mx-sm-5 {
        margin-left: 3rem!important
    }
    .p-sm-0 {
        padding: 0!important
    }
    .pt-sm-0, .py-sm-0 {
        padding-top: 0!important
    }
    .pr-sm-0, .px-sm-0 {
        padding-right: 0!important
    }
    .pb-sm-0, .py-sm-0 {
        padding-bottom: 0!important
    }
    .pl-sm-0, .px-sm-0 {
        padding-left: 0!important
    }
    .p-sm-1 {
        padding: .25rem!important
    }
    .pt-sm-1, .py-sm-1 {
        padding-top: .25rem!important
    }
    .pr-sm-1, .px-sm-1 {
        padding-right: .25rem!important
    }
    .pb-sm-1, .py-sm-1 {
        padding-bottom: .25rem!important
    }
    .pl-sm-1, .px-sm-1 {
        padding-left: .25rem!important
    }
    .p-sm-2 {
        padding: .5rem!important
    }
    .pt-sm-2, .py-sm-2 {
        padding-top: .5rem!important
    }
    .pr-sm-2, .px-sm-2 {
        padding-right: .5rem!important
    }
    .pb-sm-2, .py-sm-2 {
        padding-bottom: .5rem!important
    }
    .pl-sm-2, .px-sm-2 {
        padding-left: .5rem!important
    }
    .p-sm-3 {
        padding: 1rem!important
    }
    .pt-sm-3, .py-sm-3 {
        padding-top: 1rem!important
    }
    .pr-sm-3, .px-sm-3 {
        padding-right: 1rem!important
    }
    .pb-sm-3, .py-sm-3 {
        padding-bottom: 1rem!important
    }
    .pl-sm-3, .px-sm-3 {
        padding-left: 1rem!important
    }
    .p-sm-4 {
        padding: 1.5rem!important
    }
    .pt-sm-4, .py-sm-4 {
        padding-top: 1.5rem!important
    }
    .pr-sm-4, .px-sm-4 {
        padding-right: 1.5rem!important
    }
    .pb-sm-4, .py-sm-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-sm-4, .px-sm-4 {
        padding-left: 1.5rem!important
    }
    .p-sm-5 {
        padding: 3rem!important
    }
    .pt-sm-5, .py-sm-5 {
        padding-top: 3rem!important
    }
    .pr-sm-5, .px-sm-5 {
        padding-right: 3rem!important
    }
    .pb-sm-5, .py-sm-5 {
        padding-bottom: 3rem!important
    }
    .pl-sm-5, .px-sm-5 {
        padding-left: 3rem!important
    }
    .m-sm-n1 {
        margin: -.25rem!important
    }
    .mt-sm-n1, .my-sm-n1 {
        margin-top: -.25rem!important
    }
    .mr-sm-n1, .mx-sm-n1 {
        margin-right: -.25rem!important
    }
    .mb-sm-n1, .my-sm-n1 {
        margin-bottom: -.25rem!important
    }
    .ml-sm-n1, .mx-sm-n1 {
        margin-left: -.25rem!important
    }
    .m-sm-n2 {
        margin: -.5rem!important
    }
    .mt-sm-n2, .my-sm-n2 {
        margin-top: -.5rem!important
    }
    .mr-sm-n2, .mx-sm-n2 {
        margin-right: -.5rem!important
    }
    .mb-sm-n2, .my-sm-n2 {
        margin-bottom: -.5rem!important
    }
    .ml-sm-n2, .mx-sm-n2 {
        margin-left: -.5rem!important
    }
    .m-sm-n3 {
        margin: -1rem!important
    }
    .mt-sm-n3, .my-sm-n3 {
        margin-top: -1rem!important
    }
    .mr-sm-n3, .mx-sm-n3 {
        margin-right: -1rem!important
    }
    .mb-sm-n3, .my-sm-n3 {
        margin-bottom: -1rem!important
    }
    .ml-sm-n3, .mx-sm-n3 {
        margin-left: -1rem!important
    }
    .m-sm-n4 {
        margin: -1.5rem!important
    }
    .mt-sm-n4, .my-sm-n4 {
        margin-top: -1.5rem!important
    }
    .mr-sm-n4, .mx-sm-n4 {
        margin-right: -1.5rem!important
    }
    .mb-sm-n4, .my-sm-n4 {
        margin-bottom: -1.5rem!important
    }
    .ml-sm-n4, .mx-sm-n4 {
        margin-left: -1.5rem!important
    }
    .m-sm-n5 {
        margin: -3rem!important
    }
    .mt-sm-n5, .my-sm-n5 {
        margin-top: -3rem!important
    }
    .mr-sm-n5, .mx-sm-n5 {
        margin-right: -3rem!important
    }
    .mb-sm-n5, .my-sm-n5 {
        margin-bottom: -3rem!important
    }
    .ml-sm-n5, .mx-sm-n5 {
        margin-left: -3rem!important
    }
    .m-sm-auto {
        margin: auto!important
    }
    .mt-sm-auto, .my-sm-auto {
        margin-top: auto!important
    }
    .mr-sm-auto, .mx-sm-auto {
        margin-right: auto!important
    }
    .mb-sm-auto, .my-sm-auto {
        margin-bottom: auto!important
    }
    .ml-sm-auto, .mx-sm-auto {
        margin-left: auto!important
    }
}

@media (min-width:768px) {
    .m-md-0 {
        margin: 0!important
    }
    .mt-md-0, .my-md-0 {
        margin-top: 0!important
    }
    .mr-md-0, .mx-md-0 {
        margin-right: 0!important
    }
    .mb-md-0, .my-md-0 {
        margin-bottom: 0!important
    }
    .ml-md-0, .mx-md-0 {
        margin-left: 0!important
    }
    .m-md-1 {
        margin: .25rem!important
    }
    .mt-md-1, .my-md-1 {
        margin-top: .25rem!important
    }
    .mr-md-1, .mx-md-1 {
        margin-right: .25rem!important
    }
    .mb-md-1, .my-md-1 {
        margin-bottom: .25rem!important
    }
    .ml-md-1, .mx-md-1 {
        margin-left: .25rem!important
    }
    .m-md-2 {
        margin: .5rem!important
    }
    .mt-md-2, .my-md-2 {
        margin-top: .5rem!important
    }
    .mr-md-2, .mx-md-2 {
        margin-right: .5rem!important
    }
    .mb-md-2, .my-md-2 {
        margin-bottom: .5rem!important
    }
    .ml-md-2, .mx-md-2 {
        margin-left: .5rem!important
    }
    .m-md-3 {
        margin: 1rem!important
    }
    .mt-md-3, .my-md-3 {
        margin-top: 1rem!important
    }
    .mr-md-3, .mx-md-3 {
        margin-right: 1rem!important
    }
    .mb-md-3, .my-md-3 {
        margin-bottom: 1rem!important
    }
    .ml-md-3, .mx-md-3 {
        margin-left: 1rem!important
    }
    .m-md-4 {
        margin: 1.5rem!important
    }
    .mt-md-4, .my-md-4 {
        margin-top: 1.5rem!important
    }
    .mr-md-4, .mx-md-4 {
        margin-right: 1.5rem!important
    }
    .mb-md-4, .my-md-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-md-4, .mx-md-4 {
        margin-left: 1.5rem!important
    }
    .m-md-5 {
        margin: 3rem!important
    }
    .mt-md-5, .my-md-5 {
        margin-top: 3rem!important
    }
    .mr-md-5, .mx-md-5 {
        margin-right: 3rem!important
    }
    .mb-md-5, .my-md-5 {
        margin-bottom: 3rem!important
    }
    .ml-md-5, .mx-md-5 {
        margin-left: 3rem!important
    }
    .p-md-0 {
        padding: 0!important
    }
    .pt-md-0, .py-md-0 {
        padding-top: 0!important
    }
    .pr-md-0, .px-md-0 {
        padding-right: 0!important
    }
    .pb-md-0, .py-md-0 {
        padding-bottom: 0!important
    }
    .pl-md-0, .px-md-0 {
        padding-left: 0!important
    }
    .p-md-1 {
        padding: .25rem!important
    }
    .pt-md-1, .py-md-1 {
        padding-top: .25rem!important
    }
    .pr-md-1, .px-md-1 {
        padding-right: .25rem!important
    }
    .pb-md-1, .py-md-1 {
        padding-bottom: .25rem!important
    }
    .pl-md-1, .px-md-1 {
        padding-left: .25rem!important
    }
    .p-md-2 {
        padding: .5rem!important
    }
    .pt-md-2, .py-md-2 {
        padding-top: .5rem!important
    }
    .pr-md-2, .px-md-2 {
        padding-right: .5rem!important
    }
    .pb-md-2, .py-md-2 {
        padding-bottom: .5rem!important
    }
    .pl-md-2, .px-md-2 {
        padding-left: .5rem!important
    }
    .p-md-3 {
        padding: 1rem!important
    }
    .pt-md-3, .py-md-3 {
        padding-top: 1rem!important
    }
    .pr-md-3, .px-md-3 {
        padding-right: 1rem!important
    }
    .pb-md-3, .py-md-3 {
        padding-bottom: 1rem!important
    }
    .pl-md-3, .px-md-3 {
        padding-left: 1rem!important
    }
    .p-md-4 {
        padding: 1.5rem!important
    }
    .pt-md-4, .py-md-4 {
        padding-top: 1.5rem!important
    }
    .pr-md-4, .px-md-4 {
        padding-right: 1.5rem!important
    }
    .pb-md-4, .py-md-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-md-4, .px-md-4 {
        padding-left: 1.5rem!important
    }
    .p-md-5 {
        padding: 3rem!important
    }
    .pt-md-5, .py-md-5 {
        padding-top: 3rem!important
    }
    .pr-md-5, .px-md-5 {
        padding-right: 3rem!important
    }
    .pb-md-5, .py-md-5 {
        padding-bottom: 3rem!important
    }
    .pl-md-5, .px-md-5 {
        padding-left: 3rem!important
    }
    .m-md-n1 {
        margin: -.25rem!important
    }
    .mt-md-n1, .my-md-n1 {
        margin-top: -.25rem!important
    }
    .mr-md-n1, .mx-md-n1 {
        margin-right: -.25rem!important
    }
    .mb-md-n1, .my-md-n1 {
        margin-bottom: -.25rem!important
    }
    .ml-md-n1, .mx-md-n1 {
        margin-left: -.25rem!important
    }
    .m-md-n2 {
        margin: -.5rem!important
    }
    .mt-md-n2, .my-md-n2 {
        margin-top: -.5rem!important
    }
    .mr-md-n2, .mx-md-n2 {
        margin-right: -.5rem!important
    }
    .mb-md-n2, .my-md-n2 {
        margin-bottom: -.5rem!important
    }
    .ml-md-n2, .mx-md-n2 {
        margin-left: -.5rem!important
    }
    .m-md-n3 {
        margin: -1rem!important
    }
    .mt-md-n3, .my-md-n3 {
        margin-top: -1rem!important
    }
    .mr-md-n3, .mx-md-n3 {
        margin-right: -1rem!important
    }
    .mb-md-n3, .my-md-n3 {
        margin-bottom: -1rem!important
    }
    .ml-md-n3, .mx-md-n3 {
        margin-left: -1rem!important
    }
    .m-md-n4 {
        margin: -1.5rem!important
    }
    .mt-md-n4, .my-md-n4 {
        margin-top: -1.5rem!important
    }
    .mr-md-n4, .mx-md-n4 {
        margin-right: -1.5rem!important
    }
    .mb-md-n4, .my-md-n4 {
        margin-bottom: -1.5rem!important
    }
    .ml-md-n4, .mx-md-n4 {
        margin-left: -1.5rem!important
    }
    .m-md-n5 {
        margin: -3rem!important
    }
    .mt-md-n5, .my-md-n5 {
        margin-top: -3rem!important
    }
    .mr-md-n5, .mx-md-n5 {
        margin-right: -3rem!important
    }
    .mb-md-n5, .my-md-n5 {
        margin-bottom: -3rem!important
    }
    .ml-md-n5, .mx-md-n5 {
        margin-left: -3rem!important
    }
    .m-md-auto {
        margin: auto!important
    }
    .mt-md-auto, .my-md-auto {
        margin-top: auto!important
    }
    .mr-md-auto, .mx-md-auto {
        margin-right: auto!important
    }
    .mb-md-auto, .my-md-auto {
        margin-bottom: auto!important
    }
    .ml-md-auto, .mx-md-auto {
        margin-left: auto!important
    }
}

@media (min-width:992px) {
    .m-lg-0 {
        margin: 0!important
    }
    .mt-lg-0, .my-lg-0 {
        margin-top: 0!important
    }
    .mr-lg-0, .mx-lg-0 {
        margin-right: 0!important
    }
    .mb-lg-0, .my-lg-0 {
        margin-bottom: 0!important
    }
    .ml-lg-0, .mx-lg-0 {
        margin-left: 0!important
    }
    .m-lg-1 {
        margin: .25rem!important
    }
    .mt-lg-1, .my-lg-1 {
        margin-top: .25rem!important
    }
    .mr-lg-1, .mx-lg-1 {
        margin-right: .25rem!important
    }
    .mb-lg-1, .my-lg-1 {
        margin-bottom: .25rem!important
    }
    .ml-lg-1, .mx-lg-1 {
        margin-left: .25rem!important
    }
    .m-lg-2 {
        margin: .5rem!important
    }
    .mt-lg-2, .my-lg-2 {
        margin-top: .5rem!important
    }
    .mr-lg-2, .mx-lg-2 {
        margin-right: .5rem!important
    }
    .mb-lg-2, .my-lg-2 {
        margin-bottom: .5rem!important
    }
    .ml-lg-2, .mx-lg-2 {
        margin-left: .5rem!important
    }
    .m-lg-3 {
        margin: 1rem!important
    }
    .mt-lg-3, .my-lg-3 {
        margin-top: 1rem!important
    }
    .mr-lg-3, .mx-lg-3 {
        margin-right: 1rem!important
    }
    .mb-lg-3, .my-lg-3 {
        margin-bottom: 1rem!important
    }
    .ml-lg-3, .mx-lg-3 {
        margin-left: 1rem!important
    }
    .m-lg-4 {
        margin: 1.5rem!important
    }
    .mt-lg-4, .my-lg-4 {
        margin-top: 1.5rem!important
    }
    .mr-lg-4, .mx-lg-4 {
        margin-right: 1.5rem!important
    }
    .mb-lg-4, .my-lg-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-lg-4, .mx-lg-4 {
        margin-left: 1.5rem!important
    }
    .m-lg-5 {
        margin: 3rem!important
    }
    .mt-lg-5, .my-lg-5 {
        margin-top: 3rem!important
    }
    .mr-lg-5, .mx-lg-5 {
        margin-right: 3rem!important
    }
    .mb-lg-5, .my-lg-5 {
        margin-bottom: 3rem!important
    }
    .ml-lg-5, .mx-lg-5 {
        margin-left: 3rem!important
    }
    .p-lg-0 {
        padding: 0!important
    }
    .pt-lg-0, .py-lg-0 {
        padding-top: 0!important
    }
    .pr-lg-0, .px-lg-0 {
        padding-right: 0!important
    }
    .pb-lg-0, .py-lg-0 {
        padding-bottom: 0!important
    }
    .pl-lg-0, .px-lg-0 {
        padding-left: 0!important
    }
    .p-lg-1 {
        padding: .25rem!important
    }
    .pt-lg-1, .py-lg-1 {
        padding-top: .25rem!important
    }
    .pr-lg-1, .px-lg-1 {
        padding-right: .25rem!important
    }
    .pb-lg-1, .py-lg-1 {
        padding-bottom: .25rem!important
    }
    .pl-lg-1, .px-lg-1 {
        padding-left: .25rem!important
    }
    .p-lg-2 {
        padding: .5rem!important
    }
    .pt-lg-2, .py-lg-2 {
        padding-top: .5rem!important
    }
    .pr-lg-2, .px-lg-2 {
        padding-right: .5rem!important
    }
    .pb-lg-2, .py-lg-2 {
        padding-bottom: .5rem!important
    }
    .pl-lg-2, .px-lg-2 {
        padding-left: .5rem!important
    }
    .p-lg-3 {
        padding: 1rem!important
    }
    .pt-lg-3, .py-lg-3 {
        padding-top: 1rem!important
    }
    .pr-lg-3, .px-lg-3 {
        padding-right: 1rem!important
    }
    .pb-lg-3, .py-lg-3 {
        padding-bottom: 1rem!important
    }
    .pl-lg-3, .px-lg-3 {
        padding-left: 1rem!important
    }
    .p-lg-4 {
        padding: 1.5rem!important
    }
    .pt-lg-4, .py-lg-4 {
        padding-top: 1.5rem!important
    }
    .pr-lg-4, .px-lg-4 {
        padding-right: 1.5rem!important
    }
    .pb-lg-4, .py-lg-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-lg-4, .px-lg-4 {
        padding-left: 1.5rem!important
    }
    .p-lg-5 {
        padding: 3rem!important
    }
    .pt-lg-5, .py-lg-5 {
        padding-top: 3rem!important
    }
    .pr-lg-5, .px-lg-5 {
        padding-right: 3rem!important
    }
    .pb-lg-5, .py-lg-5 {
        padding-bottom: 3rem!important
    }
    .pl-lg-5, .px-lg-5 {
        padding-left: 3rem!important
    }
    .m-lg-n1 {
        margin: -.25rem!important
    }
    .mt-lg-n1, .my-lg-n1 {
        margin-top: -.25rem!important
    }
    .mr-lg-n1, .mx-lg-n1 {
        margin-right: -.25rem!important
    }
    .mb-lg-n1, .my-lg-n1 {
        margin-bottom: -.25rem!important
    }
    .ml-lg-n1, .mx-lg-n1 {
        margin-left: -.25rem!important
    }
    .m-lg-n2 {
        margin: -.5rem!important
    }
    .mt-lg-n2, .my-lg-n2 {
        margin-top: -.5rem!important
    }
    .mr-lg-n2, .mx-lg-n2 {
        margin-right: -.5rem!important
    }
    .mb-lg-n2, .my-lg-n2 {
        margin-bottom: -.5rem!important
    }
    .ml-lg-n2, .mx-lg-n2 {
        margin-left: -.5rem!important
    }
    .m-lg-n3 {
        margin: -1rem!important
    }
    .mt-lg-n3, .my-lg-n3 {
        margin-top: -1rem!important
    }
    .mr-lg-n3, .mx-lg-n3 {
        margin-right: -1rem!important
    }
    .mb-lg-n3, .my-lg-n3 {
        margin-bottom: -1rem!important
    }
    .ml-lg-n3, .mx-lg-n3 {
        margin-left: -1rem!important
    }
    .m-lg-n4 {
        margin: -1.5rem!important
    }
    .mt-lg-n4, .my-lg-n4 {
        margin-top: -1.5rem!important
    }
    .mr-lg-n4, .mx-lg-n4 {
        margin-right: -1.5rem!important
    }
    .mb-lg-n4, .my-lg-n4 {
        margin-bottom: -1.5rem!important
    }
    .ml-lg-n4, .mx-lg-n4 {
        margin-left: -1.5rem!important
    }
    .m-lg-n5 {
        margin: -3rem!important
    }
    .mt-lg-n5, .my-lg-n5 {
        margin-top: -3rem!important
    }
    .mr-lg-n5, .mx-lg-n5 {
        margin-right: -3rem!important
    }
    .mb-lg-n5, .my-lg-n5 {
        margin-bottom: -3rem!important
    }
    .ml-lg-n5, .mx-lg-n5 {
        margin-left: -3rem!important
    }
    .m-lg-auto {
        margin: auto!important
    }
    .mt-lg-auto, .my-lg-auto {
        margin-top: auto!important
    }
    .mr-lg-auto, .mx-lg-auto {
        margin-right: auto!important
    }
    .mb-lg-auto, .my-lg-auto {
        margin-bottom: auto!important
    }
    .ml-lg-auto, .mx-lg-auto {
        margin-left: auto!important
    }
}

@media (min-width:1200px) {
    .m-xl-0 {
        margin: 0!important
    }
    .mt-xl-0, .my-xl-0 {
        margin-top: 0!important
    }
    .mr-xl-0, .mx-xl-0 {
        margin-right: 0!important
    }
    .mb-xl-0, .my-xl-0 {
        margin-bottom: 0!important
    }
    .ml-xl-0, .mx-xl-0 {
        margin-left: 0!important
    }
    .m-xl-1 {
        margin: .25rem!important
    }
    .mt-xl-1, .my-xl-1 {
        margin-top: .25rem!important
    }
    .mr-xl-1, .mx-xl-1 {
        margin-right: .25rem!important
    }
    .mb-xl-1, .my-xl-1 {
        margin-bottom: .25rem!important
    }
    .ml-xl-1, .mx-xl-1 {
        margin-left: .25rem!important
    }
    .m-xl-2 {
        margin: .5rem!important
    }
    .mt-xl-2, .my-xl-2 {
        margin-top: .5rem!important
    }
    .mr-xl-2, .mx-xl-2 {
        margin-right: .5rem!important
    }
    .mb-xl-2, .my-xl-2 {
        margin-bottom: .5rem!important
    }
    .ml-xl-2, .mx-xl-2 {
        margin-left: .5rem!important
    }
    .m-xl-3 {
        margin: 1rem!important
    }
    .mt-xl-3, .my-xl-3 {
        margin-top: 1rem!important
    }
    .mr-xl-3, .mx-xl-3 {
        margin-right: 1rem!important
    }
    .mb-xl-3, .my-xl-3 {
        margin-bottom: 1rem!important
    }
    .ml-xl-3, .mx-xl-3 {
        margin-left: 1rem!important
    }
    .m-xl-4 {
        margin: 1.5rem!important
    }
    .mt-xl-4, .my-xl-4 {
        margin-top: 1.5rem!important
    }
    .mr-xl-4, .mx-xl-4 {
        margin-right: 1.5rem!important
    }
    .mb-xl-4, .my-xl-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-xl-4, .mx-xl-4 {
        margin-left: 1.5rem!important
    }
    .m-xl-5 {
        margin: 3rem!important
    }
    .mt-xl-5, .my-xl-5 {
        margin-top: 3rem!important
    }
    .mr-xl-5, .mx-xl-5 {
        margin-right: 3rem!important
    }
    .mb-xl-5, .my-xl-5 {
        margin-bottom: 3rem!important
    }
    .ml-xl-5, .mx-xl-5 {
        margin-left: 3rem!important
    }
    .p-xl-0 {
        padding: 0!important
    }
    .pt-xl-0, .py-xl-0 {
        padding-top: 0!important
    }
    .pr-xl-0, .px-xl-0 {
        padding-right: 0!important
    }
    .pb-xl-0, .py-xl-0 {
        padding-bottom: 0!important
    }
    .pl-xl-0, .px-xl-0 {
        padding-left: 0!important
    }
    .p-xl-1 {
        padding: .25rem!important
    }
    .pt-xl-1, .py-xl-1 {
        padding-top: .25rem!important
    }
    .pr-xl-1, .px-xl-1 {
        padding-right: .25rem!important
    }
    .pb-xl-1, .py-xl-1 {
        padding-bottom: .25rem!important
    }
    .pl-xl-1, .px-xl-1 {
        padding-left: .25rem!important
    }
    .p-xl-2 {
        padding: .5rem!important
    }
    .pt-xl-2, .py-xl-2 {
        padding-top: .5rem!important
    }
    .pr-xl-2, .px-xl-2 {
        padding-right: .5rem!important
    }
    .pb-xl-2, .py-xl-2 {
        padding-bottom: .5rem!important
    }
    .pl-xl-2, .px-xl-2 {
        padding-left: .5rem!important
    }
    .p-xl-3 {
        padding: 1rem!important
    }
    .pt-xl-3, .py-xl-3 {
        padding-top: 1rem!important
    }
    .pr-xl-3, .px-xl-3 {
        padding-right: 1rem!important
    }
    .pb-xl-3, .py-xl-3 {
        padding-bottom: 1rem!important
    }
    .pl-xl-3, .px-xl-3 {
        padding-left: 1rem!important
    }
    .p-xl-4 {
        padding: 1.5rem!important
    }
    .pt-xl-4, .py-xl-4 {
        padding-top: 1.5rem!important
    }
    .pr-xl-4, .px-xl-4 {
        padding-right: 1.5rem!important
    }
    .pb-xl-4, .py-xl-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-xl-4, .px-xl-4 {
        padding-left: 1.5rem!important
    }
    .p-xl-5 {
        padding: 3rem!important
    }
    .pt-xl-5, .py-xl-5 {
        padding-top: 3rem!important
    }
    .pr-xl-5, .px-xl-5 {
        padding-right: 3rem!important
    }
    .pb-xl-5, .py-xl-5 {
        padding-bottom: 3rem!important
    }
    .pl-xl-5, .px-xl-5 {
        padding-left: 3rem!important
    }
    .m-xl-n1 {
        margin: -.25rem!important
    }
    .mt-xl-n1, .my-xl-n1 {
        margin-top: -.25rem!important
    }
    .mr-xl-n1, .mx-xl-n1 {
        margin-right: -.25rem!important
    }
    .mb-xl-n1, .my-xl-n1 {
        margin-bottom: -.25rem!important
    }
    .ml-xl-n1, .mx-xl-n1 {
        margin-left: -.25rem!important
    }
    .m-xl-n2 {
        margin: -.5rem!important
    }
    .mt-xl-n2, .my-xl-n2 {
        margin-top: -.5rem!important
    }
    .mr-xl-n2, .mx-xl-n2 {
        margin-right: -.5rem!important
    }
    .mb-xl-n2, .my-xl-n2 {
        margin-bottom: -.5rem!important
    }
    .ml-xl-n2, .mx-xl-n2 {
        margin-left: -.5rem!important
    }
    .m-xl-n3 {
        margin: -1rem!important
    }
    .mt-xl-n3, .my-xl-n3 {
        margin-top: -1rem!important
    }
    .mr-xl-n3, .mx-xl-n3 {
        margin-right: -1rem!important
    }
    .mb-xl-n3, .my-xl-n3 {
        margin-bottom: -1rem!important
    }
    .ml-xl-n3, .mx-xl-n3 {
        margin-left: -1rem!important
    }
    .m-xl-n4 {
        margin: -1.5rem!important
    }
    .mt-xl-n4, .my-xl-n4 {
        margin-top: -1.5rem!important
    }
    .mr-xl-n4, .mx-xl-n4 {
        margin-right: -1.5rem!important
    }
    .mb-xl-n4, .my-xl-n4 {
        margin-bottom: -1.5rem!important
    }
    .ml-xl-n4, .mx-xl-n4 {
        margin-left: -1.5rem!important
    }
    .m-xl-n5 {
        margin: -3rem!important
    }
    .mt-xl-n5, .my-xl-n5 {
        margin-top: -3rem!important
    }
    .mr-xl-n5, .mx-xl-n5 {
        margin-right: -3rem!important
    }
    .mb-xl-n5, .my-xl-n5 {
        margin-bottom: -3rem!important
    }
    .ml-xl-n5, .mx-xl-n5 {
        margin-left: -3rem!important
    }
    .m-xl-auto {
        margin: auto!important
    }
    .mt-xl-auto, .my-xl-auto {
        margin-top: auto!important
    }
    .mr-xl-auto, .mx-xl-auto {
        margin-right: auto!important
    }
    .mb-xl-auto, .my-xl-auto {
        margin-bottom: auto!important
    }
    .ml-xl-auto, .mx-xl-auto {
        margin-left: auto!important
    }
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0)
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace!important
}

.text-justify {
    text-align: justify!important
}

.text-wrap {
    white-space: normal!important
}

.text-nowrap {
    white-space: nowrap!important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left!important
}

.text-right {
    text-align: right!important
}

.text-center {
    text-align: center!important
}

@media (min-width:576px) {
    .text-sm-left {
        text-align: left!important
    }
    .text-sm-right {
        text-align: right!important
    }
    .text-sm-center {
        text-align: center!important
    }
}

@media (min-width:768px) {
    .text-md-left {
        text-align: left!important
    }
    .text-md-right {
        text-align: right!important
    }
    .text-md-center {
        text-align: center!important
    }
}

@media (min-width:992px) {
    .text-lg-left {
        text-align: left!important
    }
    .text-lg-right {
        text-align: right!important
    }
    .text-lg-center {
        text-align: center!important
    }
}

@media (min-width:1200px) {
    .text-xl-left {
        text-align: left!important
    }
    .text-xl-right {
        text-align: right!important
    }
    .text-xl-center {
        text-align: center!important
    }
}

.text-lowercase {
    text-transform: lowercase!important
}

.text-uppercase {
    text-transform: uppercase!important
}

.text-capitalize {
    text-transform: capitalize!important
}

.font-weight-light {
    font-weight: 300!important
}

.font-weight-lighter {
    font-weight: lighter!important
}

.font-weight-normal {
    font-weight: 400!important
}

.font-weight-bold {
    font-weight: 700!important
}

.font-weight-bolder {
    font-weight: bolder!important
}

.font-italic {
    font-style: italic!important
}

.text-white {
    color: #fff!important
}

.text-primary {
    color: #007bff!important
}

a.text-primary:focus, a.text-primary:hover {
    color: #0056b3!important
}

.text-secondary {
    color: #6c757d!important
}

a.text-secondary:focus, a.text-secondary:hover {
    color: #494f54!important
}

.text-success {
    color: #198754!important
}

a.text-success:focus, a.text-success:hover {
    color: #19692c!important
}

.text-info {
    color: #17a2b8!important
}

a.text-info:focus, a.text-info:hover {
    color: #0f6674!important
}

.text-warning {
    color: #ffc107!important
}

a.text-warning:focus, a.text-warning:hover {
    color: #ba8b00!important
}

.text-danger {
    color: #dc3545!important
}

a.text-danger:focus, a.text-danger:hover {
    color: #a71d2a!important
}

.text-light {
    color: #f8f9fa!important
}

a.text-light:focus, a.text-light:hover {
    color: #cbd3da!important
}

.text-dark {
    color: #343a40!important
}

a.text-dark:focus, a.text-dark:hover {
    color: #121416!important
}

.text-body {
    color: #212529!important
}

.text-muted {
    color: #6c757d!important
}

.text-black-50 {
    color: rgba(0, 0, 0, .5)!important
}

.text-white-50 {
    color: rgba(255, 255, 255, .5)!important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.text-decoration-none {
    text-decoration: none!important
}

.text-break {
    word-break: break-word!important;
    word-wrap: break-word!important
}

.text-reset {
    color: inherit!important
}

.visible {
    visibility: visible!important
}

.invisible {
    visibility: hidden!important
}

@media print {
    *, ::after, ::before {
        text-shadow: none!important;
        box-shadow: none!important
    }
    a:not(.btn) {
        text-decoration: underline
    }
    abbr[title]::after {
        content: " (" attr(title) ")"
    }
    pre {
        white-space: pre-wrap!important
    }
    blockquote, pre {
        border: 1px solid #adb5bd;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    img, tr {
        page-break-inside: avoid
    }
    h2, h3, p {
        orphans: 3;
        widows: 3
    }
    h2, h3 {
        page-break-after: avoid
    }
    @page {
        size: a3
    }
    body {
        min-width: 992px!important
    }
    .container {
        min-width: 992px!important
    }
    .navbar {
        display: none
    }
    .badge {
        border: 1px solid #000
    }
    .table {
        border-collapse: collapse!important
    }
    .table td, .table th {
        background-color: #fff!important
    }
    .table-bordered td, .table-bordered th {
        border: 1px solid #dee2e6!important
    }
    .table-dark {
        color: inherit
    }
    .table-dark tbody+tbody, .table-dark td, .table-dark th, .table-dark thead th {
        border-color: #dee2e6
    }
    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6
    }
}

/*# sourceMappingURL=bootstrap.min.css.map */

/*
Swiper
Version: 5.4.5
Plugin URI: http://swiperjs.com
License: Copyright 2014-2020 Vladimir Kharlampidi | Released under the MIT License | Released on: June 16, 2020
*/

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    transform: translate3d(0px, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #ffffff
}

.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000000
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white {
    --swiper-pagination-color: #ffffff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

/*
Animate css
Version: 4.1.1
Plugin URI: https://animate.style/
License: Licensed under the MIT license - http://opensource.org/licenses/MIT
*/

:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animate__animated.animate__infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animate__animated.animate__repeat-1 {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: var(--animate-repeat);
    animation-iteration-count: var(--animate-repeat)
}





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

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.animate__fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

/*
Magnific popup
Version: 1.1.0 - 2016-02-20
Plugin URI: http://dimsemenov.com/plugins/magnific-popup/
License: Copyright (c) 2016 Dmitry Semenov
*/

.mfp-container * {
    transition-timing-function: none;
    -moz-transition-timing-function: none;
    -webkit-transition-timing-function: none;
    -o-transition-timing-function: none;
    transition-duration: 0s;
    -moz-transition-duration: 0s;
    -webkit-transition-duration: 0s;
    -o-transition-duration: 0s
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: 0!important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none!important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-arrow, button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:focus, .mfp-close:hover {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -35px;
    padding: 0;
    width: 60px;
    height: 60px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:focus, .mfp-arrow:hover {
    opacity: 1
}

.mfp-arrow:after, .mfp-arrow:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    border: medium inset transparent
}

.mfp-arrow-left {
    left: 40px
}

.mfp-arrow-right {
    right: 40px
}

.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width:900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

/*
jQuery UI
Version: 1.12.1 - 2016-09-14
Plugin URI: http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
License: Copyright jQuery Foundation and other contributors | Released under the MIT License
*/

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:after, .ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default!important;
    pointer-events: none
}

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0
}

.ui-menu .ui-menu {
    position: absolute
}

.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0
}

.ui-menu .ui-state-active, .ui-menu .ui-state-focus {
    margin: -1px
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 2em
}

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0
}

.ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: visible
}

.ui-button, .ui-button:active, .ui-button:hover, .ui-button:link, .ui-button:visited {
    text-decoration: none
}

.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap
}

input.ui-button.ui-button-icon-only {
    text-indent: 0
}

.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap
}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em
}

button.ui-button::-moz-focus-inner, input.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.ui-controlgroup {
    vertical-align: middle;
    display: inline-block
}

.ui-controlgroup>.ui-controlgroup-item {
    float: left;
    margin-left: 0;
    margin-right: 0
}

.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus, .ui-controlgroup>.ui-controlgroup-item:focus {
    z-index: 9999
}

.ui-controlgroup-vertical>.ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left
}

.ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing: border-box
}

.ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em
}

.ui-controlgroup .ui-controlgroup-label span {
    font-size: 80%
}

.ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item {
    border-left: none
}

.ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item {
    border-top: none
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none
}

.ui-controlgroup-vertical .ui-spinner-input {
    width: 75%;
    width: calc(100% - 2.4em)
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid
}

.ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: .12em;
    border: none
}

.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid
}

.ui-checkboxradio-disabled {
    pointer-events: none
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 45%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: 700;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td a, .ui-datepicker td span {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: 0 0;
    overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer
}

.ui-dialog .ui-resizable-n {
    height: 2px;
    top: 0
}

.ui-dialog .ui-resizable-e {
    width: 2px;
    right: 0
}

.ui-dialog .ui-resizable-s {
    height: 2px;
    bottom: 0
}

.ui-dialog .ui-resizable-w {
    width: 2px;
    left: 0
}

.ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw, .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw {
    width: 7px;
    height: 7px
}

.ui-dialog .ui-resizable-se {
    right: 0;
    bottom: 0
}

.ui-dialog .ui-resizable-sw {
    left: 0;
    bottom: 0
}

.ui-dialog .ui-resizable-ne {
    right: 0;
    top: 0
}

.ui-dialog .ui-resizable-nw {
    left: 0;
    top: 0
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable-autohide .ui-resizable-handle, .ui-resizable-disabled .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%
}

.ui-progressbar .ui-progressbar-overlay {
    background: url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);
    height: 100%;
    opacity: .25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted #000
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: 700;
    line-height: 1.5;
    padding: 2px .4em;
    margin: .5em 0 0 0;
    height: auto;
    border: 0
}

.ui-selectmenu-open {
    display: block
}

.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em
}

.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle
}

.ui-spinner-input {
    border: none;
    background: 0 0;
    color: inherit;
    padding: .222em 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 2em
}

.ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0
}

.ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none
}

.ui-spinner-up {
    top: 0
}

.ui-spinner-down {
    bottom: 0
}

.ui-tabs {
    position: relative;
    padding: .2em
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: 0 0
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px
}

body .ui-tooltip {
    border-width: 2px
}

.ui-widget {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5
}

.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
    color: #333
}

.ui-widget-content a {
    color: #333
}

.ui-widget-header {
    border: 1px solid #ddd;
    background: #e9e9e9;
    color: #333;
    font-weight: 700
}

.ui-widget-header a {
    color: #333
}

.ui-button, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, html .ui-button.ui-state-disabled:active, html .ui-button.ui-state-disabled:hover {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: 400;
    color: #454545
}

.ui-button, .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button {
    color: #454545;
    text-decoration: none
}

.ui-button:focus, .ui-button:hover, .ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover {
    border: 1px solid #ccc;
    background: #ededed;
    font-weight: 400;
    color: #2b2b2b
}

.ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, a.ui-button:focus, a.ui-button:hover {
    color: #2b2b2b;
    text-decoration: none
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px #5e9ed6
}

.ui-button.ui-state-active:hover, .ui-button:active, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: 400;
    color: #fff
}

.ui-icon-background, .ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #fff
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #fff;
    text-decoration: none
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #777620
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
    color: #5f3f3f
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #5f3f3f
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: 700
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: 400
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon, .ui-widget-content .ui-icon {
    background-image: url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/css/images/ui-icons_444444_256x240.png)
}

.ui-widget-header .ui-icon {
    background-image: url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/css/images/ui-icons_444444_256x240.png)
}

.ui-button:focus .ui-icon, .ui-button:hover .ui-icon, .ui-state-focus .ui-icon, .ui-state-hover .ui-icon {
    background-image: url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/css/images/ui-icons_555555_256x240.png)
}

.ui-button:active .ui-icon, .ui-state-active .ui-icon {
    background-image: url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/css/images/ui-icons_ffffff_256x240.png)
}

.ui-button .ui-state-highlight.ui-icon, .ui-state-highlight .ui-icon {
    background-image: url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/css/images/ui-icons_777620_256x240.png)
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/css/images/ui-icons_cc0000_256x240.png)
}

.ui-button .ui-icon {
    background-image: url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/css/images/ui-icons_777777_256x240.png)
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-caret-1-n {
    background-position: 0 0
}

.ui-icon-caret-1-ne {
    background-position: -16px 0
}

.ui-icon-caret-1-e {
    background-position: -32px 0
}

.ui-icon-caret-1-se {
    background-position: -48px 0
}

.ui-icon-caret-1-s {
    background-position: -65px 0
}

.ui-icon-caret-1-sw {
    background-position: -80px 0
}

.ui-icon-caret-1-w {
    background-position: -96px 0
}

.ui-icon-caret-1-nw {
    background-position: -112px 0
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all, .ui-corner-left, .ui-corner-tl, .ui-corner-top {
    border-top-left-radius: 3px
}

.ui-corner-all, .ui-corner-right, .ui-corner-top, .ui-corner-tr {
    border-top-right-radius: 3px
}

.ui-corner-all, .ui-corner-bl, .ui-corner-bottom, .ui-corner-left {
    border-bottom-left-radius: 3px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-br, .ui-corner-right {
    border-bottom-right-radius: 3px
}

.ui-widget-overlay {
    background: #aaa;
    opacity: .3;
    filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
    -webkit-box-shadow: 0 0 5px #666;
    box-shadow: 0 0 5px #666
}

/* Litho - v1.0
 * 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
27. home and other pages
28. Others

*/

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

@font-face {
    font-family: 'Roboto';
    src: url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/Roboto/Roboto-Regular.woff) format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/Poppins/Poppins-Regular.woff) format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins-Light';
    src: url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/Poppins/Poppins-Light.woff) format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins-Medium';
    /* src: url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/Poppins/Poppins-Medium.woff) format('woff'); */
    src: url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/DeichmannNext-V3041-Medium.otf) format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: deichmann;
    /* src: url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/deichmann_bg-regular-webfont.eot); */
    /* src: url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/deichmann_bg-regular-webfont.eot?#iefix) format("embedded-opentype"), url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/deichmann_bg-regular-webfont.woff) format("woff"), url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/deichmann_bg-regular-webfont.ttf) format("truetype"), url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/deichmann_bg-regular-webfont.svg#deichmannbgregular) format("svg"); */
    /* src: url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/deichmann_bg-regular-webfont.woff); */
    src: url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/DeichmannNext-V3041-Regular.otf);
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* @font-face {
    font-family: deichmannthin;
    src: url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/deichmann_bg-thin-webfont.eot);
    src: url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/deichmann_bg-thin-webfont.eot?#iefix) format("embedded-opentype"), url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/deichmann_bg-thin-webfont.woff) format("woff"), url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/deichmann_bg-thin-webfont.ttf) format("truetype"), url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/deichmann_bg-thin-webfont.svg#deichmannbgthin) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
} */

@font-face {
    font-family: deichmannlight;
    /* src: url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/deichmann_bg-light-webfont.eot); */
    /* src: url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/deichmann_bg-light-webfont.eot?#iefix) format("embedded-opentype"), url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/deichmann_bg-light-webfont.woff) format("woff"), url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/deichmann_bg-light-webfont.ttf) format("truetype"), url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/deichmann_bg-light-webfont.svg#deichmannbglight) format("svg"); */
    /* src: url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/deichmann_bg-light-webfont.woff); */
    src: url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/DeichmannNext-V3041-Light.otf);
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: deichmannregular;
    /* src: url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/deichmann_bg-regular-webfont.eot); */
    /* src: url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/deichmann_bg-regular-webfont.eot?#iefix) format("embedded-opentype"), url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/deichmann_bg-regular-webfont.woff) format("woff"), url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/deichmann_bg-regular-webfont.ttf) format("truetype"), url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/deichmann_bg-regular-webfont.svg#deichmannbgregular) format("svg"); */
    src: url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/deichmann_bg-regular-webfont.woff);
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: deichmannmedium;
    /* src: url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/deichmann_bg-medium-webfont.eot); */
    /* src: url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/deichmann_bg-medium-webfont.eot?#iefix) format("embedded-opentype"), url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/deichmann_bg-medium-webfont.woff) format("woff"), url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/deichmann_bg-medium-webfont.ttf) format("truetype"), url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/deichmann_bg-medium-webfont.svg#deichmannbgmedium) format("svg"); */
    src: url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/deichmann_bg-medium-webfont.woff);
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: deichmannextrabold;
    /* src: url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/deichmann_bg-extrabold-webfont.eot); */
    /* src: url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/deichmann_bg-extrabold-webfont.eot?#iefix) format("embedded-opentype"), url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/deichmann_bg-extrabold-webfont.woff) format("woff"), url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/deichmann_bg-extrabold-webfont.ttf) format("truetype"), url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/deichmann_bg-extrabold-webfont.svg#deichmannbgextrabold) format("svg"); */
    /* src: url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/deichmann_bg-extrabold-webfont.woff); */
    src: url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/fonts/DeichmannNext-V3041-ExtraBold.otf);
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}



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

html {
    font-size: 14px;
}

*, *::after, *::before {
    box-sizing: border-box;
}

body {
    font-size: 15px;
    line-height: 30px;
    font-weight: 400;
    color: #000;
    font-family: 'deichmannlight', sans-serif;
    padding: 0;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    word-break: break-word
}

body, html {
    -moz-osx-font-smoothing: grayscale;
}

a:hover, a:focus {
    text-decoration: none;
    outline: none;
    outline-offset: 0;
    color: #008e54;
}

a, a:active, a:focus {
    color: #828282;
}

a, .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;
    color: #232323;
}

b, strong {
    font-weight: 600;
    color: #232323;
}

.alt-font strong {
    font-weight: 600;
}

.alt-font.bold {
    font-family: 'deichmannextrabold';
}

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

input, textarea, select {
    border: 1px solid #dfdfdf;
    padding: 10px 15px;
    width: 100%;
    margin: 0 0 15px 0;
    max-width: 100%;
    resize: none;
    outline: none;
    color: #828282;
    line-height: initial;
}

select {
    background-image: url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/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[type="button"], input[type="text"], input[type="email"], input[type="search"], input[type="password"], textarea, input[type="submit"] {
    -webkit-appearance: none;
}

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

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus, select:-webkit-autofill:active {
    transition: background-color 5000s;
    transition: all 0s 50000s;
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}

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

.no-transition {
    transition: all 0s ease-in-out !important;
    -moz-transition: all 0s ease-in-out !important;
    -webkit-transition: all 0s ease-in-out !important;
    -ms-transition: all 0s ease-in-out !important;
    -o-transition: all 0s ease-in-out !important;
}

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

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

/* font family */

.alt-font {
    font-family: 'deichmannlight', sans-serif;
}

.main-font {
    font-family: 'deichmann', sans-serif !important;
}

.menu-font {
    font-family: 'Poppins-Medium', sans-serif !important;
}

/* heading size */

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 15px 0;
    padding: 0;
    letter-spacing: -0.5px;
    font-weight: inherit;
    color: #232323;
}

/* h1 { font-size:5rem; line-height: 5rem; color: #232323; }
h2 { font-size:3.9rem; line-height:4.2rem; color: #232323; }
h3 { font-size:3.4rem; line-height:3.9rem; color: #232323; }
h4 { font-size:2.85rem; line-height:3.4rem; color: #232323; }
h5 { font-size:2.30rem; line-height:3rem; color: #232323; }
h6 { font-size:1.80rem; line-height:2.5rem; color: #232323; } */

h1 {
    font-size: 3rem;
    line-height: 3.5rem;
    color: #232323;
}

h2 {
    font-size: 2.5rem;
    line-height: 3.25rem;
    color: #232323;
}

h3 {
    font-size: 2rem;
    line-height: 2.5rem;
    color: #232323;
}

h4 {
    font-size: 1.85rem;
    line-height: 2.75rem;
    color: #232323;
}

h5 {
    font-size: 1.6rem;
    line-height: 2.25rem;
    color: #232323;
}

h6 {
    font-size: 1.25rem;
    line-height: 1.8rem;
    color: #232323;
}

.text-align-left {
    text-align: left;
}

.text-align-center {
    text-align: center !important;
}

/* 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-big-smaller {
    font-size: 150px;
    line-height: 180px;
}

@media (max-width: 575px) {
    .text-big-smaller {
        font-size: 60px;
        line-height: 180px;
    }
}

.text-extra-big {
    font-size: 230px;
    line-height: 230px;
}

.text-extra-big-2 {
    font-size: 300px;
    line-height: 260px;
}

.parallax-title {
    padding: 16px 35px;
    display: inline-block
}

/* text color, link color and link hover color */

.text-white, .btn-link.text-white, a.text-white-hover:hover {
    color: #fff;
}

.text-black, .btn-link.text-black, a.text-black-hover:hover {
    color: #000;
}

.text-extra-dark-gray, .btn-link.text-extra-dark-gray, a.text-extra-dark-gray-hover:hover {
    color: #232323;
}

.text-dark-gray, .btn-link.text-dark-gray, a.text-dark-gray-hover:hover {
    color: #626262;
}

.text-extra-medium-gray, .btn-link.text-extra-medium-gray, a.text-extra-medium-gray-hover:hover {
    color: #757575;
}

.text-medium-gray, .btn-link.text-medium-gray, a.text-medium-gray-hover:hover {
    color: #939393;
}

.text-extra-light-gray, .btn-link.text-extra-light-gray, a.text-extra-light-gray-hover:hover {
    color: #b7b7b7;
}

.text-light-gray, .btn-link.text-light-gray, a.text-light-gray-hover:hover {
    color: #d6d5d5;
}

.text-very-light-gray, .btn-link.text-very-light-gray, a.text-very-light-gray-hover:hover {
    color: #ededed;
}

.text-fast-blue, .btn-link.text-fast-blue, a.text-fast-blue-hover:hover {
    color: #0038e3;
}


.text-dark-purple, .btn-link.text-dark-purple, a.text-dark-purple-hover:hover {
    color: #333045;
}


.text-salmon-rose, .btn-link.text-salmon-rose, a.text-salmon-rose-hover:hover {
    color: #008e54;
}

.text-deichmann-green, .btn-link.text-deichmann-green, a.text-deichmann-green-hover:hover {
    color: #008e54;
}


.text-white-transparent, .btn-link.text-white-transparent, a.text-white-transparent-hover:hover {
    color: rgba(255, 255, 255, 0.7);
}

.text-medium-white-transparent, .btn-link.text-medium-white-transparent, a.text-very-light-white-transparent-hover:hover {
    color: rgba(255, 255, 255, 0.5);
}

.text-very-light-white-transparent, .btn-link.text-very-light-white-transparent, a.text-very-light-white-transparent-hover:hover {
    color: rgba(255, 255, 255, 0.3);
}

.text-fast-deichmann-green, .btn-link.text-deichmann-green, a.text-deichmann-green-hover:hover {
    color: #008e54;
}



/* text stroke */

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

/* text stroke width */

.text-border-width-1px {
    -webkit-text-stroke-width: 1px;
}

.text-border-width-2px {
    -webkit-text-stroke-width: 2px;
}

.text-border-width-3px {
    -webkit-text-stroke-width: 3px;
}

.text-border-width-4px {
    -webkit-text-stroke-width: 4px;
}

.text-border-width-5px {
    -webkit-text-stroke-width: 5px;
}

/* text height overflow hidden */

.text-height-85px-hidden {
    height: 85px;
    overflow: hidden;
}

/* text stroke color */

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

/* letter spacing */

.letter-spacing-1-half {
    letter-spacing: 0.50px;
}

.letter-spacing-1px {
    letter-spacing: 1px;
}

.letter-spacing-2px {
    letter-spacing: 2px;
}

.letter-spacing-3px {
    letter-spacing: 3px;
}

.letter-spacing-4px {
    letter-spacing: 4px;
}

.letter-spacing-5px {
    letter-spacing: 5px;
}

.letter-spacing-8px {
    letter-spacing: 8px;
}

.letter-spacing-10px {
    letter-spacing: 10px;
}

.letter-spacing-15px {
    letter-spacing: 15px;
}

.letter-spacing-20px {
    letter-spacing: 20px;
}

.letter-spacing-22px {
    letter-spacing: 22px;
}

.letter-spacing-25px {
    letter-spacing: 25px;
}

/* letter spacing minus */

.letter-spacing-minus-1-half {
    letter-spacing: -0.50px;
}

.letter-spacing-minus-1px {
    letter-spacing: -1px;
}

.letter-spacing-minus-2px {
    letter-spacing: -2px;
}

.letter-spacing-minus-3px {
    letter-spacing: -3px;
}

.letter-spacing-minus-4px {
    letter-spacing: -4px;
}

.letter-spacing-minus-5px {
    letter-spacing: -5px;
}

.letter-spacing-minus-6px {
    letter-spacing: -6px;
}

.letter-spacing-minus-7px {
    letter-spacing: -7px;
}

.letter-spacing-minus-8px {
    letter-spacing: -8px;
}

.letter-spacing-minus-9px {
    letter-spacing: -9px;
}

.letter-spacing-minus-10px {
    letter-spacing: -10px;
}

.letter-spacing-inherit {
    letter-spacing: inherit;
}

.white-space-normal {
    white-space: normal;
}

/* font weight */

.font-weight-100 {
    font-weight: 100 !important;
}

.font-weight-200 {
    font-weight: 200 !important;
}

.font-weight-300 {
    font-weight: 300 !important;
}

.font-weight-400 {
    font-weight: 400 !important;
}

.font-weight-500 {
    font-weight: 500 !important;
}

.font-weight-600 {
    font-weight: 600 !important;
}

.font-weight-700 {
    font-weight: 700 !important;
}

.font-weight-800 {
    font-weight: 800 !important;
}

.font-weight-900 {
    font-weight: 900 !important;
}

/* text property */

.text-normal {
    text-transform: unset !important;
}

.text-decoration-underline {
    text-decoration: underline;
}

.text-decoration-none {
    text-decoration: none;
}

.word-wrap {
    word-wrap: break-word;
}

.text-transform-none {
    text-transform: none;
}

.line-height-unset {
    line-height: unset;
}

.line-height-normal {
    line-height: normal;
}

.line-height-none {
    line-height: 0;
}

.text-decoration-line-through {
    text-decoration: line-through;
}

.line-height-20px {
    line-height: 20px !important;
}

/* lineheight */

.line-height-0px {
    line-height: 0px;
}

.line-height-8px {
    line-height: 8px;
}

.line-height-10px {
    line-height: 10px;
}

.line-height-12px {
    line-height: 12px;
}

.line-height-14px {
    line-height: 14px;
}

.line-height-15px {
    line-height: 15px;
}

.line-height-16px {
    line-height: 16px;
}

.line-height-18px {
    line-height: 18px;
}

.line-height-20px {
    line-height: 20px;
}

.line-height-22px {
    line-height: 22px;
}

.line-height-24px {
    line-height: 24px;
}

.line-height-26px {
    line-height: 26px;
}

.line-height-28px {
    line-height: 28px;
}

.line-height-30px {
    line-height: 30px;
}

.line-height-32px {
    line-height: 32px;
}

.line-height-34px {
    line-height: 34px;
}

.line-height-36px {
    line-height: 36px;
}

.line-height-38px {
    line-height: 38px;
}

.line-height-40px {
    line-height: 40px;
}

.line-height-42px {
    line-height: 42px;
}

.line-height-44px {
    line-height: 44px;
}

.line-height-46px {
    line-height: 46px;
}

.line-height-50px {
    line-height: 50px;
}

.line-height-55px {
    line-height: 55px;
}

.line-height-60px {
    line-height: 60px;
}

.line-height-65px {
    line-height: 65px;
}

.line-height-70px {
    line-height: 70px;
}

.line-height-75px {
    line-height: 75px;
}

.line-height-80px {
    line-height: 80px;
}

.line-height-85px {
    line-height: 85px;
}

.line-height-90px {
    line-height: 90px;
}

.line-height-95px {
    line-height: 95px;
}

.line-height-100px {
    line-height: 100px;
}

.line-height-120px {
    line-height: 120px;
}

.line-height-140px {
    line-height: 140px;
}

.line-height-160px {
    line-height: 160px;
}

.line-height-170px {
    line-height: 170px;
}

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

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

.bg-black {
    background-color: #000;
}

.bg-smoky-black {
    background-color: #101010;
}

.bg-dark-gray {
    background-color: #757575;
}

.bg-extra-dark-gray {
    background-color: #232323;
}

.bg-extra-dark-gray-2 {
    background-color: #060606;
}

.bg-extra-medium-gray {
    background-color: #939393;
}

.bg-medium-gray {
    background-color: #e4e4e4;
}

.bg-extra-light-gray {
    background-color: #cfcfcf;
}

.bg-medium-light-gray {
    background-color: #ededed;
}

.bg-very-light-gray {
    background-color: #fafafa;
}

.bg-nero-gray {
    background-color: #141414;
}

.bg-light-gray {
    background-color: #f7f7f7;
}


.bg-transparent {
    background-color: transparent;
}


.bg-slate-blue {
    background-color: #262b35;
}

.bg-medium-slate-blue {
    background-color: #374162;
}

.bg-extra-medium-slate-blue {
    background-color: #23262d;
}

.bg-dark-slate-blue {
    background-color: #1f232c;
}


.bg-seashell {
    background-color: #f9f6f3;
}


.bg-deichmann-green {
    background-color: #008e54;
}

.bg-primary {
    background-color: #008e54;
}

.bg-secondary {
    background-color: #008e54;
}

.bg-transparent-black {
    background-color: rgba(0, 0, 0, 0.70);
}

.bg-transparent-black-light {
    background-color: rgba(0, 0, 0, 0.35);
}

.bg-transparent-black-very-light {
    background-color: rgba(0, 0, 0, 0.12);
}

.bg-transparent-deep-green {
    background-color: rgba(115, 180, 103, 0.9);
}

.bg-transparent-dark-gray {
    background-color: rgba(117, 117, 117, .5);
}

.bg-transparent-mengo-yellow {
    background-color: rgba(254, 187, 26, 0.9);
}

.bg-transparent-chocolate {
    background-color: rgba(201, 153, 101, 0.9);
}

.bg-transparent-extra-dark-gray {
    background-color: rgba(28, 28, 28, 0.9);
}

.bg-transparent-extra-dark-gray2 {
    background-color: rgba(30, 30, 30, 0.8);
}

.bg-transparent-white {
    background-color: rgba(255, 255, 255, 0.9);
}

.bg-transparent-white2 {
    background-color: rgba(255, 255, 255, 0.1);
}

.bg-transparent-white3 {
    background-color: rgba(255, 255, 255, 0.18);
}

.bg-transparent-dark-purple {
    background-color: rgba(86, 79, 220, 0.9);
}

.bg-transparent-dark-purple-2 {
    background-color: rgba(36, 21, 38, 0.9);
}



.bg-gradient-black-blue {
    background: linear-gradient(30deg, rgba(4, 5, 6, 1) 0%, rgba(19, 14, 62, 1) 100%);
}



.bg-gradient-midium-dark-gray-transparent {
    background: rgba(20, 20, 20, 0);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(20, 20, 20, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(20, 20, 20, 1)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(20, 20, 20, 1) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(20, 20, 20, 1) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(20, 20, 20, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(20, 20, 20, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#141414', GradientType=0);
}

.bg-gradient-midium-gray-transparent {
    background: rgba(20, 20, 20, 0);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(20, 20, 20, 1) 150%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(150%, rgba(20, 20, 20, 1)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(20, 20, 20, 1) 150%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(20, 20, 20, 1) 150%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(20, 20, 20, 1) 150%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(20, 20, 20, 1) 150%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#141414', GradientType=0);
}

.bg-gradient-extra-midium-gray-transparent {
    background: rgba(20, 20, 20, 0);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(20, 20, 20, .6) 150%);
    background: -webkit-gradient(left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(150%, rgba(20, 20, 20, .6)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(20, 20, 20, .6) 150%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(20, 20, 20, .6) 150%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(20, 20, 20, .6) 150%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(20, 20, 20, .6) 150%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#141414', GradientType=0);
}

/* hover background */

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

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

section {
    padding: 130px 0;
    overflow: hidden;
}

section.big-section {
    padding: 160px 0;
}

section.extra-big-section {
    padding: 200px 0;
}

section.half-section {
    padding: 80px 0;
}

.cursor-none {
    cursor: none;
}

.cursor-default {
    cursor: default;
}

.bg-relative {
    position: relative;
}

/* box layout */

.box-layout {
    padding: 0 90px;
}

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

/* overlap */

.overlap-section {
    position: relative;
}

.overlap-section-bottom {
    position: relative;
}

.overlayer-box {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.overlap-image {
    margin-bottom: -215px;
    z-index: 1;
}

.text-overlap {
    margin-bottom: -60px;
    position: relative;
    z-index: -1;
}

.text-overlap-style-01 {
    position: absolute;
    right: 0;
    bottom: -110px;
    font-size: 300px;
    line-height: 300px;
    letter-spacing: -10px;
    white-space: nowrap;
}

.text-overlap-style-02 {
    position: absolute;
    left: -25px;
    top: -60px;
    font-size: 154px;
    line-height: 154px;
    letter-spacing: -8px;
    white-space: nowrap;
}

.text-overlap-style-03 {
    position: absolute;
    left: -115px;
    top: 0;
    font-size: 255px;
    line-height: 255px;
    height: 100%;
    white-space: nowrap;
    text-align: center;
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    width: auto;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.text-overlap-style-04 {
    position: absolute;
    top: 0;
    right: -20px;
    font-size: 80px;
    line-height: 80px;
    height: 100%;
    white-space: nowrap;
    text-align: center;
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    width: auto;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* revolution slider bullet */

.hermes .tp-bullet {
    height: 10px;
    width: 10px;
}

.uranus.tparrows:before {
    font-size: 26px;
}

/* svg drawing path */

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

/* google map filters */

.filter-grayscale-50 {
    -ms-filter: grayscale(50%);
    filter: grayscale(50%);
}

.filter-grayscale-100 {
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
}

.filter-invert-50 {
    -ms-filter: invert(50%);
    filter: invert(50%);
}

.filter-invert-100 {
    -ms-filter: invert(100%);
    filter: invert(100%);
}

.filter-mix-100 {
    -ms-filter: grayscale(100%) invert(100%);
    filter: grayscale(100%) invert(100%);
}

.map iframe {
    height: 619px;
    vertical-align: bottom;
    width: 100%;
}

/* blockquote */

blockquote {
    border-left: 2px solid;
    color: #232323;
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
    padding: 2px 40px;
    margin-top: 50px;
    margin-bottom: 50px;
}

blockquote p {
    margin-bottom: 17px !important;
}

blockquote footer {
    color: #828282;
}

/* blog blockquote */

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

.blog-image blockquote {
    padding: 60px;
    border: 0;
    margin: 0;
}

/* input box border */

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

/* input size */

.small-input, .small-textarea {
    padding: 13px 15px;
    font-size: 14px;
}

.small-select select {
    padding: 13px 15px;
}

.medium-input, .medium-textarea, .medium-select select {
    padding: 15px 20px;
    font-size: 14px;
}

.extra-medium-textarea {
    font-size: 14px;
}

.large-input {
    padding: 18px 25px 19px;
}

.extra-large-input {
    padding: 20px 36px 23px;
    font-size: 16px;
}

/* newsletter size */

.newsletter {
    position: relative;
}

.newsletter input {
    padding-left: 0;
    padding-right: 0;
}

.newsletter input+a.btn {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    padding-right: 0;
}

.newsletter input.small-input+a.btn {
    top: 0px
}

.newsletter input.medium-input+a.btn {
    top: 3px
}

.newsletter input.large-input+a.btn {
    top: 8px
}

/* newsletter popup */

.newsletter-popup form {
    position: relative;
}

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

/* tag */

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

.tag-cloud a:hover, .tag-cloud a.active {
    box-shadow: 0 0 10px rgba(23, 23, 23, .1);
    color: #828282
}



/* 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-extra-medium-3 {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.65;
    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);
}

/* text shadow */

.text-shadow-large {
    text-shadow: 0 0 50px rgba(0, 0, 0, 0.9);
}

.text-shadow-extra-large {
    text-shadow: 0 0 60px rgba(0, 0, 0, 0.9);
}

.text-shadow-double-large {
    text-shadow: 0 0 100px rgba(0, 0, 0, .9);
}

/* 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 {
    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%);
}

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

/* checkbox - radio button */

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

input[type="checkbox"]+label {
    color: #939393;
    font-weight: normal;
    margin-bottom: 0;
}

input[type="checkbox"]:checked+label {
    color: inherit;
}

input[type="checkbox"]+label span {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 10px 0 0;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #d9d9d9;
    border-radius: 0;
    position: relative;
}

input[type="checkbox"]:checked+label span:after {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    font-size: 12px;
    line-height: 15px;
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

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

input[type="radio"]+label {
    font-weight: normal;
    margin-bottom: 0;
}

input[type="radio"]+label span {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 10px 0 0;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 0;
    position: relative;
    border-radius: 100%;
}

input[type="radio"]:checked+label span:after {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    height: 100%;
    width: 100%;
    text-align: center;
    font-size: 9px;
    line-height: 15px;
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

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

.btn {
    display: inline-block;
    border: 2px solid transparent;
    border-radius: 0;
    text-transform: uppercase;
    width: auto;
    font-family: 'Poppins-Medium', 'sans-serif';
    font-weight: 500;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus {
    outline: medium none;
    outline-offset: 0;
}

input.btn:focus {
    border-width: 2px;
}

.btn.active, .btn:active, .btn:focus {
    box-shadow: none;
}

.btn i {
    vertical-align: middle;
    position: relative;
    top: -1px
}

/* button size */

.btn.btn-very-small {
    font-size: 10px;
    padding: 6px 20px;
    letter-spacing: 1.1px;
}

.btn.btn-small {
    font-size: 11px;
    padding: 8px 32px;
    letter-spacing: 1.1px;
}

.btn.btn-medium {
    font-size: 12px;
    padding: 14px 38px 9px 38px;
    letter-spacing: 1.1px;
}

.btn.btn-large {
    font-size: 12px;
    padding: 16px 48px 12px 48px;
    width: 100%;
    max-width: 320px;
    letter-spacing: 2px;
}

.btn.btn-fluid {
    max-width: none;
}

.btn.btn-extra-large {
    font-size: 14px;
    padding: 10px 80px;
    width: 100%;
    max-width: 297px;
    letter-spacing: 2px;
}

.btn-dual .btn {
    margin-left: 10px;
    margin-right: 10px;
}

.btn-dual .btn:first-child {
    margin-left: 0
}

.btn .right-icon, .btn-link .right-icon {
    margin-left: 8px;
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -ms-transition: none;
    -o-transition: none;
}

.btn .left-icon, .btn-link .left-icon {
    margin-right: 8px;
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -ms-transition: none;
    -o-transition: none;
}

/* rounded button */

.btn.btn-round-edge-small {
    border-radius: 2px;
}

.btn.btn-rounded {
    border-radius: 50px;
}

.btn.btn-rounded.btn-very-small {
    padding: 6px 20px;
}

.btn.btn-rounded.btn-small {
    padding: 8px 26px
}

.btn.btn-rounded.btn-medium {
    padding: 10px 32px;
}

.btn.btn-rounded.btn-large {
    padding: 12px 38px;
}

.btn.btn-rounded.btn-extra-large {
    padding: 16px 44px;
}

.btn.btn-round-edge {
    border-radius: 4px;
}

.btn-fixed-bottom {
    position: absolute;
    bottom: 30px;
    right: 30px;
    z-index: 1;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
}

.btn.btn-rounded.btn-extra-large.btn-expand-ltr {
    padding: 15px 28px 15px;
}

.btn.btn-rounded.btn-extra-large.btn-expand-ltr span {
    width: 50px;
}

.btn.btn-rounded.btn-large.btn-expand-ltr {
    padding: 14px 26px 14px;
}

.btn.btn-rounded.btn-large.btn-expand-ltr span {
    width: 46px;
}

.btn.btn-rounded.btn-medium.btn-expand-ltr {
    padding: 7px 21px 7px;
}

.btn.btn-rounded.btn-medium.btn-expand-ltr span {
    width: 32px;
}

.btn.btn-rounded.btn-small.btn-expand-ltr {
    padding: 7px 20px 7px;
}

.btn.btn-rounded.btn-small.btn-expand-ltr span {
    width: 30px;
}

.btn.btn-rounded.btn-very-small.btn-expand-ltr {
    padding: 5px 17px 5px
}

.btn.btn-rounded.btn-very-small.btn-expand-ltr span {
    width: 25px;
}

/* animation button */

.btn.btn-slide-up-bg, .btn.btn-slide-down-bg, .btn.btn-slide-left-bg, .btn.btn-slide-right-bg {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.btn.btn-slide-up-bg span, .btn.btn-slide-down-bg span, .btn.btn-slide-left-bg span, .btn.btn-slide-right-bg span {
    position: absolute;
    height: 100%;
    width: 101%;
    z-index: -1;
    left: -1px;
    top: 0;
}

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

/* slide button */

.btn.btn-slide-up-bg span {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}

.btn.btn-slide-down-bg span {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}

.btn.btn-slide-up-bg:hover span, .btn.btn-slide-down-bg:hover span {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.btn.btn-slide-left-bg span {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}

.btn.btn-slide-right-bg span {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}

.btn.btn-slide-left-bg:hover span, .btn.btn-slide-right-bg:hover span {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.btn-slide-icon i {
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.btn-slide-icon:hover i {
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
    transform: translateX(5px);
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.btn-slide-icon-left i {
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.btn-slide-icon-left:hover i {
    -webkit-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
    transform: translateX(-5px);
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

/* fancy button */

.btn.btn-fancy.btn-very-small {
    font-size: 10px;
    letter-spacing: 0.5px;
    padding: 7px 18px;
}

.btn.btn-fancy.btn-small {
    font-size: 11px;
    letter-spacing: 0.5px;
    padding: 10px 24px;
}

.btn.btn-fancy.btn-medium {
    font-size: 12px;
    letter-spacing: 1px;
    padding: 12px 28px;
}

.btn.btn-fancy.btn-large {
    font-size: 13px;
    letter-spacing: 1px;
    padding: 13px 32px;
}

.btn.btn-fancy.btn-extra-large {
    font-size: 15px;
    letter-spacing: 1px;
    padding: 18px 38px;
}

/* expanded button */

.btn.btn-expand-ltr {
    position: relative;
    z-index: 1;
}

.btn.btn-expand-ltr.btn-rounded span {
    border-radius: 50px;
}

.btn.btn-expand-ltr:hover span {
    width: 100% !important;
}

.btn.btn-expand-ltr span {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    z-index: -1;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.btn.btn-expand-ltr i {
    display: inline-block;
    margin-left: 3px;
    opacity: 0;
    transform: translateX(-10px);
    -webkit-transform: translateX(-10px);
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.btn.btn-expand-ltr:hover i {
    opacity: 1;
    transform: translateX(0);
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

/* link button */

.btn.btn-link {
    padding: 7px 0 2px;
    position: relative;
    text-decoration: none;
    border: 0;
    border-bottom: 2px solid;
    background-color: transparent;
}

.btn.btn-link:hover, .btn.btn-link-gradient:hover {
    opacity: .7;
}

.btn.btn-link.thin {
    padding: 7px 0 2px;
    position: relative;
    text-decoration: none;
    border: 0;
    border-bottom: 1px solid;
    background-color: transparent;
}

.btn.btn-link.thin:hover, .btn.btn-link-gradient:hover {
    opacity: .7;
}

.btn.btn-link-gradient {
    padding: 7px 0 2px;
    position: relative;
    border: 0;
    background-color: transparent;
}

.btn.btn-link-gradient>span {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 100%;
}

/* button box shadow */

.btn-box-shadow {
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
}

.btn-box-shadow:hover {
    box-shadow: 0 8px 30px -5px rgba(0, 0, 0, .2);
    -moz-transform: translate3d(0, -3px, 0);
    -o-transform: translate3d(0, -3px, 0);
    -ms-transform: translate3d(0, -3px, 0);
    -webkit-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, -3px, 0);
}

.btn.btn-box-shadow.btn-white {
    background: #ffffff;
    border-color: #ffffff;
    color: #232323;
}

.btn.btn-box-shadow.btn-white:hover, .btn.btn-white:focus {
    background: #ffffff;
    color: #232323;
}

.btn.btn-box-shadow.btn-dark-gray {
    background: #232323;
    border-color: #232323;
    color: #fff;
}

.btn.btn-box-shadow.btn-dark-gray:hover, .btn.btn-extra-dark-gray:focus {
    background: #232323;
    color: #fff;
}

.btn.btn-box-shadow.btn-golden-brown {
    background: #CD9452;
    border-color: #CD9452;
    color: #fff;
}

.btn.btn-box-shadow.btn-golden-brown:hover, .btn.btn-extra-dark-gray:focus {
    background: #CD9452;
    color: #fff;
}

/* button box shadow flat */

.btn-box-shadow-flat {
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 1);
    border-width: 1px;
}

.btn-box-shadow-flat:hover {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.btn.btn-box-shadow-flat.btn-transparent-dark-gray {
    background: transparent;
    border-color: #232323;
    color: #232323;
}

.btn.btn-box-shadow-flat.btn-transparent-dark-gray:hover, .btn.btn-transparent-dark-gray:focus {
    background: #232323;
    color: #fff;
    border-color: transparent
}

/* button flat background */

.btn.btn-white {
    background: #ffffff;
    border-color: #ffffff;
    color: #232323;
}

.btn.btn-white:hover, .btn.btn-white:focus {
    background: transparent;
    color: #fff;
}

.btn.btn-black {
    background: #000000;
    border-color: #000000;
    color: #fff;
}

.btn.btn-black:hover, .btn.btn-black:focus {
    background: transparent;
    color: #000;
}


.btn.btn-deichmann-green {
    background: #008E54 !important;
    border-color: #008E54;
    color: #ffffff;
}

.btn.btn-deichmann-green:hover, .btn.btn-deichmann-green:focus {
    background: transparent !important;
    color: #008E54 !important;
}

.btn.hover-transparent-bg-white.btn-deichmann-green:hover, .btn.hover-transparent-bg-white.btn-deichmann-green:focus {
    background: transparent !important;
    color: #fff !important;
    border-color: #fff !important;
}

/* button only border */

.btn.btn-transparent-white {
    background: transparent;
    border-color: #ffffff;
    color: #ffffff;
}

.btn.btn-transparent-white:hover, .btn.btn-transparent-white:focus {
    background: #ffffff;
    border-color: #ffffff;
    color: #232323;
}

.btn.btn-transparent-black {
    background: transparent;
    border-color: #000000;
    color: #000000;
}

.btn.btn-transparent-black:hover, .btn.btn-transparent-black:focus {
    background: #000000;
    border-color: #000000;
    color: #ffffff;
}

.btn.btn-transparent-dark-gray {
    background: transparent;
    border-color: #232323;
    color: #232323;
}

.btn.btn-transparent-dark-gray:hover, .btn.btn-transparent-dark-gray:focus {
    background: #232323;
    border-color: #232323;
    color: #ffffff;
}

.btn.btn-transparent-light-gray {
    background: transparent;
    border-color: #dbdbdb;
    color: #232323;
}

.btn.btn-transparent-light-gray:hover, .btn.btn-transparent-light-gray:focus {
    background: #232323;
    border-color: #232323;
    color: #ffffff;
}

.btn.btn-transparent-medium-light-gray {
    background: transparent;
    border-color: #757575;
    color: #757575;
}

.btn.btn-transparent-medium-light-gray:hover, .btn.btn-transparent-medium-light-gray:focus {
    background: #dbdbdb;
    border-color: #dbdbdb;
    color: #232323;
}

.btn.btn-transparent-deichmann-green {
    background: transparent;
    border-color: #008E54;
    color: #008E54;
}

.btn.btn-transparent-deichmann-green:hover {
    background: #008E54;
    border-color: #008E54;
    color: white;
}

/* button gradient */


.btn-gradient-deichmann-green {
    background-image: linear-gradient(to left, #1ae19b, #008e54, #2ed47c);
    color: #fff;
    background-size: 200% auto;
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

/* button gradient border */

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

.btn.btn-transparent-gradient-sky-blue-pink:hover, .btn.btn-transparent-gradient-sky-blue-pink:focus {
    background: transparent;
    color: #232323;
}

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

.border-all {
    border: 1px solid !important;
}

.border-top {
    border-top: 1px solid !important;
}

.border-bottom {
    border-bottom: 1px solid !important;
}

.border-left {
    border-left: 1px solid !important;
}

.border-right {
    border-right: 1px solid !important;
}

.border-lr {
    border-left: 1px solid;
    border-right: 1px solid !important;
}

.border-tb {
    border-top: 1px solid;
    border-bottom: 1px solid !important;
}

/* border width */

.border-width-1px {
    border-width: 1px !important;
}

.border-width-2px {
    border-width: 2px !important;
}

.border-width-3px {
    border-width: 3px !important;
}



/* border 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-deichmann-green {
    border-color: #008E54 !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-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 gradient */


/* 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;
}

/* ===================================
    08. Video
====================================== */

.video-wrapper {
    height: 100%;
    overflow: hidden;
    position: absolute;
    width: 100%;
}

.html-video {
    background-color: #000;
    left: 50%;
    width: auto;
    height: auto;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 0;
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    z-index: 1;
    pointer-events: none;
}

.video-wrapper iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: -5px !important;
    width: 100%;
}

.video-background {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
    top: 0;
    background: rgba(67, 67, 67, 0.5)
}

.html-video-play {
    position: relative;
    text-align: center;
}

.html-video-play .play-icon, .html-video-play .pause-icon {
    position: absolute;
    left: 50%;
    padding-left: 8px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.html-video-play[ playing="true"] .play-icon, .html-video-play .pause-icon {
    opacity: 0;
    top: 0;
    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;
}

.html-video-play[ playing="true"] .play-icon {
    top: 0;
}

.html-video-play .pause-icon {
    top: 100%;
}

.html-video-play .play-icon, .html-video-play[ playing="true"] .pause-icon {
    opacity: 1;
    top: 50%;
    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;
}

.play-icon-animation {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    -o-transform: scale(1);
    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;
}

.play-icon-animation:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
    -o-transform: scale(1.1);
    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;
}

/* ===================================
    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-b-10px {
    margin-bottom: 10px;
}

.margin-b-40px {
    margin-bottom: 40px;
}

@media (max-width: 989px) {
    .sm-margin-30px-bottom {
        margin-bottom: 30px;
    }

    .sm-margin-120px-bottom {
        margin-bottom: 120px;
    }
}

/* 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-0px {
    margin: 0px !important;
}

.margin-0px-tb {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

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

.no-margin-tb {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.margin-lr-14px {
    margin-left: -14px !important;
    margin-right: -14px !important;
}

.margin-l-auto {
    margin-left: auto !important;
}

.margin-l-18px {
    margin-left: 18px;
}

.margin-r-auto {
    margin-right: auto !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;
}

.wrap-overflow-hidden {
    width: fit-content;
    overflow: hidden;
}

.display-flex {
    display: flex;
}

.display-grid {
    display: grid;
}

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

.position-inherit {
    position: inherit !important;
}

.tp-bgimg.defaultimg {
    background-position: center 74px !important;
}

.slotslide>div {
    background-position: center 74px !important;
}

@media (max-width: 992px) {

    .tp-bgimg.defaultimg {
        background-position: center 0 !important;
    }

    .slotslide>div {
        background-position: center 0 !important;
    }

}

/* 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;
}

/* right minus */

.right-minus-1px {
    right: -1px;
}

.right-minus-2px {
    right: -2px;
}

.right-minus-3px {
    right: -3px;
}

.right-minus-4px {
    right: -4px;
}

.right-minus-5px {
    right: -5px;
}

.right-minus-6px {
    right: -6px;
}

.right-minus-7px {
    right: -7px;
}

.right-minus-8px {
    right: -8px;
}

.right-minus-9px {
    right: -9px;
}

.right-minus-10px {
    right: -10px;
}

.right-minus-15px {
    right: -15px;
}

.right-minus-20px {
    right: -20px;
}

.right-minus-25px {
    right: -25px;
}

.right-minus-30px {
    right: -30px;
}

.right-minus-35px {
    right: -35px;
}

.right-minus-40px {
    right: -40px;
}

.right-minus-45px {
    right: -45px;
}

.right-minus-50px {
    right: -50px;
}

.right-minus-60px {
    right: -60px;
}

.right-minus-70px {
    right: -70px;
}

/* left */

.left-0px {
    left: 0;
}

.left-1px {
    left: 1px;
}

.left-2px {
    left: 2px;
}

.left-3px {
    left: 3px;
}

.left-4px {
    left: 4px;
}

.left-5px {
    left: 5px;
}

.left-6px {
    left: 6px;
}

.left-7px {
    left: 7px;
}

.left-8px {
    left: 8px;
}

.left-9px {
    left: 9px;
}

.left-10px {
    left: 10px;
}

.left-15px {
    left: 15px;
}

.left-20px {
    left: 20px;
}

.left-25px {
    left: 25px;
}

.left-30px {
    left: 30px;
}

.left-35px {
    left: 35px;
}

.left-40px {
    left: 40px;
}

.left-45px {
    left: 45px;
}

.left-50px {
    left: 50px;
}

.left-auto {
    left: auto;
}

.left-inherit {
    left: inherit;
}

/* left minus */

.left-0px {
    left: 0;
}

.left-minus-1px {
    left: -1px;
}

.left-minus-2px {
    left: -2px;
}

.left-minus-3px {
    left: -3px;
}

.left-minus-4px {
    left: -4px;
}

.left-minus-5px {
    left: -5px;
}

.left-minus-6px {
    left: -6px;
}

.left-minus-7px {
    left: -7px;
}

.left-minus-8px {
    left: -8px;
}

.left-minus-9px {
    left: -9px;
}

.left-minus-10px {
    left: -10px;
}

.left-minus-15px {
    left: -15px;
}

.left-minus-20px {
    left: -20px;
}

.left-minus-25px {
    left: -25px;
}

.left-minus-30px {
    left: -30px;
}

.left-minus-35px {
    left: -35px;
}

.left-minus-40px {
    left: -40px;
}

.left-minus-45px {
    left: -45px;
}

.left-minus-50px {
    left: -50px;
}

/* ===================================
    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-container {
    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-width-none {
    max-width: none !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;
}

/* content box image */

.content-box-image {
    width: 100%;
    height: -webkit-calc(100% / 3);
    height: -moz-calc(100% / 3);
    height: calc(100% / 3);
}

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

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

/* video icons */

.video-icon-box {
    z-index: 1;
}

.video-icon-box>span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    -ms-flex-direction: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.video-icon-box .video-icon {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
}

.video-icon-box .video-icon i {
    margin-left: 5px;
    line-height: normal;
}

.video-icon-large.video-icon-box .video-icon i {
    margin-left: 8px;
}

.video-icon-double-large.video-icon-box .video-icon i {
    margin-left: 10px;
}

.video-icon .video-icon-sonar {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    top: 0;
    left: 0;
    z-index: -10;
    -webkit-animation: video-icon-sonar 2s linear infinite;
    animation: video-icon-sonar 2s linear infinite;
}

.video-icon .video-icon-sonar .video-icon-sonar-bfr {
    position: absolute;
    border-radius: 50%;
    content: '';
    top: -25px;
    left: -25px;
    z-index: -100;
}

.video-icon .video-icon-sonar .video-icon-sonar-afr {
    position: absolute;
    border-radius: 50%;
    content: '';
    top: -10px;
    left: -10px;
    z-index: -50;
}

.video-icon-small .video-icon .video-icon-sonar .video-icon-sonar-bfr {
    top: -15px;
    left: -15px;
}

.video-icon-small .video-icon .video-icon-sonar .video-icon-sonar-afr {
    top: 0px;
    left: 0px;
}

/* video icon size */

.video-icon-small .video-icon {
    width: 40px;
    height: 40px;
    font-size: 14px;
}

.video-icon-small .video-icon .video-icon-sonar .video-icon-sonar-bfr {
    width: 70px;
    height: 70px;
}

.video-icon-small .video-icon .video-icon-sonar .video-icon-sonar-afr {
    width: 40px;
    height: 40px;
}

.video-icon-medium .video-icon {
    width: 50px;
    height: 50px;
    font-size: 18px;
}

.video-icon-medium .video-icon .video-icon-sonar .video-icon-sonar-bfr {
    width: 100px;
    height: 100px;
}

.video-icon-medium .video-icon .video-icon-sonar .video-icon-sonar-afr {
    width: 70px;
    height: 70px;
}

.video-icon-large .video-icon {
    width: 75px;
    height: 75px;
    font-size: 26px;
}

.video-icon-large .video-icon .video-icon-sonar .video-icon-sonar-bfr {
    width: 125px;
    height: 125px;
}

.video-icon-large .video-icon .video-icon-sonar .video-icon-sonar-afr {
    width: 95px;
    height: 95px;
}

.video-icon-extra-large .video-icon {
    width: 100px;
    height: 100px;
    font-size: 25px;
}

.video-icon-extra-large .video-icon .video-icon-sonar .video-icon-sonar-bfr {
    width: 150px;
    height: 150px;
}

.video-icon-extra-large .video-icon .video-icon-sonar .video-icon-sonar-afr {
    width: 120px;
    height: 120px;
}

.video-icon-double-large .video-icon {
    width: 120px;
    height: 120px;
    font-size: 34px;
}

.video-icon-double-large .video-icon .video-icon-sonar .video-icon-sonar-bfr {
    width: 170px;
    height: 170px;
}

.video-icon-double-large .video-icon .video-icon-sonar .video-icon-sonar-afr {
    width: 140px;
    height: 140px;
}

/* icon size */

.icon-extra-large {
    font-size: 60px;
}

.icon-large {
    font-size: 50px;
}

.icon-medium {
    font-size: 40px;
}

.icon-very-medium {
    font-size: 35px;
}

.icon-extra-medium {
    font-size: 32px;
}

.icon-small {
    font-size: 28px;
}

.icon-extra-small {
    font-size: 18px;
}

.icon-very-small {
    font-size: 13px;
}

.icon-country {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin: 0 10px 0 5px;
}

/* social media icon */

.extra-small-icon, .small-icon, .medium-icon, .large-icon, .extra-large-icon {
    list-style: none;
    padding: 0;
}

.extra-small-icon li, .small-icon li, .medium-icon li, .large-icon li, .extra-large-icon li {
    display: inline-block;
}

.extra-small-icon li:first-child, .small-icon li:first-child, .medium-icon li:first-child, .large-icon li:first-child, .extra-large-icon li:first-child {
    margin-left: 0;
}

.extra-small-icon li:last-child, .small-icon li:last-child, .medium-icon li:last-child, .large-icon li:last-child, .extra-large-icon li:last-child {
    margin-right: 0;
}

.extra-small-icon li {
    margin: 0 2px;
}

.small-icon li {
    margin: 0 5px;
}

.medium-icon li {
    margin: 0
}

.large-icon li {
    margin: 0 10px;
}

.extra-large-icon li {
    margin: 0 12px;
}

.extra-small-icon a {
    font-size: 14px;
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.small-icon a {
    font-size: 16px;
    width: 40px;
    height: 40px;
    line-height: 40px;
}

.medium-icon a {
    font-size: 20px;
    width: 50px;
    height: 50px;
    line-height: 50px;
}

.large-icon a {
    font-size: 24px;
    width: 60px;
    height: 60px;
    line-height: 60px;
}

.extra-large-icon a {
    font-size: 30px;
    width: 70px;
    height: 70px;
    line-height: 70px;
}

.social-icon a {
    margin: 0 15px;
}

.social-icon a:first-child {
    margin-left: 0;
}

.social-icon a:last-child {
    margin-right: 0;
}

[class^="social-icon-"] ul, [class*=" social-icon-"] ul {
    list-style: none;
}

/* icon like counter */

a.likes-count {
    width: auto;
    border: 1px solid #e4e4e4;
    font-size: 12px;
    border-radius: 4px;
    padding: 5px 18px 6px;
    line-height: 20px;
    margin: 0 0 10px 0;
    display: inline-block
}

a.likes-count i {
    margin-right: 8px;
    color: #fa5c47
}

a.likes-count:hover {
    box-shadow: 0 0 10px rgba(23, 23, 23, .1);
    color: #232323
}

/* social icon style 01 */

.social-icon-style-01 ul li a {
    text-align: center;
    display: inline-block
}

.social-icon-style-01 a:hover {
    color: #0038e3;
}

/* social icon style 02 */

.social-icon-style-02 ul li a {
    text-align: center;
    display: inline-block;
    color: #232323
}

.social-icon-style-02.icon-with-animation a {
    display: inline-block;
}

.social-icon-style-02.icon-with-animation a:hover {
    transform: translateY(-8px);
}

.social-icon-style-02 ul.light li a {
    color: #fff
}

.social-icon-style-02 ul.dark li a {
    color: #232323
}

.social-icon-style-02 a.facebook:hover, .social-icon-style-04 a.facebook:hover, .social-icon-style-07 a.facebook, .social-icon-style-08 a.facebook, .social-icon-style-10 a.facebook, .social-icon-style-11 a.facebook .social-front i, .menu-sidebar a .facebook {
    color: #3b5998;
}

.social-icon-style-02 a.twitter:hover, .social-icon-style-04 a.twitter:hover, .social-icon-style-07 a.twitter, .social-icon-style-08 a.twitter, .social-icon-style-10 a.twitter, .social-icon-style-11 a.twitter .social-front i, .menu-sidebar a .twitter {
    color: #00aced;
}

.social-icon-style-02 a.google:hover, .social-icon-style-04 a.google:hover, .social-icon-style-07 a.google, .social-icon-style-08 a.google, .social-icon-style-10 a.google, .social-icon-style-11 a.google .social-front i, .menu-sidebar a .google {
    color: #dc4a38;
}

.social-icon-style-02 a.dribbble:hover, .social-icon-style-04 a.dribbble:hover, .social-icon-style-07 a.dribbble, .social-icon-style-08 a.dribbble, .social-icon-style-10 a.dribbble, .social-icon-style-11 a.dribbble .social-front i, .menu-sidebar a .dribbble {
    color: #ea4c89;
}

.social-icon-style-02 a.youtube:hover, .social-icon-style-04 a.youtube:hover, .social-icon-style-07 a.youtube, .social-icon-style-08 a.youtube, .social-icon-style-10 a.youtube, .social-icon-style-11 a.youtube .social-front i, .menu-sidebar a .youtube {
    color: #bb0000;
}

.social-icon-style-02 a.linkedin:hover, .social-icon-style-04 a.linkedin:hover, .social-icon-style-07 a.linkedin, .social-icon-style-08 a.linkedin, .social-icon-style-10 a.linkedin, .social-icon-style-11 a.linkedin .social-front i, .menu-sidebar a .linkedin {
    color: #0077b5;
}

.social-icon-style-02 a.instagram:hover, .social-icon-style-04 a.instagram:hover, .social-icon-style-07 a.instagram, .social-icon-style-08 a.instagram, .social-icon-style-10 a.instagram, .social-icon-style-11 a.instagram .social-front i, .menu-sidebar a .instagram {
    color: #FE1F49;
}

.social-icon-style-02 a.pinterest:hover, .social-icon-style-04 a.pinterest:hover, .social-icon-style-07 a.pinterest, .social-icon-style-08 a.pinterest, .social-icon-style-10 a.pinterest, .social-icon-style-11 a.pinterest .social-front i, .menu-sidebar a .pinterest {
    color: #CB2027;
}

.social-icon-style-02 a.flickr:hover, .social-icon-style-04 a.flickr:hover, .social-icon-style-07 a.flickr, .social-icon-style-08 a.flickr, .social-icon-style-10 a.flickr, .social-icon-style-11 a.flickr .social-front i, .menu-sidebar a .flickr {
    color: #ff0084;
}

.social-icon-style-02 a.rss:hover, .social-icon-style-04 a.rss:hover, .social-icon-style-07 a.rss, .social-icon-style-08 a.rss, .social-icon-style-10 a.rss, .social-icon-style-11 a.rss .social-front i, .menu-sidebar a .rss {
    color: #f2890a;
}

.social-icon-style-02 a.behance:hover, .social-icon-style-04 a.behance:hover, .social-icon-style-07 a.behance, .social-icon-style-08 a.behance, .social-icon-style-10 a.behance, .social-icon-style-11 a.behance .social-front i, .menu-sidebar a .behance {
    color: #1769ff;
}

.social-icon-style-02 a.vine:hover, .social-icon-style-04 a.vine:hover, .social-icon-style-07 a.vine, .social-icon-style-08 a.vine, .social-icon-style-10 a.vine, .social-icon-style-11 a.vine .social-front i, .menu-sidebar a .vine {
    color: #00bf8f;
}

.social-icon-style-02 a.email:hover, .social-icon-style-04 a.email:hover, .social-icon-style-07 a.email, .social-icon-style-08 a.email, .social-icon-style-10 a.email, .social-icon-style-11 a.email .social-front i, .menu-sidebar a .email {
    color: #7d7d7d;
}

.social-icon-style-02 a.sms:hover, .social-icon-style-04 a.sms:hover, .social-icon-style-07 a.sms, .social-icon-style-08 a.sms, .social-icon-style-10 a.sms, .social-icon-style-11 a.sms .social-front i, .menu-sidebar a .sms {
    color: #ffbd00;
}

.social-icon-style-02 a.sharethis:hover, .social-icon-style-04 a.sharethis:hover, .social-icon-style-07 a.sharethis, .social-icon-style-08 a.sharethis, .social-icon-style-10 a.sharethis, .social-icon-style-11 a.sharethis .social-front i, .menu-sidebar a .sharethis {
    color: #95D03A;
}

.social-icon-style-02 a.reddit:hover, .social-icon-style-04 a.reddit:hover, .social-icon-style-07 a.reddit, .social-icon-style-08 a.reddit, .social-icon-style-10 a.reddit, .social-icon-style-11 a.reddit .social-front i, .menu-sidebar a .reddit {
    color: #ff4500;
}

.social-icon-style-02 a.tumblr:hover, .social-icon-style-04 a.tumblr:hover, .social-icon-style-07 a.tumblr, .social-icon-style-08 a.tumblr, .social-icon-style-10 a.tumblr, .social-icon-style-11 a.tumblr .social-front i, .menu-sidebar a .tumblr {
    color: #32506d;
}

.social-icon-style-02 a.digg:hover, .social-icon-style-04 a.digg:hover, .social-icon-style-07 a.digg, .social-icon-style-08 a.digg, .social-icon-style-10 a.digg, .social-icon-style-11 a.digg .social-front i, .menu-sidebar a .digg {
    color: #262626;
}

.social-icon-style-02 a.stumbleupon:hover, .social-icon-style-04 a.stumbleupon:hover, .social-icon-style-07 a.stumbleupon, .social-icon-style-08 a.stumbleupon, .social-icon-style-10 a.stumbleupon, .social-icon-style-11 a.stumbleupon .social-front i, .menu-sidebar a .stumbleupon {
    color: #eb4924;
}

.social-icon-style-02 a.whatsapp:hover, .social-icon-style-04 a.whatsapp:hover, .social-icon-style-07 a.whatsapp, .social-icon-style-08 a.whatsapp, .social-icon-style-10 a.whatsapp, .social-icon-style-11 a.whatsapp .social-front i, .menu-sidebar a .whatsapp {
    color: #25d366;
}

.social-icon-style-02 a.vk:hover, .social-icon-style-04 a.vk:hover, .social-icon-style-07 a.vk, .social-icon-style-08 a.vk, .social-icon-style-10 a.vk, .social-icon-style-11 a.vk .social-front i, .menu-sidebar a .vk {
    color: #4c6c91;
}

.social-icon-style-02 a.weibo:hover, .social-icon-style-04 a.weibo:hover, .social-icon-style-07 a.weibo, .social-icon-style-08 a.weibo, .social-icon-style-10 a.weibo, .social-icon-style-11 a.weibo .social-front i, .menu-sidebar a .weibo {
    color: #ff9933;
}

.social-icon-style-02 a.odnoklassniki:hover, .social-icon-style-04 a.odnoklassniki:hover, .social-icon-style-07 a.odnoklassniki, .social-icon-style-08 a.odnoklassniki, .social-icon-style-10 a.odnoklassniki, .social-icon-style-11 a.odnoklassniki .social-front i, .menu-sidebar a .odnoklassniki {
    color: #d7772d;
}

.social-icon-style-02 a.xing:hover, .social-icon-style-04 a.xing:hover, .social-icon-style-07 a.xing, .social-icon-style-08 a.xing, .social-icon-style-10 a.xing, .social-icon-style-11 a.xing .social-front i, .menu-sidebar a .xing {
    color: #1a7576;
}

.social-icon-style-02 a.print:hover, .social-icon-style-04 a.print:hover, .social-icon-style-07 a.print, .social-icon-style-08 a.print, .social-icon-style-10 a.print, .social-icon-style-11 a.print .social-front i, .menu-sidebar a .print {
    color: #222222;
}

.social-icon-style-02 a.blogger:hover, .social-icon-style-04 a.blogger:hover, .social-icon-style-07 a.blogger, .social-icon-style-08 a.blogger, .social-icon-style-10 a.blogger, .social-icon-style-11 a.blogger .social-front i, .menu-sidebar a .blogger {
    color: #ff8000;
}

.social-icon-style-02 a.flipboard:hover, .social-icon-style-04 a.flipboard:hover, .social-icon-style-07 a.flipboard, .social-icon-style-08 a.flipboard, .social-icon-style-10 a.flipboard, .social-icon-style-11 a.flipboard .social-front i, .menu-sidebar a .flipboard {
    color: #e12828;
}

.social-icon-style-02 a.meneame:hover, .social-icon-style-04 a.meneame:hover, .social-icon-style-07 a.meneame, .social-icon-style-08 a.meneame, .social-icon-style-10 a.meneame, .social-icon-style-11 a.meneame .social-front i, .menu-sidebar a .meneame {
    color: #ff6400;
}

.social-icon-style-02 a.mailru:hover, .social-icon-style-04 a.mailru:hover, .social-icon-style-07 a.mailru, .social-icon-style-08 a.mailru, .social-icon-style-10 a.mailru, .social-icon-style-11 a.mailru .social-front i, .menu-sidebar a .mailru {
    color: #168de2;
}

.social-icon-style-02 a.delicious:hover, .social-icon-style-04 a.delicious:hover, .social-icon-style-07 a.delicious, .social-icon-style-08 a.delicious, .social-icon-style-10 a.delicious, .social-icon-style-11 a.delicious .social-front i, .menu-sidebar a .delicious {
    color: #205cc0;
}

.social-icon-style-02 a.livejournal:hover, .social-icon-style-04 a.livejournal:hover, .social-icon-style-07 a.livejournal, .social-icon-style-08 a.livejournal, .social-icon-style-10 a.livejournal, .social-icon-style-11 a.livejournal .social-front i, .menu-sidebar a .livejournal {
    color: #00b0ea;
}

/* social icon style 03 */

.social-icon-style-03 a {
    text-align: center;
    display: inline-block;
    transition: all 400ms;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -ms-transition: all 400ms;
    -o-transition: all 400ms;
    color: #fff;
}

.social-icon-style-03 a:hover {
    border-radius: 100%;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}

.social-icon-style-03 a.facebook, .social-icon-style-05 a.facebook span, .social-icon-style-04 a.facebook, .social-icon-style-09 a.facebook:hover, .social-icon-style-10 a.facebook span, .social-icon-style-11 a.facebook .social-back {
    background-color: #3b5998;
}

.social-icon-style-03 a.twitter, .social-icon-style-05 a.twitter span, .social-icon-style-04 a.twitter, .social-icon-style-09 a.twitter:hover, .social-icon-style-10 a.twitter span, .social-icon-style-11 a.twitter .social-back {
    background-color: #00aced;
}

.social-icon-style-03 a.google, .social-icon-style-05 a.google span, .social-icon-style-04 a.google, .social-icon-style-09 a.google:hover, .social-icon-style-10 a.google span, .social-icon-style-11 a.google .social-back {
    background-color: #dc4a38;
}

.social-icon-style-03 a.dribbble, .social-icon-style-05 a.dribbble span, .social-icon-style-04 a.dribbble, .social-icon-style-09 a.dribbble:hover, .social-icon-style-10 a.dribbble span, .social-icon-style-11 a.dribbble .social-back {
    background-color: #ea4c89;
}

.social-icon-style-03 a.youtube, .social-icon-style-05 a.youtube span, .social-icon-style-04 a.youtube, .social-icon-style-09 a.youtube:hover, .social-icon-style-10 a.youtube span, .social-icon-style-11 a.youtube .social-back {
    background-color: #bb0000;
}

.social-icon-style-03 a.linkedin, .social-icon-style-05 a.linkedin span, .social-icon-style-04 a.linkedin, .social-icon-style-09 a.linkedin:hover, .social-icon-style-10 a.linkedin span, .social-icon-style-11 a.linkedin .social-back {
    background-color: #007bb6;
}

.social-icon-style-03 a.instagram, .social-icon-style-05 a.instagram span, .social-icon-style-04 a.instagram, .social-icon-style-09 a.instagram:hover, .social-icon-style-10 a.instagram span, .social-icon-style-11 a.instagram .social-back {
    background-color: #FE1F49;
}

.social-icon-style-03 a.pinterest, .social-icon-style-05 a.pinterest span, .social-icon-style-04 a.pinterest, .social-icon-style-09 a.pinterest:hover, .social-icon-style-10 a.pinterest span, .social-icon-style-11 a.pinterest .social-back {
    background-color: #CB2027;
}

.social-icon-style-03 a.flickr, .social-icon-style-05 a.flickr span, .social-icon-style-04 a.flickr, .social-icon-style-09 a.flickr:hover, .social-icon-style-10 a.flickr span, .social-icon-style-11 a.flickr .social-back {
    background-color: #ff0084;
}

.social-icon-style-03 a.rss, .social-icon-style-05 a.rss span, .social-icon-style-04 a.rss, .social-icon-style-09 a.rss:hover, .social-icon-style-10 a.rss span, .social-icon-style-11 a.rss .social-back {
    background-color: #f2890a;
}

.social-icon-style-03 a.behance, .social-icon-style-05 a.behance span, .social-icon-style-04 a.behance, .social-icon-style-09 a.behance:hover, .social-icon-style-10 a.behance span, .social-icon-style-11 a.behance .social-back {
    background-color: #1769ff;
}

.social-icon-style-03 a.vine, .social-icon-style-05 a.vine span, .social-icon-style-04 a.vine, .social-icon-style-09 a.vine:hover, .social-icon-style-10 a.vine span, .social-icon-style-11 a.vine .social-back {
    background-color: #00bf8f;
}

.social-icon-style-03 a.email, .social-icon-style-05 a.email span, .social-icon-style-04 a.email, .social-icon-style-09 a.email:hover, .social-icon-style-10 a.email span, .social-icon-style-11 a.email .social-back {
    background-color: #7d7d7d;
}

.social-icon-style-03 a.sms, .social-icon-style-05 a.sms span, .social-icon-style-04 a.sms, .social-icon-style-09 a.sms:hover, .social-icon-style-10 a.sms span, .social-icon-style-11 a.sms .social-back {
    background-color: #ffbd00;
}

.social-icon-style-03 a.sharethis, .social-icon-style-05 a.sharethis span, .social-icon-style-04 a.sharethis, .social-icon-style-09 a.sharethis:hover, .social-icon-style-10 a.sharethis span, .social-icon-style-11 a.sharethis .social-back {
    background-color: #95D03A;
}

.social-icon-style-03 a.reddit, .social-icon-style-05 a.reddit span, .social-icon-style-04 a.reddit, .social-icon-style-09 a.reddit:hover, .social-icon-style-10 a.reddit span, .social-icon-style-11 a.reddit .social-back {
    background-color: #ff4500;
}

.social-icon-style-03 a.tumblr, .social-icon-style-05 a.tumblr span, .social-icon-style-04 a.tumblr, .social-icon-style-09 a.tumblr:hover, .social-icon-style-10 a.tumblr span, .social-icon-style-11 a.tumblr .social-back {
    background-color: #32506d;
}

.social-icon-style-03 a.digg, .social-icon-style-05 a.digg span, .social-icon-style-04 a.digg, .social-icon-style-09 a.digg:hover, .social-icon-style-10 a.digg span, .social-icon-style-11 a.digg .social-back {
    background-color: #262626;
}

.social-icon-style-03 a.stumbleupon, .social-icon-style-05 a.stumbleupon span, .social-icon-style-04 a.stumbleupon, .social-icon-style-09 a.stumbleupon:hover, .social-icon-style-10 a.stumbleupon span, .social-icon-style-11 a.stumbleupon .social-back {
    background-color: #eb4924;
}

.social-icon-style-03 a.whatsapp, .social-icon-style-05 a.whatsapp span, .social-icon-style-04 a.whatsapp, .social-icon-style-09 a.whatsapp:hover, .social-icon-style-10 a.whatsapp span, .social-icon-style-11 a.whatsapp .social-back {
    background-color: #25d366;
}

.social-icon-style-03 a.vk, .social-icon-style-05 a.vk span, .social-icon-style-04 a.vk, .social-icon-style-09 a.vk:hover, .social-icon-style-10 a.vk span, .social-icon-style-11 a.vk .social-back {
    background-color: #4c6c91;
}

.social-icon-style-03 a.weibo, .social-icon-style-05 a.weibo span, .social-icon-style-04 a.weibo, .social-icon-style-09 a.weibo:hover, .social-icon-style-10 a.weibo span, .social-icon-style-11 a.weibo .social-back {
    background-color: #ff9933;
}

.social-icon-style-03 a.odnoklassniki, .social-icon-style-05 a.odnoklassniki span, .social-icon-style-04 a.odnoklassniki, .social-icon-style-09 a.odnoklassniki:hover, .social-icon-style-10 a.odnoklassniki span, .social-icon-style-11 a.odnoklassniki .social-back {
    background-color: #d7772d;
}

.social-icon-style-03 a.xing, .social-icon-style-05 a.xing span, .social-icon-style-04 a.xing, .social-icon-style-09 a.xing:hover, .social-icon-style-10 a.xing span, .social-icon-style-11 a.xing .social-back {
    background-color: #1a7576;
}

.social-icon-style-03 a.print, .social-icon-style-05 a.print span, .social-icon-style-04 a.print, .social-icon-style-09 a.print:hover, .social-icon-style-10 a.print span, .social-icon-style-11 a.print .social-back {
    background-color: #222222;
}

.social-icon-style-03 a.blogger, .social-icon-style-05 a.blogger span, .social-icon-style-04 a.blogger, .social-icon-style-09 a.blogger:hover, .social-icon-style-10 a.blogger span, .social-icon-style-11 a.blogger .social-back {
    background-color: #ff8000;
}

.social-icon-style-03 a.flipboard, .social-icon-style-05 a.flipboard span, .social-icon-style-04 a.flipboard, .social-icon-style-09 a.flipboard:hover, .social-icon-style-10 a.flipboard span, .social-icon-style-11 a.flipboard .social-back {
    background-color: #e12828;
}

.social-icon-style-03 a.meneame, .social-icon-style-05 a.meneame span, .social-icon-style-04 a.meneame, .social-icon-style-09 a.meneame:hover, .social-icon-style-10 a.meneame span, .social-icon-style-11 a.meneame .social-back {
    background-color: #ff6400;
}

.social-icon-style-03 a.mailru, .social-icon-style-05 a.mailru span, .social-icon-style-04 a.mailru, .social-icon-style-09 a.mailru:hover, .social-icon-style-10 a.mailru span, .social-icon-style-11 a.mailru .social-back {
    background-color: #168de2;
}

.social-icon-style-03 a.delicious, .social-icon-style-05 a.delicious span, .social-icon-style-04 a.delicious, .social-icon-style-09 a.delicious:hover, .social-icon-style-10 a.delicious span, .social-icon-style-11 a.delicious .social-back {
    background-color: #205cc0;
}

.social-icon-style-03 a.livejournal, .social-icon-style-05 a.livejournal span, .social-icon-style-04 a.livejournal, .social-icon-style-09 a.livejournal:hover, .social-icon-style-10 a.livejournal span, .social-icon-style-11 a.livejournal .social-back {
    background-color: #00b0ea;
}

/* social icon style 04 */

.social-icon-style-04 a {
    text-align: center;
    display: inline-block;
    transition: all 400ms;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -ms-transition: all 400ms;
    -o-transition: all 400ms;
    border-radius: 100%;
    color: #fff;
}

.social-icon-style-04 a:hover {
    background: #fff;
    box-shadow: 0 0 30px rgba(23, 23, 23, .25);
    -moz-transform: translate3d(0, -3px, 0);
    -o-transform: translate3d(0, -3px, 0);
    -ms-transform: translate3d(0, -3px, 0);
    -webkit-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, -3px, 0);
}

/* social icon style 05 */

.social-icon-style-05 a {
    text-align: center;
    display: inline-block;
    border-radius: 100%;
    position: relative;
    color: #232323;
    text-align: center;
    z-index: 1;
}

.social-icon-style-05 a:hover {
    color: #fff;
}

.social-icon-style-05 a span {
    border-radius: 0;
    display: block;
    height: 0;
    left: 50%;
    margin: 0;
    position: absolute;
    top: 50%;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    width: 0;
    z-index: -1;
}

.social-icon-style-05 a:hover span {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    top: 0;
    left: 0;
}

/* social icon style 06 */

.social-icon-style-06 a {
    text-align: center;
    display: inline-block;
    color: #232323;
}

.social-icon-style-06 a:hover {
    color: #fff;
    border-radius: 100%;
    background-color: #0038e3;
}

/* social icon style 07 */

.social-icon-style-07 {
    position: relative;
}

.social-icon-style-07 a {
    text-align: center;
    border-radius: 100%;
    position: relative;
    display: inline-block;
}

.social-icon-style-07 a:hover {
    color: #fff;
}

.social-icon-style-07.dark a:hover, .social-icon-style-07 .dark a:hover {
    color: #000;
}

/* social icon style 08 */

.social-icon-style-08 a {
    color: #fff;
    display: inline-block;
    height: auto;
    width: auto;
    padding: 0 24px;
    position: relative;
    overflow: hidden;
}

.social-icon-style-08 a .brand-icon {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.social-icon-style-08 a:hover .brand-icon {
    top: 0;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.social-icon-style-08 a>span {
    line-height: inherit;
    font-weight: 500;
    top: 0px;
    position: relative;
    -webkit-transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
    -moz-transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
    -ms-transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
    -o-transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
    transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
}

.social-icon-style-08 a:hover>span.brand-label {
    top: -50px;
    -webkit-transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
    -moz-transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
    -ms-transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
    -o-transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
    transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
}

/* social icon style 09 */

.social-icon-style-09 a {
    text-align: center;
    display: inline-block;
    border-radius: 100%;
    color: #232323;
    position: relative;
    text-align: center;
}

.social-icon-style-09 a:hover {
    color: #fff;
}

.social-icon-style-09 a:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    border: 1px solid;
    border-radius: 100%;
    opacity: 0;
    -webkit-transition: all .5s cubic-bezier(0, 0, .2, 1);
    transition: all .5s cubic-bezier(0, 0, .2, 1);
}

.social-icon-style-09 a:hover:after {
    opacity: .4;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
}

.social-icon-style-09 a.facebook:after {
    border-color: #3b5998;
    color: #3b5998;
}

.social-icon-style-09 a.twitter:after {
    border-color: #00aced;
    color: #00aced;
}

.social-icon-style-09 a.google:after {
    border-color: #dc4a38;
    color: #dc4a38;
}

.social-icon-style-09 a.dribbble:after {
    border-color: #ea4c89;
    color: #ea4c89;
}

.social-icon-style-09 a.youtube:after {
    border-color: #bb0000;
    color: #bb0000;
}

.social-icon-style-09 a.linkedin:after {
    border-color: #0077b5;
    color: #0077b5;
}

.social-icon-style-09 a.instagram:after {
    border-color: #FE1F49;
    color: #FE1F49;
}

.social-icon-style-09 a.pinterest:after {
    border-color: #CB2027;
    color: #CB2027;
}

.social-icon-style-09 a.flickr:after {
    border-color: #ff0084;
    color: #ff0084;
}

.social-icon-style-09 a.rss:after {
    border-color: #f2890a;
    color: #f2890a;
}

.social-icon-style-09 a.behance:after {
    border-color: #1769ff;
    color: #1769ff;
}

.social-icon-style-09 a.vine:after {
    border-color: #00bf8f;
    color: #00bf8f;
}

.social-icon-style-09 a.email:after {
    border-color: #7d7d7d;
    color: #7d7d7d;
}

.social-icon-style-09 a.sms:after {
    border-color: #ffbd00;
    color: #ffbd00;
}

.social-icon-style-09 a.sharethis:after {
    border-color: #95D03A;
    color: #95D03A;
}

.social-icon-style-09 a.reddit:after {
    border-color: #ff4500;
    color: #ff4500;
}

.social-icon-style-09 a.tumblr:after {
    border-color: #32506d;
    color: #32506d;
}

.social-icon-style-09 a.digg:after {
    border-color: #262626;
    color: #262626;
}

.social-icon-style-09 a.stumbleupon:after {
    border-color: #eb4924;
    color: #eb4924;
}

.social-icon-style-09 a.whatsapp:after {
    border-color: #25d366;
    color: #25d366;
}

.social-icon-style-09 a.vk:after {
    border-color: #4c6c91;
    color: #4c6c91;
}

.social-icon-style-09 a.weibo:after {
    border-color: #ff9933;
    color: #ff9933;
}

.social-icon-style-09 a.odnoklassniki:after {
    border-color: #d7772d;
    color: #d7772d;
}

.social-icon-style-09 a.xing:after {
    border-color: #1a7576;
    color: #1a7576;
}

.social-icon-style-09 a.print:after {
    border-color: #222222;
    color: #222222;
}

.social-icon-style-09 a.blogger:after {
    border-color: #ff8000;
    color: #ff8000;
}

.social-icon-style-09 a.flipboard:after {
    border-color: #e12828;
    color: #e12828;
}

.social-icon-style-09 a.meneame:after {
    border-color: #ff6400;
    color: #ff6400;
}

.social-icon-style-09 a.mailru:after {
    border-color: #168de2;
    color: #168de2;
}

.social-icon-style-09 a.delicious:after {
    border-color: #205cc0;
    color: #205cc0;
}

.social-icon-style-09 a.livejournal:after {
    border-color: #00b0ea;
    color: #00b0ea;
}

/* social icon style 10 */

.social-icon-style-10 a {
    display: inline-block;
    position: relative;
    z-index: 3;
    overflow: hidden;
    text-align: center;
}

.social-icon-style-10 a>span {
    position: absolute;
    top: -100%;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    -webkit-transition: all .5s cubic-bezier(0, 0, .2, 1);
    transition: all .5s cubic-bezier(0, 0, .2, 1);
}

.social-icon-style-10 a:hover>span {
    top: 0;
    z-index: -1;
}

.social-icon-style-10 a:hover {
    color: #fff;
}

/* social icon style 11 */

.social-icon-style-11 a {
    display: inline-block;
    vertical-align: middle;
    height: 160px;
    width: 160px;
    position: relative;
    margin: 0 15px;
}

.social-icon-style-11 a .social-front, .social-icon-style-11 a .social-back {
    height: 140px;
    width: 140px;
    padding: 30px;
    position: absolute;
    top: 30px;
    left: 30px;
}

.social-icon-style-11 a .social-front i {
    display: block;
    margin: 0 0 20px 0;
    font-size: 28px;
}

.social-icon-style-11 a .social-front .social-count {
    display: block;
}

.social-icon-style-11 a .social-front {
    background-color: #fff;
    text-align: center;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-box-shadow: 0 0 35px rgba(23, 23, 23, 0.06);
    -moz-box-shadow: 0 0 35px rgba(23, 23, 23, 0.06);
    box-shadow: 0 0 35px rgba(23, 23, 23, 0.06);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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;
}

.social-icon-style-11 a .social-back {
    background-color: #ddd;
    position: relative;
}

.social-icon-style-11 a .social-back span {
    position: absolute;
    bottom: 3px;
    right: 30px;
    text-transform: uppercase;
    color: #fff;
    font-size: 11px;
}

.social-icon-style-11 a.move-up .social-back span, .social-icon-style-11.small-box a.move-up .social-back span {
    width: 100%;
    right: 0;
    text-align: center;
}

.social-icon-style-11 a.move-right .social-back span {
    left: 30px;
    right: auto;
}

.social-icon-style-11.small-box a {
    height: 100px;
    width: 100px;
}

.social-icon-style-11.small-box a .social-front, .social-icon-style-11.small-box a .social-back {
    height: 85px;
    width: 85px;
}

.social-icon-style-11.small-box a .social-front i {
    margin: 6px 0;
    font-size: 22px;
}

.social-icon-style-11.small-box a .social-front, .social-icon-style-11.small-box a .social-back {
    padding: 15px;
    top: 18px;
    left: 18px;
}

.social-icon-style-11.small-box a .social-back span {
    bottom: 2px;
    right: 5px;
    line-height: normal;
    font-size: 10px;
}

.social-icon-style-11.small-box a.move-right .social-back span {
    left: 18px;
    right: auto;
}

.social-icon-style-11 a:hover .social-front {
    top: 0;
    left: 0;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.social-icon-style-11 a.move-up:hover .social-front {
    top: 0;
    left: 30px;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.social-icon-style-11.small-box a.move-up:hover .social-front {
    top: 0;
    left: 18px;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.social-icon-style-11 a.move-right:hover .social-front {
    top: 0;
    left: 60px;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

/* social icon style 12 */

.social-icon-style-12 li a {
    color: #232323;
    display: inline-block;
}

.social-icon-style-12 .light li a {
    color: #fff;
    display: inline-block;
}

.social-icon-style-12 li a:hover {
    opacity: .5;
}

/* icon box */

.icon-box i {
    margin: 25px;
}

.icon-box-circled {
    border-radius: 50%;
}

.icon-box-large {
    width: 100px;
    height: 100px;
    line-height: 98px;
    text-align: center;
    font-size: 40px;
    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;
}

.icon-box-medium {
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    font-size: 30px;
    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;
}

.icon-box-small {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 22px;
}

.icon-box-extra-small {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 15px;
}

.icon-box-very-small {
    width: 30px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    font-size: 18px;
}

/* ===================================
    17. Magnific popup
====================================== */

.mfp-bg {
    background: #232323;
    opacity: 0.9;
}

.mfp-bg, .mfp-wrap {
    z-index: 10007;
}

#popup-form {
    cursor: default;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: #fff;
    background: transparent;
}

.mfp-close, .mfp-close:active {
    opacity: 1;
    background-color: transparent;
    right: 30px;
    top: 30px;
}

.modal-popup-main .mfp-close, .modal-popup-main .mfp-close:active {
    right: 0;
    top: 0;
}

.mfp-close-btn-in .modal-popup-main .mfp-close {
    position: absolute;
}

.mfp-removing .mfp-close {
    display: none;
}

.subscribe-popup .modal-popup-main .mfp-close, .subscribe-popup .modal-popup-main .mfp-close:active {
    position: absolute;
    color: #fff
}

.lightbox-gallery a {
    position: relative;
    display: block
}

.lightbox-gallery .gallary-over-layer {
    position: absolute;
    top: 0;
    left: 0;
}

.mfp-arrow-right:after, .mfp-arrow-left:after {
    display: none;
}

.mfp-arrow-right:before {
    border-left: none;
    content: "\e628";
    font-size: 18px;
    font-family: 'themify';
    color: #fff;
    line-height: 60px;
    background: #232323;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: none
}

.mfp-arrow-left:before {
    border-right: none;
    content: "\e629";
    font-size: 18px;
    font-family: 'themify';
    color: #fff;
    line-height: 60px;
    background: #232323;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: none
}

.mfp-bottom-bar {
    margin-top: -24px;
    font-size: 12px
}

.mfp-close {
    font-size: 30px;
    font-family: 'Poppins-Light', sans-serif;
    font-weight: 300;
}

.mfp-figure {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    -ms-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: .4s;
    -moz-animation-duration: .4s;
    -ms-animation-duration: .4s;
    -o-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}

.mfp-ajax-holder {
    width: 70%;
    height: calc(100% - 100px);
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

button.mfp-close, .mfp-image-holder button.mfp-close, .mfp-iframe-holder button.mfp-close {
    position: fixed;
    top: 30px;
    right: 30px;
}

.my-mfp-zoom-in .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
}

.my-mfp-zoom-in.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    -ms-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.93;
}

.my-mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}

.my-mfp-slide-bottom .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    transform: translateY(-20px) perspective(600px) rotateX(10deg);
}

.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: translateY(0) perspective(600px) rotateX(0);
    -moz-transform: translateY(0) perspective(600px) rotateX(0);
    -ms-transform: translateY(0) perspective(600px) rotateX(0);
    -o-transform: translateY(0) perspective(600px) rotateX(0);
    transform: translateY(0) perspective(600px) rotateX(0);
}

.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
    opacity: 0;
    -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    transform: translateY(-10px) perspective(600px) rotateX(10deg);
}

.my-mfp-slide-bottom.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    -ms-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

.my-mfp-slide-bottom.mfp-ready.mfp-bg {
    opacity: 0.93;
}

.my-mfp-slide-bottom.mfp-removing.mfp-bg {
    opacity: 0;
}

.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.93;
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}

.mfp-iframe-holder .mfp-content {
    max-width: 1020px;
}

/* notify popup */

.show-notify-popup>section {
    filter: grayscale(100%);
}

.show-notify-popup .mfp-notify.mfp-bg.mfp-ready {
    opacity: 0.8;
    background-color: #000000;
}

.show-notify-popup .mfp-close, .show-notify-popup .mfp-close:active {
    color: #fff;
}

.show-notify-popup .notify-form .notify-input {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.show-notify-popup .mfp-container {
    position: fixed;
    padding-top: 100px;
    height: auto;
    background-color: #fff;
    animation-name: comingsoonpopup;
    -webkit-animation-name: comingsoonpopup;
    -webkit-animation-duration: 0.2s;
    -moz-animation-duration: 0.2s;
    -o-animation-duration: 0.2s;
    animation-duration: 0.2s;
}

.show-notify-popup .mfp-removing .mfp-container {
    animation-name: comingsoonpopupclose;
    -webkit-animation-name: comingsoonpopupclose;
    -webkit-animation-duration: 0.2s;
    -moz-animation-duration: 0.2s;
    -o-animation-duration: 0.2s;
    animation-duration: 0.2s;
}

.mfp-notify .mfp-container {
    top: auto;
    bottom: 0;
}

/* ===================================
    18. Header
====================================== */

.navbar {
    padding: 0;
}

.navbar.navbar-boxed {
    padding-left: 15px;
    padding-right: 15px;
}

.navbar-brand {
    margin-right: 0;
    font-size: 0;
}

.dropdown.open>.dropdown-menu {
    display: block;
    padding-left: 15px;
    min-width: 15rem;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    border-top: none;
}

.dropdown-menu.sub-menu {
    padding-top: 0px;
    padding-bottom: 0px;
}

.dropdown-menu.sub-menu li {
    margin: 4% 0% 3% 5%;
    text-align: left;
}

.dropdown.open>.dropdown-menu .dropdown {
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 1.5em;
}

.header-social-icon a>i {
    padding: 0px 10px;
    font-size: 16px;
    vertical-align: middle;
}

.header-cart-icon a>i, .header-cart-icon a>i, .header-language a>i, .header-search-icon a>i, .header-push-button a>i {
    padding: 30px 0;
    display: inline-block;
}

.top-bar .header-cart-icon a>i, .top-bar .header-cart-icon a>i, .top-bar .header-language a>i, .top-bar .header-search-icon a>i, .top-bar .header-push-button a>i {
    padding: 14px 0;
    display: inline-block;
}

.header-social-icon {
    line-height: 12px;
    padding-left: 0px;
}

.navbar.navbar-dark .header-social-icon, .sticky .navbar.header-dark .header-social-icon {
    border-color: rgba(255, 255, 255, .45);
}

.sticky .navbar.header-light .header-social-icon {
    border-color: rgba(0, 0, 0, .22);
}

.header-search-icon, .header-cart-icon, .header-language, .header-push-button, .header-button {
    display: inline-block;
    vertical-align: middle;
    padding-left: 17px;
    font-size: 17px;
}

.header-cart-icon {
    margin-right: 10px;
}

.nav-item>.dropdown-toggle {
    display: none;
}

.dropdown-toggle:after {
    visibility: hidden;
    width: 0;
    height: 0;
}

.mCustomScrollbar .mCSB_container {
    padding-right: 20px !important;
    margin-right: 0;
}

.mCustomScrollbar.mCS_no_scrollbar .mCSB_container, .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    padding-right: 0 !important;
}

/* header static overlay */

header nav.navbar.navbar-static-overlay {
    position: absolute;
    width: 100%;
}

/* center logo */

.menu-logo-center .menu-logo {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}

.navbar-left, .navbar-right {
    width: 40%;
}

.menu-logo-center .navbar-brand {
    position: relative;
    z-index: 1;
    padding: 22px 0;
}

/* header with topbar */

header .top-bar {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1031;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

header .top-bar+.navbar.fixed-top {
    top: 48px;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

header.sticky .top-bar+.navbar.fixed-top {
    top: 0px;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

/* header with top logo */

.top-logo .header-cart-icon a>i, .top-logo .header-cart-icon a>i, .top-logo .header-language a>i, .top-logo .header-search-icon a>i, .top-logo .header-push-button a>i {
    padding: 26px 0;
}

/* header responsive sticky */

header.sticky .navbar.responsive-sticky .navbar-brand img {
    max-height: 32px;
}

.sticky .navbar.responsive-sticky .navbar-nav .nav-link {
    padding: 18px 0;
}

.sticky .navbar.responsive-sticky .header-cart-icon a>i, .sticky .navbar.responsive-sticky .header-cart-icon a>i, .sticky .navbar.responsive-sticky .header-language a>i, .sticky .navbar.responsive-sticky .header-search-icon a>i, .sticky .navbar.responsive-sticky .header-push-button a>i {
    padding: 20px 0;
}

.navbar.responsive-sticky .header-cart-icon a, .navbar.responsive-sticky .header-cart-icon a, .navbar.responsive-sticky .header-language a, .navbar.responsive-sticky .header-search-icon a, .navbar.responsive-sticky .header-push-button a {
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -ms-transition: none;
    -o-transition: none;
}

header .navbar.responsive-sticky .navbar-brand img, .navbar.responsive-sticky .header-cart-icon a>i, .navbar.responsive-sticky .header-cart-icon a>i, .navbar.responsive-sticky .header-language a>i, .navbar.responsive-sticky .header-search-icon a>i, .navbar.responsive-sticky .header-push-button a>i {
    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;
}

/* header sidebar */

.sidebar-nav-action {
    position: fixed;
    top: 0;
    left: 0;
    width: 65px;
    height: 100%;
    z-index: 10006;
    padding: 30px 0;
}

.page-wrapper {
    padding-left: 65px;
}

.sticky-nav-aaa {
    padding-left: 290px;
}

.sidebar-nav-action-main {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    text-align: center;
    height: 100%;
}

/* sidebar nav menu */

.sidebar-nav-menu {
    position: absolute;
    height: 100%;
    width: 290px;
    border-right: 1px solid #f3f3f3;
    overflow-y: auto;
    z-index: 10005;
    top: 0;
    left: 0;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-ransition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.menu-style-2 .sidebar-nav-menu {
    position: fixed;
    height: 100%;
    width: 380px;
    border-right: none;
    overflow-y: auto;
    z-index: 10005;
    top: 0;
    left: 0;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-ransition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.menu-style-2 .sidebar-nav-menu {
    left: -100%;
}

.show-menu {
    overflow: hidden;
}

.show-menu.left-classic-mobile-menu {
    overflow: visible;
}

.show-menu .menu-style-2 .sidebar-nav-menu {
    left: 65px;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-ransition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.menu-style-2 .sidebar-nav-menu .hover-background-color {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -ms-ransition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.show-menu .menu-style-2 .sidebar-nav-menu:hover .hover-background-color, .menu-style-2 .sidebar-nav-menu .hover-background-color:hover {
    opacity: 1;
}

.show-menu .menu-style-2 .sidebar-nav-menu:hover .sub-menu-item .sub-menu-item li a {
    color: rgba(255, 255, 255, .6)
}

.side-menu .sidebar-nav-menu .menu-list-wrapper {
    height: 100%;
    overflow-y: hidden;
    padding: 75px 0;
}

.side-menu .sidebar-nav-menu .menu-list-wrapper .mCustomScrollBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.side-menu .sidebar-nav-menu .menu-list-wrapper .mCustomScrollBox .mCSB_container.mCS_y_hidden.mCS_no_scrollbar_y {
    -ms-flex-item-align: center;
    align-self: center;
}

.side-menu .sidebar-nav-menu .menu-list-wrapper .mCustomScrollBox .mCSB_container {
    width: 100%;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.side-menu .sidebar-nav-menu .menu-list-wrapper .mCSB_inside>.mCSB_container {
    margin: 0 !important;
    padding: 0 15px !important;
}

.side-menu-header .side-menu-button {
    display: none;
}

.sidebar-nav-menu.left-sidebar-nav {
    position: fixed;
    width: 290px;
    overflow: hidden;
    height: inherit;
}

.left-sidebar-nav .menu-list li {
    list-style: none;
}

.left-sidebar-nav .menu-list .menu-list-item .sub-menu-item li:last-child {
    margin-bottom: 10px
}

.left-sidebar-nav .menu-list li a {
    font-size: 14px;
    padding: 13px 0 14px;
    line-height: normal;
}

.left-sidebar-nav .menu-list .menu-list-item .sub-menu-item li a {
    font-size: 13px;
    padding: 5px 0
}

.left-sidebar-nav .menu-toggle:before, .left-sidebar-nav .menu-toggle:after {
    right: 7px;
    top: 23px;
    height: 1px;
    width: 9px;
}

.left-sidebar-nav .sub-menu-item .menu-toggle {
    width: 30px;
    height: 30px;
}

.left-sidebar-nav .sub-menu-item .menu-toggle:before, .left-sidebar-nav .sub-menu-item .menu-toggle:after {
    right: 8px;
    top: 15px;
    height: 1px;
    width: 7px;
}

.left-sidebar-nav .menu-toggle {
    width: 48px;
    height: 48px;
    top: 24px;
    line-height: 48px;
}

.sidebar-nav-menu.left-sidebar-nav .footer-holder .newsletter-email input {
    min-height: 44px;
}

/* sidebar nav */

.sidebar-nav {
    position: fixed;
    height: 100%;
    width: 290px;
    border-right: 1px solid #f3f3f3;
    z-index: 10005;
    top: 0;
    left: 0;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-ransition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.sidebar-nav .footer-holder {
    text-align: center;
}

.side-menu-header .side-menu-button {
    display: none;
}

header.side-menu-nav {
    position: absolute;
    left: 0;
    width: 290px;
    top: -100%;
    min-height: 100vh;
    bottom: 0;
    z-index: 999;
    border-right: 1px solid #f3f3f3;
}

.left-sidebar-wrapper {
    position: relative;
    min-height: 300px;
    width: 100%;
    padding-left: 290px;
}

/* header toggle button */

.navbar-toggler {
    font-size: 24px;
    width: 22px;
    height: 14px;
    display: inline-block;
    position: relative;
    padding: 0;
    border: none;
    vertical-align: middle;
    border-radius: 0;
    box-shadow: none !important;
}

.navbar-toggler:focus {
    box-shadow: none !important;
}

.navbar-toggler-line {
    background: #232323;
    height: 2px;
    width: 22px;
    content: "";
    display: block;
    border-radius: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.navbar-dark .navbar-toggler-line {
    background: #fff;
}

header.sticky .header-light .navbar-toggler-line {
    background: #232323;
}

header.sticky .navbar.header-dark .navbar-toggler-line {
    background: #fff;
}

.navbar-toggler-line:nth-child(1) {
    top: 0px;
    width: 14px;
}

.navbar-toggler-line:nth-child(2), .navbar-toggler-line:nth-child(3) {
    top: 6px;
}

.navbar-toggler-line:nth-child(4) {
    top: 12px;
    width: 14px;
}

.navbar-collapse-show .navbar-toggler-line:nth-child(1) {
    top: 7px;
    width: 0%;
}

.navbar-collapse-show .navbar-toggler-line:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.navbar-collapse-show .navbar-toggler-line:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.navbar-collapse-show .navbar-toggler-line:nth-child(4) {
    top: 7px;
    width: 0%;
}

/* header background color on scroll */

.sticky.header-appear .header-light, .sticky .header-light.header-always-fixed-scroll {
    background-color: #fff !important;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
    border-bottom: none !important
}

.sticky.header-appear .header-dark, .sticky .header-dark.header-always-fixed-scroll {
    background-color: #000 !important;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
    border-bottom: none !important;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
}

.sticky .header-light, .sticky .header-light.header-always-fixed-scroll {
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
}

.sticky.header-appear .header-light.transparent, .sticky .header-light.transparent.header-always-fixed-scroll {
    background-color: rgba(255, 255, 255, 0.6) !important;
}

.sticky.header-appear .header-dark.transparent, .sticky .header-dark.transparent.header-always-fixed-scroll {
    background-color: rgba(0, 0, 0, 0.6) !important;
}

.sticky .header-reverse-scroll {
    font-size: 18px;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    box-shadow: none;
}

.sticky.header-appear .header-reverse-scroll {
    -webkit-transform: inherit;
    -moz-transform: inherit;
    -ms-transform: inherit;
    -o-transform: inherit;
    transform: inherit;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.sticky .navbar.header-light .navbar-nav .nav-link, .sticky .navbar.header-light .header-search-icon>a, .sticky .navbar.header-light .header-social-icon>a, .sticky .navbar.header-light .header-cart-icon>a, .sticky .navbar.header-light .header-language>a, .sticky .navbar.header-light .nav-bar-contact {
    color: #232323 !important;
}

.sticky .navbar.header-light .header-push-button .push-button>span {
    background: #232323
}

.sticky .navbar.header-dark .navbar-nav .nav-link, .sticky .navbar.header-dark .header-search-icon>a, .sticky .navbar.header-dark .header-social-icon>a, .sticky .navbar.header-dark .header-cart-icon>a, .sticky .navbar.header-dark .header-language>a {
    color: #fff !important;
}

.sticky .navbar.header-light .btn.btn-white {
    background-color: #232323;
    border-color: #232323;
    color: #fff;
}

.sticky .navbar.header-light .navbar-nav .nav-link .btn.btn-deichmann-green, .sticky .navbar.header-light .header-search-icon>a.btn.btn-deichmann-green, .sticky .navbar.header-light .header-social-icon>a.btn.btn-deichmann-green, .sticky .navbar.header-light .header-cart-icon>a.btn.btn-deichmann-green, .sticky .navbar.header-light .header-language>a.btn.btn-deichmann-green, .sticky .navbar.header-light .nav-bar-contact .btn.btn-deichmann-green {
    color: #ffffff !important;
}

/* header navigation white */

.navbar.navbar-dark .navbar-nav .nav-link, .navbar.navbar-dark .header-search-icon>a, .navbar.navbar-dark .header-social-icon>a, .navbar.navbar-dark .header-cart-icon>a, .navbar.navbar-dark .header-language>a, .navbar.navbar-dark .nav-bar-contact, .top-bar.navbar-light, .top-bar.navbar-light .header-search-icon>a, .top-bar.navbar-light .header-social-icon>a, .top-bar.navbar-light .header-cart-icon>a, .top-bar.navbar-light .header-language>a, .top-bar.navbar-light .top-bar-contact-list>a, .top-bar.navbar-light .header-language.dropdown-style-01 .btn {
    color: #fff;
}

.navbar.navbar-light .header-search-icon>a, .navbar.navbar-light .header-social-icon>a, .navbar.navbar-light .header-cart-icon>a, .navbar.navbar-light .header-language>a, .top-bar.navbar-dark, .top-bar.navbar-dark .header-search-icon>a, .top-bar.navbar-dark .header-social-icon>a, .top-bar.navbar-dark .header-cart-icon>a, .top-bar.navbar-dark .header-language>a, .top-bar.navbar-dark .header-language.dropdown-style-01 .btn {
    color: #232323;
}

.navbar.navbar-light .header-search-icon>a.btn.btn-deichmann-green, .navbar.navbar-light .header-social-icon>a.btn.btn-deichmann-green, .navbar.navbar-light .header-cart-icon>a.btn.btn-deichmann-green, .navbar.navbar-light .header-language>a.btn.btn-deichmann-green, .top-bar.navbar-dark .btn.btn-deichmann-green, .top-bar.navbar-dark .header-search-icon>a.btn.btn-deichmann-green, .top-bar.navbar-dark .header-social-icon>a.btn.btn-deichmann-green, .top-bar.navbar-dark .header-cart-icon>a.btn.btn-deichmann-green, .top-bar.navbar-dark .header-language>a.btn.btn-deichmann-green, .top-bar.navbar-dark .header-language.dropdown-style-01 .btn.btn-deichmann-green {
    color: #ffffff;
}

.navbar.navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus, .navbar.navbar-dark .header-search-icon>a:hover, .navbar.navbar-dark .header-social-icon>a:hover, .navbar.navbar-dark .header-cart-icon>a:hover, .navbar.navbar-dark .header-language>a:hover, .navbar.navbar-dark .header-language a>i>a:hover, .sticky .navbar-light.header-dark .navbar-nav .nav-link.active, .sticky .navbar-light.header-dark .navbar-nav .nav-link:hover, .sticky .navbar-light.header-dark .navbar-nav .nav-link:focus, .sticky .navbar-light.header-dark .header-search-icon>a:hover, .sticky .navbar-light.header-dark .header-social-icon>a:hover, .sticky .navbar-light.header-dark .header-cart-icon>a:hover, .sticky .navbar-light.header-dark .header-language>a:hover, .sticky .navbar-light.header-dark .header-language>a:hover, .top-bar.navbar-light .header-search-icon>a:hover, .top-bar.navbar-light .header-social-icon>a:hover, .top-bar.navbar-light .header-cart-icon>a:hover, .top-bar.navbar-light .header-language>a:hover, .top-bar.navbar-light .top-bar-contact-list>a:hover, .top-bar.navbar-light .header-language.dropdown-style-01 .btn:hover {
    color: rgba(255, 255, 255, .6) !important;
    cursor: pointer;
}

.navbar.navbar-dark .navbar-nav .nav-link.active .btn.btn.btn-deichmann-green, .navbar-dark .navbar-nav .nav-link .btn.btn.btn-deichmann-green:hover, .navbar-dark .navbar-nav .nav-link .btn.btn.btn-deichmann-green:focus, .navbar.navbar-dark .header-search-icon>a.btn.btn.btn-deichmann-green:hover, .navbar.navbar-dark .header-social-icon>a.btn.btn.btn-deichmann-green:hover, .navbar.navbar-dark .header-cart-icon>a.btn.btn.btn-deichmann-green:hover, .navbar.navbar-dark .header-language>a.btn.btn.btn-deichmann-green:hover, .navbar.navbar-dark .header-language a>i>a.btn.btn.btn-deichmann-green:hover, .sticky .navbar-light.header-dark .navbar-nav .nav-link.active .btn.btn.btn-deichmann-green, .sticky .navbar-light.header-dark .navbar-nav .nav-link .btn.btn.btn-deichmann-green:hover, .sticky .navbar-light.header-dark .navbar-nav .nav-link .btn.btn.btn-deichmann-green:focus, .sticky .navbar-light.header-dark .header-search-icon>a.btn.btn.btn-deichmann-green:hover, .sticky .navbar-light.header-dark .header-social-icon>a.btn.btn.btn-deichmann-green:hover, .sticky .navbar-light.header-dark .header-cart-icon>a.btn.btn.btn-deichmann-green:hover, .sticky .navbar-light.header-dark .header-language>a.btn.btn.btn-deichmann-green:hover, .sticky .navbar-light.header-dark .header-language>a.btn.btn.btn-deichmann-green:hover, .top-bar.navbar-light .header-search-icon>a.btn.btn.btn-deichmann-green:hover, .top-bar.navbar-light .header-social-icon>a.btn.btn.btn-deichmann-green:hover, .top-bar.navbar-light .header-cart-icon>a.btn.btn.btn-deichmann-green:hover, .top-bar.navbar-light .header-language>a.btn.btn.btn-deichmann-green:hover, .top-bar.navbar-light .top-bar-contact-list>a.btn.btn.btn-deichmann-green:hover, .top-bar.navbar-light .header-language.dropdown-style-01 .btn.btn.btn-deichmann-green:hover {
    color: #008E54 !important;
    cursor: pointer;
}

/* header navigation dark */

.navbar.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus, .navbar.navbar-light .header-search-icon>a:hover, .navbar.navbar-light .header-social-icon>a:hover, .navbar.navbar-light .header-cart-icon>a:hover, .navbar.navbar-light .header-language>a:hover, .navbar.navbar-light .header-language>a:hover, .sticky .navbar-dark.header-light .navbar-nav .nav-link.active, .sticky .navbar-dark.header-light .navbar-nav .nav-link:hover, .sticky .navbar-dark.header-light .navbar-nav .nav-link:focus, .sticky .navbar-dark.header-light .header-search-icon>a:hover, .sticky .navbar-dark.header-light .header-social-icon>a:hover, .sticky .navbar-dark.header-light .header-cart-icon>a:hover, .sticky .navbar-dark.header-light .header-language>a:hover, .sticky .navbar-dark.header-light .header-language>a:hover, .top-bar.navbar-dark .header-search-icon>a:hover, .top-bar.navbar-dark .header-social-icon>a:hover, .top-bar.navbar-dark .header-cart-icon>a:hover, .top-bar.navbar-dark .header-language>a:hover, .top-bar.navbar-dark .header-language.dropdown-style-01 .btn:hover {
    color: rgba(0, 0, 0, .6) !important;
    cursor: pointer;
}

.navbar.navbar-light .navbar-nav .nav-link.active .btn.btn-deichmann-green, .navbar-light .navbar-nav .nav-link .btn.btn-deichmann-green:hover, .navbar-light .navbar-nav .nav-link .btn.btn-deichmann-green:focus, .navbar.navbar-light .header-search-icon>a.btn.btn-deichmann-green:hover, .navbar.navbar-light .header-social-icon>a.btn.btn-deichmann-green:hover, .navbar.navbar-light .header-cart-icon>a.btn.btn-deichmann-green:hover, .navbar.navbar-light .header-language>a.btn.btn-deichmann-green:hover, .navbar.navbar-light .header-language>a.btn.btn-deichmann-green:hover, .sticky .navbar-dark.header-light .navbar-nav .nav-link.active .btn.btn-deichmann-green, .sticky .navbar-dark.header-light .navbar-nav .nav-link .btn.btn-deichmann-green:hover, .sticky .navbar-dark.header-light .navbar-nav .nav-link .btn.btn-deichmann-green:focus, .sticky .navbar-dark.header-light .header-search-icon>a.btn.btn-deichmann-green:hover, .sticky .navbar-dark.header-light .header-social-icon>a.btn.btn-deichmann-green:hover, .sticky .navbar-dark.header-light .header-cart-icon>a.btn.btn-deichmann-green:hover, .sticky .navbar-dark.header-light .header-language>a.btn.btn-deichmann-green:hover, .sticky .navbar-dark.header-light .header-language>a.btn.btn-deichmann-green:hover, .top-bar.navbar-dark .header-search-icon>a.btn.btn-deichmann-green:hover, .top-bar.navbar-dark .header-social-icon>a.btn.btn-deichmann-green:hover, .top-bar.navbar-dark .header-cart-icon>a.btn.btn-deichmann-green:hover, .top-bar.navbar-dark .header-language>a.btn.btn-deichmann-green:hover, .top-bar.navbar-dark .header-language.dropdown-style-01 .btn.btn-deichmann-green:hover {
    color: #008E54 !important;
    cursor: pointer;
}

.top-bar.navbar-dark .header-language.dropdown-style-01 .btn.btn-deichmann-green:hover {
    color: #ffffff !important;
    cursor: pointer;
}

.navbar.navbar-light .navbar-nav .nav-link {
    color: #232323;
}

.navbar.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: rgba(0, 0, 0, .5);
    cursor: pointer;
}

/* header navigation active color */

.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:hover>a, .navbar.navbar-dark .navbar-nav>.nav-item.dropdown.simple-dropdown:hover>a, .sticky .navbar.navbar-light.header-dark .navbar-nav>.nav-item.dropdown.megamenu:hover>a, .sticky .navbar.navbar-light.header-dark .navbar-nav>.nav-item.dropdown.simple-dropdown:hover>a {
    color: rgba(255, 255, 255, 0.6) !important;
}

.navbar.navbar-light .navbar-nav>.dropdown.active>a, .sticky .navbar.header-light .navbar-nav>.dropdown.active>a, .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.dro0pdown.simple-dropdown:hover>a {
    color: rgba(0, 0, 0, 0.6) !important;
}

/* header logo */

header .navbar .navbar-brand img, header.side-menu .logo img, header .sidebar-nav-menu .navbar-brand img {
    max-height: 66px;
}

header .navbar .navbar-brand .default-logo, header.sticky .navbar-brand .alt-logo, header .sidebar-nav-menu .navbar-brand .default-logo {
    visibility: visible;
    opacity: 1;
    width: auto;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
}

.default-logo, .alt-logo {
    width: 66px;
    height: 66px;
}

header.sticky .navbar .navbar-brand .default-logo, header .navbar-brand .alt-logo, header .navbar .navbar-brand .mobile-logo, header .sidebar-nav-menu .navbar-brand .mobile-logo {
    visibility: hidden;
    opacity: 0;
    width: 0;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
}

header .navbar .navbar-brand .mobile-logo {
    width: 50px !important;
    height: 50px;
}

header .navbar.always-fixed .navbar-brand .default-logo, header.sticky .always-fixed .navbar-brand .alt-logo, header.sticky .navbar.always-fixed .navbar-brand .default-logo, header .always-fixed .navbar-brand .alt-logo, header .header-always-fixed-scroll .navbar-brand .default-logo, header .header-always-fixed-scroll .navbar-brand .alt-logo, header .navbar.always-fixed .navbar-brand .mobile-logo, header .sidebar-nav-menu .navbar-brand .mobile-logo, header .header-always-fixed-scroll .navbar-brand .mobile-logo {
    transition-duration: 0s;
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
}

/* header navigation spacing */

.dropdown>a {
    font-weight: bold;
}

.dropdown>a:hover {
    padding-left: 6px;
}

.navbar .navbar-nav .nav-link {
    font-weight: 500;
    font-size: 16px;
    margin: 15px 16px;
    word-break: normal;
}

@media (min-width: 992px) and (max-width: 1090px) {
    .navbar .navbar-nav .nav-link {
        margin: 15px 0px;
    }
}

@media (min-width: 1091px) and (max-width: 1199px) {
    .navbar .navbar-nav .nav-link {
        margin: 15px 8px;
    }
}

/* .navbar .navbar-nav .nav-link::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 3px;
    top: 100%;
    left: 0;
    background: #ff7000;
    transition: transform 0.5s;
    transform: scaleX(1);
    transform-origin: left;
} */

.navbar.top-logo .navbar-nav .nav-link {
    padding: 20px 0;
}

.navbar .justify-content-end .navbar-nav li:last-child .nav-link {
    margin-right: 0;
}

.navbar .justify-content-start .navbar-nav li:first-child .nav-link {
    margin-left: 0;
}

/* header cart icon */

.header-cart-icon>a {
    position: relative;
}

header .header-cart-icon .cart-count {
    position: absolute;
    top: -6px;
    right: -10px;
    width: 16px;
    height: 16px;
    text-align: center;
    font-size: 9px;
    line-height: 16px;
    border-radius: 100%;
}

/* header push button */

.navbar.navbar-dark .push-button>span, .sticky .navbar.header-dark .push-button>span {
    background: #fff;
}

.navbar.navbar-dark .push-button:hover, .sticky .navbar.header-dark .push-button:hover {
    opacity: 0.6;
}

.navbar.navbar-light .push-button>span, .sticky .navbar.header-light .push-button>span {
    background: #232323;
}

.navbar.navbar-light .push-button:hover, .sticky .navbar.header-light .push-button:hover {
    opacity: 0.6;
}

.push-button {
    position: relative;
    width: 22px;
    height: 14px;
    display: block;
    top: 1px;
}

.push-button>span {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 22px;
    height: 2px;
    background-color: #fff;
    border-radius: 0;
    opacity: 1;
    position: absolute;
    left: 0;
    right: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.push-button>span:nth-child(1) {
    top: 0px;
    width: 14px
}

.push-button>span:nth-child(2), .push-button>span:nth-child(3) {
    top: 6px;
}

.push-button>span:nth-child(4) {
    top: 12px;
    width: 14px
}

.show-menu .push-button>span:nth-child(1) {
    top: 7px;
    width: 0%;
}

.show-menu .push-button>span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.show-menu .push-button>span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.show-menu .push-button>span:nth-child(4) {
    top: 7px;
    width: 0%;
}

.push-button.alt-push-button-left>span:nth-child(2) {
    width: 22px;
}

.side-menu-button {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.left-sidebar-nav .side-menu-button {
    left: auto;
    right: 15px;
    text-align: right;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.sidebar-social-icon li {
    margin: 15px 0;
}

/* sidebar action button */

.side-menu-button a {
    width: 22px;
    height: 14px;
    display: inline-block;
    position: relative;
}

.nav-icon span {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 22px;
    height: 2px;
    background-color: #fff;
    border-radius: 0;
    opacity: 1;
    position: absolute;
    left: 0;
    right: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.nav-icon.dark span {
    background-color: #232323;
}

.nav-icon span:nth-child(1) {
    top: 0px;
    width: 14px
}

.nav-icon span:nth-child(2), .nav-icon span:nth-child(3) {
    top: 6px;
}

.nav-icon span:nth-child(4) {
    top: 12px;
    width: 14px
}

.show-menu .nav-icon span:nth-child(1) {
    top: 7px;
    width: 0%;
}

.show-menu .nav-icon span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.show-menu .nav-icon span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.show-menu .nav-icon span:nth-child(4) {
    top: 7px;
    width: 0%;
}

/* header push menu close button */

.close-menu {
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1;
}

.close-menu:hover {
    color: #232323
}

/* header push menu */

.push-menu {
    position: fixed;
    bottom: 0;
    right: -100%;
    width: 500px;
    height: 100vh;
    z-index: 1060;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.show-menu .push-menu {
    right: 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .3);
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.push-menu .instagram-follow-api ul {
    display: block;
}

.push-menu .btn i {
    top: 0
}

.push-menu .push-menu-wrapper {
    height: 100%;
    overflow-y: hidden;
    padding: 70px 0;
    -webkit-overflow-scrolling: touch;
}

.push-menu .push-menu-wrapper .mCustomScrollBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.push-menu .push-menu-wrapper .mCustomScrollBox .mCSB_container.mCS_y_hidden.mCS_no_scrollbar_y {
    -ms-flex-item-align: center;
    align-self: center;
}

.push-menu .push-menu-wrapper .mCustomScrollBox .mCSB_container {
    width: 100%;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.push-menu .push-menu-wrapper .mCSB_inside>.mCSB_container {
    margin: 0 !important;
    padding: 0 15px !important;
}

/* hamburger menu */

.hamburger-menu {
    position: fixed;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    z-index: 1031;
    overflow-y: auto;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hamburger-menu.full-width {
    width: 100%;
}

.show-menu .hamburger-menu {
    left: 0;
}

.menu-list-wrapper {
    overflow: auto;
    height: calc(100vh - 150px);
}

.menu-list-wrapper.menu-list-wrapper-small {
    max-height: calc(65vh - 100px);
}

.menu-list-wrapper.small-wrapper {
    max-height: calc(70% - 50px);
}

.menu-list-wrapper .mCSB_inside>.mCSB_container {
    margin: 0 !important;
}

.menu-list-wrapper .mCustomScrollBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.menu-list-wrapper .mCustomScrollBox .mCSB_container.mCS_y_hidden.mCS_no_scrollbar_y {
    -ms-flex-item-align: center;
    align-self: center;
}

.menu-list-wrapper .mCustomScrollBox .mCSB_container {
    width: 100%;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.menu-list li {
    clear: both;
    position: relative;
    list-style: none;
}

.menu-list li a {
    font-size: 20px;
    line-height: 28px;
    position: relative;
    color: #fff;
    padding: 14px 0;
    display: inline-block;
}

.menu-list li a i {
    margin-right: 10px;
    vertical-align: middle
}

.menu-list .menu-list-item .sub-menu-item li a {
    font-size: 13px;
    line-height: normal;
    color: #fff;
    padding: 0;
}

.menu-list .menu-list-item .sub-menu-item {
    position: relative;
    width: 100%;
    background-color: transparent;
}

.menu-list .menu-list-item .sub-menu-item .sub-menu-item {
    padding-left: 15px;
}

.menu-list .menu-list-item .sub-menu-item .sub-menu-item li:first-child {
    margin-top: 8px;
}

.menu-list .menu-list-item .sub-menu-item .sub-menu-item li:last-child {
    margin-bottom: 10px;
}

.menu-list .menu-list-item .sub-menu-item .sub-menu-item li a {
    color: #888888
}

.menu-sidebar a {
    padding: 10px 0;
    display: block;
    position: relative;
}

/* hamburger menu dark text */

.menu-list.dark li a, .menu-list.dark .menu-list-item .sub-menu-item li a {
    color: #232323;
}

.menu-list.dark .menu-list-item .sub-menu-item .sub-menu-item li a {
    color: #656565
}

.menu-toggle {
    position: absolute;
    right: 0;
    width: 30px;
    height: 30px;
    text-align: center;
    top: 30px;
    cursor: pointer;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    z-index: 1;
}

.sub-menu-item .menu-toggle {
    width: 20px;
    height: 20px;
    top: 15px;
}

.menu-toggle:before, .menu-toggle:after {
    content: "";
    display: block;
    position: absolute;
    right: 7px;
    top: 14px;
    height: 1px;
    width: 11px;
    background-color: #fff;
}

.sub-menu-item .menu-toggle:before, .sub-menu-item .menu-toggle:after {
    right: 9px;
    top: 10px;
    height: 1px;
    width: 9px;
    background: rgba(255, 255, 255, .5);
}

.dark .menu-toggle:before, .dark .menu-toggle:after {
    background-color: #232323;
}

.menu-toggle.collapsed:after {
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transition-duration: 0.3s;
}

.menu-toggle:after {
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transition-duration: 0.3s;
}

.menu-list.dark li.active>a, .menu-list.dark>li:hover>a, .menu-list.dark>li:focus>a, .menu-list.dark>.menu-list-item .sub-menu-item li.active a, .menu-list.dark>.menu-list-item .sub-menu-item>li:hover a, .menu-list.dark>.menu-list-item .sub-menu-item>li:focus a {
    color: rgba(0, 0, 0, .6) !important;
}

.menu-list.dark>.menu-list-item .sub-menu-item li.active>.sub-menu-item li.active a, .menu-list.dark>.menu-list-item .sub-menu-item li.active>.sub-menu-item li a:hover, .menu-list.dark>.menu-list-item .sub-menu-item li.active>.sub-menu-item li a:focus {
    color: rgba(0, 0, 0, .3) !important;
}

.menu-list li.active>a, .menu-list .menu-list-item:hover>a, .menu-list .menu-list-item:focus>a, .menu-list .menu-list-item .sub-menu-item li.active a, .menu-list .menu-list-item .sub-menu-item>li:hover a, .menu-list .menu-list-item .sub-menu-item>li:focus a {
    color: rgba(255, 255, 255, .5) !important;
}

.menu-list .menu-list-item .sub-menu-item li.active>.sub-menu-item li.active a, .menu-list .menu-list-item .sub-menu-item li.active>.sub-menu-item li a:hover, .menu-list .menu-list-item .sub-menu-item li.active>.sub-menu-item li a:focus {
    color: rgba(255, 255, 255, .3) !important
}

/* hamburger menu big text */

.hamburger-menu-big-font .menu-list li {
    padding: 13px 0;
}

.hamburger-menu-big-font .menu-list li a {
    font-size: 44px;
    line-height: 50px;
    position: relative;
    padding: 0;
}

.hamburger-menu-big-font .menu-list li a:before {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 0;
    left: 50%;
    background-color: rgba(255, 255, 255, .5);
    visibility: hidden;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.hamburger-menu-big-font .menu-list.dark li a:before {
    background-color: rgba(23, 23, 23, .5);
}

.hamburger-menu-big-font .menu-list li>a:hover:before {
    visibility: visible;
    width: 100%;
}

.hamburger-menu-big-font .menu-list li .menu-toggle {
    top: 41px;
}

.hamburger-menu-big-font .menu-list li .sub-menu-item {
    padding: 25px 0 0 20px;
}

.hamburger-menu-big-font .menu-list li .sub-menu-item li {
    padding: 0 0 4px 0;
}

.hamburger-menu-big-font .menu-list li .sub-menu-item li a:before {
    display: none
}

.hamburger-menu-big-font .menu-list li .sub-menu-item li a:hover {
    text-decoration: underline;
}

.hamburger-menu-big-font .menu-list li .sub-menu-item li .menu-toggle {
    top: 15px;
}

.hamburger-menu-big-font .menu-list li .sub-menu-item .sub-menu-item {
    padding: 0;
}

/* mega menu */

.dropdown-menu.megamenu-content {
    padding: 25px;
    margin: 0;
    border-radius: 0;
}

.dropdown-menu.megamenu-content li a {
    text-align: left;
    font-size: 13px;
    color: #828282;
    padding: 0;
    margin: 0 0 5px 0;
    display: block;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 500
}

.dropdown-menu.megamenu-content li.active a, .dropdown-menu.megamenu-content li a:hover {
    color: #232323;
}

.dropdown-menu.megamenu-content li.dropdown-header {
    color: #232323;
    display: inline-block;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    margin: 15px 0 10px 0;
    border-bottom: none;
}

.dropdown-menu.megamenu-content li.dropdown-header:first-child {
    margin-top: 0;
}

.nav-item.dropdown.megamenu {
    position: inherit;
}

.nav-item.dropdown.megamenu .menu-back-div {
    box-sizing: border-box;
    background: #fff;
    padding: 60px 80px;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    border: 0;
    left: auto;
}

.nav-item.dropdown.megamenu .menu-back-div .col, .nav-item.dropdown.megamenu .menu-back-div [class *="col-"] {
    padding-left: 0;
    padding-right: 90px;
    list-style: none;
}

.nav-item.dropdown.megamenu .menu-back-div .col:last-child, .nav-item.dropdown.megamenu .menu-back-div [class *="col-"]:last-child {
    padding-right: 0;
}

.dropdown-menu.megamenu-content li a>i {
    font-size: 14px;
    vertical-align: middle;
    width: 26px;
}

.nav-item.dropdown.megamenu .menu-back-div .col, .nav-item.dropdown.megamenu .menu-back-div ul[class *="d-"] {
    padding-left: 0;
    padding-right: 90px;
    list-style: none;
}

.nav-item.dropdown.megamenu .menu-back-div ul.small-gap[class *="d-"] {
    padding-left: 0;
    padding-right: 30px;
}

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

.nav-item.dropdown.megamenu img {
    max-width: 210px
}

li.nav-item.dropdown.megamenu.open {
    border-bottom: 4px solid #009661;
    margin-bottom: -4px;
}

.dropdown.open>.dropdown-menu .dropdown {
    line-height: 1.5em !important;
}

.dropdown {
    line-height: 1.5;
}

.dropdown-menu.show {
    padding: 14px;
    margin-left: 14px;
}

.dropdown-menu.show li {
    line-height: 3;
}

/* simple dropdown */

.simple-dropdown .dropdown-menu {
    position: absolute;
    left: 0;
    width: 240px;
    padding: 15px 0;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
    margin: 0;
    border: none;
    border-radius: 0px 0px 0px 0px;
}

.simple-dropdown .dropdown-menu .dropdown .dropdown-menu {
    left: 240px;
    margin-top: 0;
    top: -15px;
}

.simple-dropdown.menu-left .dropdown-menu {
    position: absolute;
    left: auto;
    min-width: 240px;
    padding: 25px 0 20px;
}

.simple-dropdown.menu-left .dropdown-menu .dropdown .dropdown-menu, .simple-dropdown .dropdown.menu-left .dropdown-menu {
    left: auto;
    right: 241px;
}

.simple-dropdown .dropdown-menu li {
    padding: 9px 45px 9px 35px;
    display: block;
}

.simple-dropdown .dropdown-menu .dropdown a {
    display: block;
    color: #828282;
    font-size: 13px;
    line-height: normal;
    font-weight: 500
}

.simple-dropdown .dropdown-menu .dropdown:hover>a, .simple-dropdown .dropdown-menu .dropdown a:hover, .simple-dropdown .dropdown-menu .dropdown li.active>a, .simple-dropdown .dropdown-menu .dropdown a.active, .simple-dropdown .dropdown-menu .dropdown a:focus, .simple-dropdown .dropdown-menu .dropdown.active>a {
    color: #232323;
}

.simple-dropdown .dropdown-menu .dropdown a .dropdown-toggle {
    position: absolute;
    right: 23px;
    font-size: 12px;
    margin-top: 0;
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.dropdown-menu.show {
    border: 0 !important;
}

/* shipping cart */

.cart-item-list {
    left: auto;
    right: 0;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    border: 0;
    padding: 0;
    min-width: 250px;
    margin: 0;
}

.cart-item-list .cart-item {
    display: flex;
    padding: 17px;
    border-bottom: 1px solid #ededed;
    position: relative;
}

.cart-item-list .cart-item.cart-total {
    background-color: #f7f7f7;
}

.cart-item-list .cart-item a.close {
    font-size: 16px;
    line-height: 15px;
    position: absolute;
    right: 15px;
    top: 15px;
    font-weight: 400;
}

.cart-item-list .cart-item a.close:hover {
    color: #000;
}

.cart-item-list .cart-item .product-detail a {
    color: #232323;
    font-size: 12px;
    display: inline-block;
    line-height: 16px
}

.cart-item-list .cart-item .product-detail a:hover {
    color: #000;
}

.cart-item-list .cart-item:last-child {
    border-bottom: none;
    border-radius: 0 0 6px 6px;
}

.cart-item-list .cart-item.cart-total {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.cart-item-list .cart-item.cart-total .btn {
    width: 100%;
    display: block;
    margin: 4px 0
}

.cart-item-list .cart-item.cart-total .btn:last-child {
    margin-bottom: 0
}

.cart-item-list .cart-item .product-image {
    max-width: 50px;
    width: 30%;
    display: inline-block
}

.cart-item-list .cart-item .product-detail {
    padding-left: 15px;
    width: 70%;
    display: inline-block
}

.cart-item-list .cart-item .product-detail .item-ammount {
    display: block;
    font-size: 11px;
    color: #828282;
    line-height: normal
}

/* language dropdown */

.header-language .dropdown-menu {
    left: auto !important;
    right: 0;
    padding: 15px;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    border: 0;
    margin: 0;
    min-width: 140px;
}

.header-language .dropdown-menu a {
    color: #828282;
    display: block;
    padding: 2px 0;
    font-size: 12px
}

.header-language .dropdown-menu a:hover {
    color: #000;
}

/* language dropdown style 01 */

.header-language.dropdown-style-01 .btn {
    color: #828282;
    border: 1px solid rgba(0, 0, 0, .1);
    border-left: 0;
    border-top: 0 !important;
    border-bottom: 0 !important;
    font-size: 12px;
    line-height: 11px;
    padding: 18px 18px 14px 18px;
    margin: 0;
    background: transparent;
    font-weight: normal;
}

.top-bar .header-language.dropdown-style-01 {
    padding-left: 0;
}

.header-language.dropdown-style-01 .btn:hover {
    color: #232323;
}

.header-language.dropdown-style-01 .btn i {
    margin-left: 2px;
    top: -1px
}

.header-language.dropdown-style-01 .dropdown-menu {
    z-index: 99999;
    margin-top: 1px;
    border: 0;
}

/* megamenu and dropdown dark background color */

.megamenu-dropdown-dark .nav-item.dropdown.megamenu .menu-back-div, .megamenu-dropdown-dark .dropdown-menu, .megamenu-dropdown-dark .nav-item.dropdown.simple-dropdown .dropdown-menu {
    background: #232323;
}

.megamenu-dropdown-dark .dropdown-menu.megamenu-content li.dropdown-header {
    color: #fff;
}

.megamenu-dropdown-dark .dropdown-menu.megamenu-content li.active a, .megamenu-dropdown-dark .dropdown-menu.megamenu-content li a:hover {
    color: #fff;
}

.megamenu-dropdown-dark .simple-dropdown .dropdown-menu .dropdown:hover>a, .megamenu-dropdown-dark .simple-dropdown .dropdown-menu .dropdown a:hover, .megamenu-dropdown-dark .simple-dropdown .dropdown-menu .dropdown li.active>a, .megamenu-dropdown-dark .simple-dropdown .dropdown-menu .dropdown a.active, .megamenu-dropdown-dark .simple-dropdown .dropdown-menu .dropdown a:focus, .megamenu-dropdown-dark .simple-dropdown .dropdown-menu .dropdown.active>a {
    color: #fff;
}

.megamenu-dropdown-dark .header-language .dropdown-menu a:hover {
    color: #fff;
}

.megamenu-dropdown-dark .cart-item-list .cart-item a {
    color: #828282;
}

.megamenu-dropdown-dark .cart-item-list .cart-item a:hover {
    color: #fff;
}

.megamenu-dropdown-dark .cart-item-list .cart-item.cart-total {
    background-color: #333333;
}

.megamenu-dropdown-dark .cart-item-list .cart-item {
    border-color: rgba(255, 255, 255, .1);
}

.megamenu-dropdown-dark .cart-item-list .cart-item .product-detail {
    color: #fff;
}

.megamenu-dropdown-dark .cart-item-list .cart-item.cart-total span {
    color: #fff;
}

/* top bar */

.top-bar-contact {
    display: inline-block;
    vertical-align: middle;
}

.top-bar-contact .top-bar-contact-list {
    border-right: 1px solid rgba(0, 0, 0, .1);
    padding: 9px 18px;
    font-size: 13px;
    display: inline-block;
    float: left;
}

.top-bar-contact .top-bar-contact-list:first-child {
    border-left: 1px solid rgba(0, 0, 0, .1);
}

.top-bar-contact .top-bar-contact-list i {
    margin-right: 6px;
    font-size: 14px;
    position: relative;
    top: 1px;
}

.top-bar .social-icon li {
    font-size: 13px;
    padding: 0 9px;
    display: inline-block
}

/* header search form */

.form-wrapper {
    background: rgba(35, 35, 35, .9);
    width: 100%;
    left: 0;
    top: 0;
    overflow: hidden !important;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    display: block !important;
    height: 100%;
    position: fixed;
    visibility: hidden;
    opacity: 0;
    z-index: 999;
}

.active-form .form-wrapper {
    opacity: 1;
    visibility: visible;
    cursor: url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/images/mfg-close.png), auto;
}

.form-wrapper .search-form {
    height: 0;
    background-color: #fff;
    width: 100%;
    left: 0;
    top: 0;
    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;
    position: absolute;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.active-form .form-wrapper .search-form {
    height: 450px;
    cursor: default;
}

.form-wrapper .search-close {
    color: #000;
    position: fixed;
    top: 30px;
    right: 35px;
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    font-size: 30px;
    font-weight: 300;
    width: 44px;
    height: 44px;
    line-height: 44px;
}

.form-wrapper .search-form .search-input {
    color: #232323;
    border-bottom: 1px solid #232323;
    width: 100%;
}

.form-wrapper .search-form-box {
    position: relative;
    width: 45%;
}

.form-wrapper .search-form .search-button {
    color: #232323;
    bottom: 33px;
    position: absolute;
}

.form-wrapper .search-form .search-input::-webkit-input-placeholder {
    color: #232323;
    opacity: 1;
}

.form-wrapper .search-form .search-input::-moz-placeholder {
    color: #232323;
    opacity: 1;
}

.form-wrapper .search-form .search-input::-ms-input-placeholder {
    color: #232323;
    opacity: 1;
}

.show-search-popup {
    overflow: hidden;
}

.show-search-popup header .top-bar {
    z-index: 9;
}

.show-search-popup .fixed-top {
    z-index: 1032;
}

.show-search-popup.show-search-popup-mini-header .top-bar {
    z-index: 1033;
}

.search-form .search-input {
    border: none;
    border-radius: 0;
    border-bottom: 2px solid rgba(255, 255, 255, 0.5);
    font-size: 20px;
    font-weight: 300;
    padding: 10px 38px 10px 2px;
    background: transparent;
    line-height: 40px;
    color: #fff;
}

.search-form .search-input:focus {
    outline: none;
}

.search-input::-moz-placeholder, .search-input [placeholder] {
    color: #787878;
}

.search-form .search-button {
    font-size: 16px;
    color: #fff;
    bottom: 37px;
    right: 0;
    line-height: normal;
    outline: none;
    cursor: pointer;
    z-index: 0;
    margin-right: 0;
    border: none;
    background: none;
    top: inherit;
}

.search-button {
    cursor: pointer;
    z-index: 0;
    margin-right: 0;
    border: none;
    background: none;
}

/* menu modern */

.navbar-modern-inner, .navbar-full-screen-menu-inner {
    display: none
}

/* ===================================
    19. Page title
====================================== */

.page-title-extra-small h1 {
    font-size: 16px;
    line-height: 20px;
}

.page-title-small h1 {
    font-size: 18px;
    line-height: 20px;
}

.page-title-medium h1 {
    font-size: 28px;
    line-height: 32px;
}

.page-title-large h1 {
    font-size: 42px;
    line-height: 49px;
}

.page-title-extra-large h1 {
    font-size: 55px;
    line-height: 62px;
}

.page-title-small span {
    padding-left: 25px;
    margin-left: 25px;
    position: relative;
    top: -1px;
}

.page-title-small span:before {
    position: absolute;
    border-left: 2px solid #232323;
    content: "";
    height: 12px;
    top: 4px;
    left: 0
}

.page-title-separator-line {
    height: 1px;
    position: absolute;
    top: 9px;
    left: 0;
}

.page-title-separator-line:before {
    display: none;
}

/* colorfull background page title */

.page-title-colorful {
    -webkit-transition-duration: 3s;
    -moz-transition-duration: 3s;
    -ms-transition-duration: 3s;
    -o-transition-duration: 3s;
    transition-duration: 3s;
    -webkit-transition-property: background-color;
    -o-transition-property: background-color;
    transition-property: background-color;
}

/* breadcrumb */

.breadcrumb {
    background-color: transparent;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
}

.breadcrumb ul li {
    display: inline-block;
}

.breadcrumb ul li:last-child {
    margin-right: 0;
}

.breadcrumb ul>li:after {
    content: "\f111";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding: 0 10px 0 11px;
    display: inline-block;
    vertical-align: middle;
    font-size: 4px;
    opacity: .6;
}

.breadcrumb ul>li:last-child:after {
    border-right: 0;
    content: "";
    padding: 0
}

/* down scroll */

.down-section {
    position: absolute;
    width: 100%;
    bottom: 50px;
    left: 0;
    right: 0;
}

.down-section-arrow {
    border-radius: 100%;
    height: 45px;
    width: 45px;
    line-height: 50px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.scroll-down-bottom {
    position: absolute;
    bottom: 30px;
    width: auto;
    left: 0;
    right: 0;
    z-index: 99;
}

.scroll-down-bottom .scroll-down-text {
    position: absolute;
    bottom: 25px;
    transform: rotate(-90deg);
    width: 100px;
    height: auto;
    transform-origin: 0;
}

.scroll-down {
    position: absolute;
    bottom: 60px;
    text-align: center;
    width: auto;
    left: 0;
    right: 0;
    z-index: 99;
}

/* ===================================
    20. Swiper carousel
====================================== */

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-fraction {
    bottom: 45px;
}

.swiper-pagination-bullet {
    background: transparent;
    vertical-align: middle;
    border-radius: 100%;
    display: inline-block;
    height: 12px;
    margin: 0 7px;
    width: 12px;
    border: 2px solid #232323;
    outline: none;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #232323;
}

.swiper-pagination-bullets {
    width: 100%;
    left: 0;
}

.swiper-pagination-custom {
    bottom: 0;
}

/* slides auto slide */

.swiper-container.swiper-auto-slide {
    width: 100%;
    height: 100%;
}

.swiper-container.swiper-auto-slide .swiper-slide {
    width: auto;
}

.swiper-container.swiper-auto-slide .swiper-slide:nth-child(2n) {
    width: auto !important;
}

.swiper-container.swiper-auto-slide .swiper-slide:nth-child(3n) {
    width: auto !important;
}

/* swiper vertical */

.slider-vertical {
    width: 100%;
    height: 100%;
    position: absolute;
}

.slider-vertical .swiper-slide {
    text-align: center;
    background: #fff;
}

.slider-vertical>.swiper-pagination-bullets {
    right: 60px;
}

.slider-vertical .swiper-pagination {
    width: auto;
    left: inherit;
    bottom: inherit !important;
}

.slider-vertical .swiper-slide .swiper-bottom-content {
    opacity: 0;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
}

.slider-vertical .swiper-slide-active .swiper-bottom-content {
    opacity: 1;
    transition: all 0.3s ease-in-out 0.3s;
    -webkit-transition: all 0.3s ease-in-out 0.3s;
    -moz-transition: all 0.3s ease-in-out 0.3s;
    -ms-transition: all 0.3s ease-in-out 0.3s;
    -o-transition: all 0.3s ease-in-out 0.3s;
}

.slider-vertical .swiper-slide .swiper-right-content {
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
}

.slider-vertical .swiper-slide-active .swiper-right-content {
    opacity: 1;
    transition: all 0.3s ease-in-out 0.3s;
    -webkit-transition: all 0.3s ease-in-out 0.3s;
    -moz-transition: all 0.3s ease-in-out 0.3s;
    -ms-transition: all 0.3s ease-in-out 0.3s;
    -o-transition: all 0.3s ease-in-out 0.3s;
}

.slider-vertical .swiper-number-pagination {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1;
    font-family: 'Poppins', sans-serif;
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    left: 105px;
    bottom: 125px;
}

.slider-vertical .swiper-number-pagination .swiper-pagination-current:after {
    content: '/';
    margin: 0 5px;
}

/* swiper thumb */

.swiper-thumb-next-prev {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0 15px;
    z-index: 1;
}

.swiper-thumb-next-prev .swiper-thumb-prev, .swiper-thumb-next-prev .swiper-thumb-next {
    position: relative;
    top: inherit;
    left: inherit;
    transform: translate(0);
    width: 48%;
    display: inline-block;
    background: #232323;
    color: #fff;
}

.single-product-thumb .swiper-slide {
    height: auto !important;
    cursor: pointer;
}

/* swiper zoom slide */

.slider-zoom-slide {
    position: relative;
}

.slider-zoom-slide .swiper-slide {
    opacity: 0.3;
    transform: scale(1);
}

.slider-zoom-slide .swiper-slide.swiper-slide-active {
    opacity: 1;
    transform: scale(1);
}

.slider-zoom-slide .swiper-slide .slider-zoom-content {
    opacity: 0
}

.slider-zoom-slide .swiper-slide.swiper-slide-active .slider-zoom-content {
    opacity: 1
}

.slider-zoom-content .slider-zoom-label {
    margin-top: -70px;
    margin-right: -25px;
    width: 75px;
    text-align: center;
}

.slider-zoom-slide.slider-zoom-slide-dark .swiper-slide.swiper-slide-prev, .slider-zoom-slide.slider-zoom-slide-dark .swiper-slide.swiper-slide-next {
    opacity: 1;
}

.slider-zoom-slide.slider-zoom-slide-dark .swiper-slide.swiper-slide-prev .slider-zoom-slide-dark-overlay, .slider-zoom-slide.slider-zoom-slide-dark .swiper-slide.swiper-slide-next .slider-zoom-slide-dark-overlay {
    opacity: .6;
}

/* caption slider */

.slider-caption-blog-caption {
    position: absolute;
    bottom: 0;
    height: auto;
    width: 100%;
    left: 0;
}

.slider-caption-blog-caption .swiper-slide {
    padding: 55px 60px;
}

.slider-caption-blog-caption .swiper-slide h6 {
    font-size: 24px
}

.caption-blog-next, .caption-blog-prev {
    background-color: #000;
    color: #fff;
    position: absolute;
    bottom: 0;
    border: 0;
    right: 0;
    font-size: 20px;
    width: 50px;
    display: flex;
    height: 50%;
    text-align: center;
    justify-content: center;
    align-items: center;
    z-index: 1;
    cursor: pointer;
}

.caption-blog-next {
    top: 0;
    height: calc(50% - 2px);
}

.caption-blog-next:focus, .caption-blog-prev:focus {
    outline: none;
}

/* product and portfolio slider */

.product-slider .swiper-slide .portfolio-box:hover .portfolio-image img {
    opacity: 0.5;
}

/* horizontal portfolio slider */

.horizontal-portfolio-slider .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.horizontal-portfolio-slider .swiper-slide .slider-title {
    position: relative;
    display: inline-block;
}

.horizontal-portfolio-slider .swiper-slide .slider-title .slider-title-hover {
    position: absolute;
    top: 52%;
    left: 0;
    width: 100%;
    height: 4px;
    z-index: 1;
    opacity: 0;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.horizontal-portfolio-slider .swiper-slide:hover .slider-title-hover {
    opacity: 1;
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

/* swiper horizontal 3d */

.swiper-horizontal-3d.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.swiper-horizontal-3d .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    box-sizing: content-box;
}

.swiper-horizontal-3d.swiper-pagination-bottom .swiper-wrapper {
    margin-bottom: 0;
}

.swiper-horizontal-3d .swiper-slide {
    filter: grayscale(100%);
    opacity: 0;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}

.swiper-horizontal-3d .swiper-slide.swiper-slide-prev, .swiper-horizontal-3d .swiper-slide.swiper-slide-next {
    opacity: .7
}

.swiper-horizontal-3d .swiper-slide.swiper-slide-active {
    opacity: 1;
    filter: grayscale(0);
    box-shadow: 0 0 60px rgba(0, 0, 0, .17);
}

.swiper-horizontal-3d.swiper-container {
    width: 100%;
    padding-bottom: 60px;
}

.swiper-horizontal-3d .swiper-slide.swiper-slide-active .slider-image:hover .preview-icon {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    z-index: 1;
}

.swiper-horizontal-3d.swiper-container-3d .swiper-slide-shadow-left, .swiper-horizontal-3d.swiper-container-3d .swiper-slide-shadow-right {
    background-image: none;
}

.swiper-horizontal-3d .swiper-slide img {
    opacity: 0;
}

.swiper-horizontal-3d .swiper-slide-active img {
    opacity: 1;
}

/* tilt box style */

.tilt-box {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: relative;
}

.tilt-box .tilt-box-content {
    -webkit-transform: translateZ(150px);
    -moz-transform: translateZ(150px);
    -ms-transform: translateZ(150px);
    -o-transform: translateZ(150px);
    transform: translateZ(150px);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
}

.tilt-box:not(:root:root) {
    z-index: -1;
}

/* split slider */

.home-split-portfolio .swiper-slide .swiper-slide-l {
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    z-index: 1;
    min-height: 600px;
}

.home-split-portfolio .swiper-slide .swiper-slide-r {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
    min-height: 600px;
}

.home-split-portfolio .swiper-slide-active .swiper-slide-l, .home-split-portfolio .swiper-slide-active .swiper-slide-r, .home-split-portfolio .swiper-slide-duplicate-active .swiper-slide-l, .home-split-portfolio .swiper-slide-duplicate-active .swiper-slide-r {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.home-split-portfolio .slider-split-scroll>.swiper-pagination-bullets {
    right: 60px;
    width: auto;
    left: auto;
}

/* blog banner slider */

.slider-blog-banner .swiper-slide {
    opacity: 0.6;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.slider-blog-banner .swiper-slide.swiper-slide-active {
    opacity: 1;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.slider-blog-banner .swiper-bottom-content {
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -ms-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.slider-blog-banner .swiper-slide-active .swiper-bottom-content {
    opacity: 1;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.slider-blog-banner .swiper-slide .btn-fancy {
    padding: 6px 16px;
    font-size: 12px
}

/* swiper custom image bullets */

.slider-custom-image-pagination .swiper-pagination-bullet {
    background-size: cover;
    border: 0;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: .8;
    width: 60px;
    height: 60px;
    margin: 0 12px !important;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.slider-custom-image-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.slider-custom-image-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .slider-custom-image-pagination .swiper-pagination-bullet:hover {
    transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.white-move .swiper-slide, .white-move .swiper-wrapper {
    cursor: url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/images/icon-move-light.png), move;
}

.black-move .swiper-slide, .black-move .swiper-wrapper {
    cursor: url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/images/icon-move-black.png), move;
}

.vertical-white-move .swiper-slide, .vertical-white-move .swiper-wrapper {
    cursor: url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/images/vertical-icon-move-light.png), move;
}

.vertical-black-move .swiper-slide, .vertical-black-move .swiper-wrapper {
    cursor: url(//www.deichmann-karriere.de/wp-content/themes/karriere/assets/images/vertical-icon-move-black.png), move;
}

.swiper-pagination-medium .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}

.swiper-pagination-medium .swiper-pagination-bullet-active {
    width: 16px;
    height: 16px;
}

.swiper-pagination-big .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 6px;
}

.slider-custom-image>.swiper-button-next, .slider-custom-image>.swiper-button-prev {
    bottom: 0;
    top: inherit;
    left: inherit
}

/* swiper vertical pagination */

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 10px 0
}

/* swiper pagination bottom */

.swiper-pagination-bottom .swiper-wrapper {
    margin-bottom: 65px;
}

.swiper-pagination-bottom.small-bottom .swiper-wrapper {
    margin-bottom: 50px;
}

.swiper-pagination-bottom>.swiper-pagination-bullets {
    bottom: 0;
}

.swiper-pagination-bottom>.swiper-button-next, .swiper-pagination-bottom>.swiper-button-prev {
    bottom: 0;
    top: inherit;
    left: inherit
}

/* swiper pagination light */

.swiper-light-pagination .swiper-pagination-bullet {
    border: 2px solid #fff;
    opacity: 0.5;
}

.swiper-light-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff;
    opacity: 1;
}

.swiper-pagination-medium.swiper-light-pagination .swiper-pagination-bullet {
    border: 2px solid #fff;
    background-color: #fff;
    opacity: 1;
}

.swiper-pagination-medium.swiper-light-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-color: #fff;
    background-color: transparent;
}

/* dot pagination dark */

.swiper-pagination-dot .swiper-pagination-bullet {
    background: #000;
    border-color: #000;
    opacity: 0.4;
}

.swiper-pagination-dot .swiper-pagination-bullet-active {
    background: #000;
    border-color: #000;
    opacity: 1;
}

/* dot pagination light */

.swiper-pagination-dot.swiper-light-pagination .swiper-pagination-bullet {
    background: #fff;
    border-color: #fff;
    opacity: 0.5;
}

.swiper-pagination-dot.swiper-light-pagination .swiper-pagination-bullet-active {
    background: #fff;
    border-color: #fff;
    opacity: 1;
}

/* square pagination */

.swiper-pagination-square .swiper-pagination-bullet {
    height: 3px;
    width: 30px;
    border-radius: 0;
    opacity: 0.3;
    cursor: pointer;
}

.swiper-pagination-square .swiper-pagination-bullet-active {
    opacity: 1;
}

/* slider navigation */

.swiper-next.swiper-button-disabled, .swiper-prev.swiper-button-disabled {
    opacity: 0.6;
}

.swiper-button-next, .swiper-button-prev {
    height: 40px;
    width: 40px;
    line-height: 40px;
    margin: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    outline: none;
}

.swiper-button-next.large, .swiper-button-prev.large {
    height: 62px;
    width: 62px;
    line-height: 62px;
    font-size: 18px;
}

.swiper-button-next:after, .swiper-button-prev:after {
    display: none;
}

.swiper-button-next:hover, .swiper-button-prev:hover {
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.swiper-button-next {
    right: 0;
}

.swiper-button-prev {
    left: 0;
}

/* slider navigation style 01 */

.slider-navigation-style-01.swiper-button-next, .slider-navigation-style-01.swiper-button-prev {
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
}

.slider-navigation-style-01.swiper-button-next:hover, .slider-navigation-style-01.swiper-button-prev:hover {
    background-color: #fff;
    color: #232323;
}

.slider-navigation-style-01.swiper-button-next.light, .slider-navigation-style-01.swiper-button-prev.light {
    background-color: #fff;
    color: #232323;
}

.slider-navigation-style-01.swiper-button-next.light:hover, .slider-navigation-style-01.swiper-button-prev.light:hover {
    background-color: #232323;
    color: #fff;
}

.slider-navigation-style-01.swiper-button-next.dark, .slider-navigation-style-01.swiper-button-prev.dark {
    background-color: #232323;
    color: #fff;
}

.slider-navigation-style-01.swiper-button-next.dark:hover, .slider-navigation-style-01.swiper-button-prev.dark:hover {
    background-color: #fff;
    color: #232323;
}

.slider-navigation-style-01.swiper-button-next.rounded-circle {
    right: 40px;
}

.slider-navigation-style-01.swiper-button-prev.rounded-circle {
    left: 40px;
}

/* slider navigation style 02 */

.slider-navigation-style-02.swiper-button-next {
    right: -90px;
}

.slider-navigation-style-02.swiper-button-prev {
    left: -90px;
}

.slider-navigation-style-02.swiper-button-next, .slider-navigation-style-02.swiper-button-prev {
    border: 2px solid rgba(0, 0, 0, .15);
    font-size: 16px;
    color: #232323;
    height: 45px;
    width: 45px;
    line-height: 45px;
    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;
}

.slider-navigation-style-02.swiper-button-prev:hover, .slider-navigation-style-02.swiper-button-next:hover {
    background: #232323;
    color: #fff;
    border: 1px solid #fff;
}

.slider-navigation-style-02.swiper-button-next.light, .slider-navigation-style-02.swiper-button-prev.light {
    border-color: rgba(255, 255, 255, 0.3);
    color: #fff;
    font-size: 12px;
    line-height: 42px
}

.slider-navigation-style-02.swiper-button-next.light:hover, .slider-navigation-style-02.swiper-button-prev.light:hover {
    background-color: #fff;
    color: #232323;
}

/* slider navigation style 03 */

.slider-navigation-style-03.swiper-button-next, .slider-navigation-style-03.swiper-button-prev {
    height: 50px;
    width: 50px;
    border: 1px solid #e4e4e4;
    font-size: 24px;
    color: #FFFFFF;
    line-height: 40px;
    transform: none;
    top: inherit;
    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;
}

.slider-navigation-style-03.swiper-button-next:hover, .slider-navigation-style-03.swiper-button-prev:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, .15);
    border-color: #ffffff;
    background: #ffffff;
    color: #232323;
}

.slider-navigation-style-03.swiper-button-next.light, .slider-navigation-style-03.swiper-button-prev.light {
    font-size: 16px;
    color: #fff;
    line-height: 38px
}

.slider-navigation-style-03.swiper-button-next.light:hover, .slider-navigation-style-03.swiper-button-prev.light:hover {
    background-color: #fff;
    color: #232323;
}

.slider-navigation-style-03.swiper-button-next.white-transparent, .slider-navigation-style-03.swiper-button-prev.white-transparent {
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    border: 0 solid #fff;
    background-color: rgba(255, 255, 255, 0.3);
    color: #828282;
}

.slider-navigation-style-03.swiper-button-next.white-transparent:hover, .slider-navigation-style-03.swiper-button-prev.white-transparent:hover {
    background-color: #fff;
    color: #232323;
}

.slider-navigation-style-03.swiper-button-next {
    right: inherit;
    left: 75px;
}

.slider-navigation-style-03.swiper-button-prev {
    left: 15px;
}

.slider-navigation-style-03.swiper-button-next.center-next {
    left: calc(50% + 10px);
    bottom: 15px;
}

.slider-navigation-style-03.swiper-button-prev.center-prev {
    left: calc(50% - 50px);
    bottom: 15px;
}

.slider-navigation-style-03.swiper-button-next.white, .slider-navigation-style-03.swiper-button-prev.white {
    box-shadow: 0 0 10px rgba(0, 0, 0, .07);
    border: none;
    background-color: #fff;
    color: #232323;
}

.slider-navigation-style-03.swiper-button-next.white:hover, .slider-navigation-style-03.swiper-button-prev.white:hover {
    background-color: #fff;
    color: #232323;
    box-shadow: 0 0 20px rgba(0, 0, 0, .15);
}

/* slider navigation style 04 */

.slider-navigation-style-04.swiper-button-prev {
    left: -30%;
}

.slider-navigation-style-04.swiper-button-next {
    right: -30%;
}

/* slider navigation style 05 */

.slider-navigation-style-05.swiper-button-next, .slider-navigation-style-05.swiper-button-prev {
    font-size: 40px;
    color: #fff;
    height: 50px;
    width: 50px;
    line-height: 50px;
}

.slider-navigation-style-05.swiper-button-next:hover, .slider-navigation-style-05.swiper-button-prev:hover {
    opacity: 0.5
}

.slider-navigation-style-05.swiper-button-next {
    right: 40px;
}

.slider-navigation-style-05.swiper-button-prev {
    left: 40px;
}

/* slider navigation style 06 */

.slider-navigation-style-06.swiper-button-next, .slider-navigation-style-06.swiper-button-prev {
    font-size: 40px;
    color: #828282;
    line-height: 40px;
    transform: none;
    top: inherit;
    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;
    width: auto;
    height: 40px;
}

.slider-navigation-style-06.swiper-button-next:hover, .slider-navigation-style-06.swiper-button-prev:hover {
    color: #232323;
}

.slider-navigation-style-06.swiper-button-next {
    right: inherit;
    left: 80px;
}

.slider-navigation-style-06.swiper-button-prev {
    left: 15px;
}

/* slider navigation style 07 */

.slider-navigation-style-07.swiper-button-next, .slider-navigation-style-07.swiper-button-prev {
    background-color: rgba(23, 23, 23, .5);
    color: #fff;
}

.slider-navigation-style-07.swiper-button-next:hover, .slider-navigation-style-07.swiper-button-prev:hover {
    background-color: #fff;
    color: #232323;
}

.slider-navigation-style-07.swiper-button-next.light, .slider-navigation-style-07.swiper-button-prev.light {
    background-color: #fff;
    color: #232323;
}

.slider-navigation-style-07.swiper-button-next.light:hover, .slider-navigation-style-07.swiper-button-prev.light:hover {
    background-color: #232323;
    color: #fff;
}

.slider-navigation-style-07.swiper-button-next.light {
    right: -70px;
}

.slider-navigation-style-07.swiper-button-prev.light {
    left: -70px;
}

.slider-navigation-style-07.swiper-button-next {
    right: 40px;
}

.slider-navigation-style-07.swiper-button-prev {
    left: 40px;
}

/* slider navigation style 08 */

.slider-navigation-style-08.swiper-button-next, .slider-navigation-style-08.swiper-button-prev {
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
}

.slider-navigation-style-08.swiper-button-next:hover, .slider-navigation-style-08.swiper-button-prev:hover {
    background-color: #fff;
    color: #232323;
}

.slider-navigation-style-08.swiper-button-next.light, .slider-navigation-style-08.swiper-button-prev.light {
    background-color: #fff;
    color: #232323;
}

.slider-navigation-style-08.swiper-button-next.light:hover, .slider-navigation-style-08.swiper-button-prev.light:hover {
    background-color: #232323;
    color: #fff;
}

.slider-navigation-style-08.swiper-button-next.dark, .slider-navigation-style-08.swiper-button-prev.dark {
    background-color: #232323;
    color: #fff;
}

.slider-navigation-style-08.swiper-button-next.dark:hover, .slider-navigation-style-08.swiper-button-prev.dark:hover {
    background-color: #fff;
    color: #232323;
}

.slider-navigation-style-08.swiper-button-next {
    width: 50px;
    height: 50px;
    right: 15px;
}

.slider-navigation-style-08.swiper-button-prev {
    width: 50px;
    height: 50px;
    left: 15px;
}

.slider-navigation-style-08.swiper-button-next.rounded-circle {
    right: 40px;
}

.slider-navigation-style-08.swiper-button-prev.rounded-circle {
    left: 40px;
}

/* slider arrow right bottom */

.slider-arrow-rb {
    position: absolute;
    bottom: 0;
    right: 100%;
    z-index: 1;
}

.slider-arrow-rb .swiper-button-next, .slider-arrow-rb .swiper-button-prev {
    transform: none;
    position: static;
    margin-top: 1px;
}

/* swiper custom text */

.slider-custom-text-next.swiper-button-next, .slider-custom-text-prev.swiper-button-prev {
    padding: 25px 0 25px 0;
    width: auto;
    height: auto;
}

.slider-custom-text-next.swiper-button-next:hover, .slider-custom-text-prev.swiper-button-prev:hover {
    opacity: .7
}

.slider-custom-text-next.swiper-button-next {
    border-left: 1px solid #E4E4E4;
    padding-left: 45px;
}

.slider-custom-text-prev.swiper-button-prev {
    border-right: 1px solid #E4E4E4;
    padding-right: 45px;
}

/* slider image thumbs */

.slider-review-image-thumbs {
    height: auto;
}

.slider-review-image-thumbs .swiper-slide:not(.swiper-slide-prev):not(.swiper-slide-active):not(.swiper-slide-next) {
    visibility: hidden;
    opacity: 0;
}

.slider-review-image-thumbs .swiper-slide:not(.swiper-slide-active) img {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
}

.slider-review-image-thumbs img {
    border: 6px solid transparent;
    margin: 0 auto;
    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;
}

.slider-review-image-thumbs .swiper-slide-active img {
    box-shadow: 0 0 20px rgba(0, 0, 0, .14);
    border: 6px solid #fff;
}

.slider-review-image-thumbs .swiper-slide {
    cursor: pointer;
}

/* ===================================
    21. Grid
====================================== */

.blog-post-image img, .portfolio-image img {
    width: 100%;
}

.grid {
    list-style: none;
}

.grid-sizer {
    padding: 0 !important;
    margin: 0 !important;
}

/* gutter size */

.grid.gutter-very-small li {
    padding: 3px 3px;
}

.grid.gutter-small li {
    padding: 5px 5px;
}

.grid.gutter-medium li {
    padding: 7px 7px;
}

.grid.gutter-large li {
    padding: 10px 10px;
}

.grid.gutter-extra-large li {
    padding: 15px;
}

.grid.gutter-double-extra-large li {
    padding: 20px;
}

.grid.gutter-triple-extra-large li {
    padding: 30px;
}

/* grid 6 column */

.grid.grid-6col li {
    width: 16.67%;
    list-style: none;
}

.grid.grid-6col li.grid-item-double {
    width: 33.33%;
}

/* grid 5 column */

.grid.grid-5col li {
    width: 20%;
    list-style: none;
}

.grid.grid-5col li.grid-item-double {
    width: 40%;
}

/* grid 4 column */

.grid.grid-4col li {
    width: 25%;
    list-style: none;
}

.grid.grid-4col li.grid-item-double {
    width: 50%;
}

/* grid 3 column */

.grid.grid-3col li {
    width: 33.33%;
    float: left;
    list-style: none;
}

.grid.grid-3col li.grid-item-double {
    width: 66.67%;
}

/* grid 2 column */

.grid.grid-2col li {
    width: 50%;
    list-style: none;
}

.grid.grid-2col li.grid-item-double {
    width: 100%;
}

/* grid 1 column */

.grid.grid-1col li {
    width: 100%;
    list-style: none;
}

/* grid filter */

.grid-filter li {
    display: inline-block;
    float: none;
    padding: 0 20px;
    border: 0;
    position: relative;
}

.grid-filter li:first-child {
    padding-left: 0;
}

.grid-filter li:last-child {
    padding-right: 0;
}

.grid-filter li a {
    border: 0;
    border-bottom: 1px solid;
    border-color: transparent;
    color: #828282;
    padding-bottom: 2px;
}

.grid-filter>li.active>a, .grid-filter>li.active>a:focus, .grid-filter>li.active>a:hover, .grid-filter>li>a:hover {
    border: 0;
    color: inherit;
    border-bottom: 1px solid;
    color: #232323
}

/* ===================================
    22. Portfolio
====================================== */

.portfolio-box .portfolio-image {
    position: relative;
    overflow: hidden;
}

.portfolio-box .portfolio-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
}

.portfolio-box:hover .portfolio-hover {
    opacity: 1;
}

.portfolio-box .portfolio-hover .portfolio-icon {
    line-height: 50px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin: 0 5px;
}

.portfolio-box *, .portfolio-box:hover * {
    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;
}

.portfolio-box .move-top-bottom {
    opacity: 0;
    transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transition-property: transform, opacity;
    -moz-transition-property: transform, opacity;
    -webkit-transition-property: transform, opacity;
    -ms-transition-property: transform, opacity;
}

.portfolio-box .move-bottom-top {
    opacity: 0;
    transform: translateY(15px);
    -moz-transform: translateY(15px);
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transition-property: transform, opacity;
    -moz-transition-property: transform, opacity;
    -webkit-transition-property: transform, opacity;
    -ms-transition-property: transform, opacity;
}

.portfolio-box:hover .move-top-bottom, .portfolio-box:hover .move-bottom-top {
    opacity: 1;
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
}

.portfolio-box .move-left-right {
    opacity: 0;
    transform: translateX(-15px);
    -moz-transform: translateX(-15px);
    -webkit-transform: translateX(-15px);
    -ms-transform: translateX(-15px);
    transition-property: transform, opacity;
    -moz-transition-property: transform, opacity;
    -webkit-transition-property: transform, opacity;
    -ms-transition-property: transform, opacity;
}

.portfolio-box .move-right-left {
    opacity: 0;
    transform: translateX(15px);
    -moz-transform: translateX(15px);
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transition-property: transform, opacity;
    -moz-transition-property: transform, opacity;
    -webkit-transition-property: transform, opacity;
    -ms-transition-property: transform, opacity;
}

.portfolio-box:hover .move-left-right, .portfolio-box:hover .move-right-left {
    opacity: 1;
    transform: translateX(0px);
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
}

.portfolio-classic .portfolio-box:hover .portfolio-image img, .portfolio-overlay .portfolio-box:hover .portfolio-image img {
    transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    opacity: 0.15;
}

.portfolio-box .move-bottom-top-self {
    overflow: hidden
}

.portfolio-box .move-bottom-top-self span {
    opacity: 0;
    display: block;
    will-change: transform;
    -moz-transform: translateY(200%);
    -ms-transform: translateY(200%);
    -webkit-transform: translateY(200%);
    transform: translateY(200%);
    -moz-transition: all .5s cubic-bezier(0.37, 0.31, 0.2, 0.85);
    -o-transition: all .5s cubic-bezier(0.37, 0.31, 0.2, 0.85);
    -webkit-transition: all .5s cubic-bezier(0.37, 0.31, 0.2, 0.85);
    transition: all .5s cubic-bezier(0.37, 0.31, 0.2, 0.85);
}

.portfolio-box:hover .move-bottom-top-self span {
    opacity: 1;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.portfolio-box .move-top-bottom-self {
    overflow: hidden
}

.portfolio-box .move-top-bottom-self span {
    opacity: 0;
    display: block;
    will-change: transform;
    -moz-transform: translateY(-200%);
    -ms-transform: translateY(-200%);
    -webkit-transform: translateY(-200%);
    transform: translateY(-200%);
    -moz-transition: all .5s cubic-bezier(0.37, 0.31, 0.2, 0.85);
    -o-transition: all .5s cubic-bezier(0.37, 0.31, 0.2, 0.85);
    -webkit-transition: all .5s cubic-bezier(0.37, 0.31, 0.2, 0.85);
    transition: all .5s cubic-bezier(0.37, 0.31, 0.2, 0.85);
}

.portfolio-box:hover .move-top-bottom-self span {
    opacity: 1;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.portfolio-box .scale {
    opacity: 0;
    -moz-transform: scale3d(0.8, 0.8, 1);
    -o-transform: scale3d(0.8, 0.8, 1);
    -ms-transform: scale3d(0.8, 0.8, 1);
    -webkit-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1);
}

.portfolio-box:hover .scale {
    opacity: 1;
    -moz-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

/* portfolio classic */

.portfolio-classic .portfolio-box .portfolio-image>a {
    position: relative;
    height: 100%;
    z-index: 1;
}

.portfolio-classic .portfolio-icon a {
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
    text-align: center;
    margin: 0 3px;
    position: relative;
    z-index: 3;
}

.portfolio-classic .portfolio-box {
    overflow: hidden;
    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;
}

.portfolio-classic .portfolio-box:hover {
    transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
}

.portfolio-classic .portfolio-box:hover .portfolio-image img {
    transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
}

.portfolio-classic .portfolio-icon a:hover {
    box-shadow: 0 0 25px rgba(0, 0, 0, .3);
}

.portfolio-classic .portfolio-box .portfolio-icon a {
    opacity: 0;
    transform: translateY(15px);
    -moz-transform: translateY(15px);
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
}

.portfolio-classic .portfolio-box:hover .portfolio-icon a {
    opacity: 1;
    transition-delay: .1s;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
}

.portfolio-classic .portfolio-box:hover .portfolio-icon a:last-child {
    transition-delay: .2s;
}

/* portfolio bordered */

.portfolio-bordered .portfolio-box .portfolio-hover {
    opacity: 0;
}

.portfolio-bordered .portfolio-box:hover .portfolio-hover {
    left: 20px;
    opacity: 1;
    top: 20px;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
}

.portfolio-bordered .portfolio-box:hover .portfolio-image img {
    opacity: .5;
    -webkit-filter: blur(5px);
    filter: blur(5px);
    transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
}

/* portfolio boxed */

.portfolio-boxed .portfolio-box .portfolio-hover {
    opacity: 0;
    left: 20px;
    bottom: 20px;
    width: calc(100% - 40px);
    height: auto;
    top: inherit;
    transform: translateY(100%);
    -moz-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
}

.portfolio-boxed .portfolio-box:hover .portfolio-hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, .20);
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    opacity: 1;
}

.portfolio-boxed .portfolio-box .portfolio-hover:hover i {
    transform: translateX(5px);
    -moz-transform: translateX(5px);
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
}

.portfolio-boxed .portfolio-box:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: -webkit-transform 3s cubic-bezier(.165, .84, .44, 1);
    -moz-transition: -moz-transform 3s cubic-bezier(.165, .84, .44, 1);
    transition: transform 3s cubic-bezier(.165, .84, .44, 1);
}

/* portfolio switch image */

.portfolio-switch-image .portfolio-image .portfolio-switch-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -moz-transform: scale3d(1.1, 1.1, 1.1);
    -o-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}

.portfolio-switch-image .portfolio-box:hover .portfolio-switch-image {
    opacity: 1;
    -moz-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.portfolio-switch-image .portfolio-box:hover .portfolio-image {
    -moz-transform: translate3d(0, -5px, 0);
    -o-transform: translate3d(0, -5px, 0);
    -ms-transform: translate3d(0, -5px, 0);
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
}

.portfolio-switch-image .portfolio-box:hover .portfolio-caption {
    transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
}

/* portfolio scattered */

.portfolio-scattered .portfolio-image {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
}

.portfolio-scattered .portfolio-box:hover .portfolio-image {
    -webkit-clip-path: inset(5% 5% 5% 5%);
    clip-path: inset(5% 5% 5% 5%);
}

.portfolio-scattered.row-cols-lg-2 .col:nth-child(4n+0) .portfolio-box, .portfolio-scattered.row-cols-lg-2 .col:nth-child(4n+1) .portfolio-box {
    padding: 15% 0;
}

.portfolio-scattered.row-cols-lg-2 .col:nth-child(4n+2) .portfolio-box, .portfolio-scattered.row-cols-lg-2 .col:nth-child(4n+3) .portfolio-box {
    padding: 0 15%;
}

.portfolio-scattered.row-cols-lg-3 .col:nth-child(6n+0) .portfolio-box, .portfolio-scattered.row-cols-lg-3 .col:nth-child(6n+1) .portfolio-box, .portfolio-scattered.row-cols-lg-3 .col:nth-child(6n+3) .portfolio-box, .portfolio-scattered.row-cols-lg-3 .col:nth-child(6n+5) .portfolio-box {
    padding: 15% 0;
}

.portfolio-scattered.row-cols-lg-3 .col:nth-child(6n+2) .portfolio-box, .portfolio-scattered.row-cols-lg-3 .col:nth-child(6n+4) .portfolio-box, .portfolio-scattered.row-cols-lg-3 .col:nth-child(6n+6) .portfolio-box {
    padding: 0 15%;
}

.pagination-style-01 .page-link.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: 25% 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%;
}

/* portfolio overlay */

.portfolio-overlay .portfolio-box .portfolio-image img {
    opacity: 1;
}

/* portfolio justified gallery */

.justified-gallery>a>.jg-caption.jg-caption-visible, .justified-gallery>div>.jg-caption.jg-caption-visible, .justified-gallery>figure>.jg-caption.jg-caption-visible {
    display: none;
    filter: "alpha(opacity=100)";
    opacity: 1;
    -webkit-transition: opacity 500ms ease-in;
    -moz-transition: opacity 500ms ease-in;
    -o-transition: opacity 500ms ease-in;
    transition: opacity 500ms ease-in;
}

.justified-gallery>a>.jg-caption, .justified-gallery>div>.jg-caption, .justified-gallery>figure>.jg-caption {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    background-color: #fff;
    color: inherit;
    padding: 15px 25px 12px;
    box-shadow: 0 5px 20px rgba(23, 23, 23, .2);
    white-space: nowrap;
    z-index: 1;
    font-family: inherit;
}

/* ===================================
    23. Blog
====================================== */

.blog-post {
    position: relative;
    overflow: hidden;
}

.blog-post .blog-post-image img {
    -webkit-transition: all 1s cubic-bezier(0, 0, .2, 1);
    -moz-transition: all 1s cubic-bezier(0, 0, .2, 1);
    -ms-transition: all 1s cubic-bezier(0, 0, .2, 1);
    transition: all 1s cubic-bezier(0, 0, .2, 1);
}

.blog-post .blog-post-image {
    overflow: hidden;
    position: relative;
}

.blog-post:hover .blog-post-image img {
    opacity: 0.6;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -moz-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}

/* blog grid */

.blog-grid .blog-post-image .blog-category {
    position: absolute;
    top: 23px;
    right: 23px;
    font-size: 11px;
    line-height: 14px;
    background: rgba(23, 23, 23, .75);
    color: #fff;
    text-transform: uppercase;
    border-radius: 2px;
    padding: 6px 13px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.blog-grid .blog-post:hover .blog-post-image .blog-category {
    background: #fff;
    color: #232323;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}

.blog-grid .avtar-image {
    width: 30px;
    border-radius: 100%;
    margin-right: 10px;
}

.blog-grid .blog-like {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

.blog-grid .blog-like i {
    margin-right: 4px;
}

/* blog masonry */

.blog-masonry .blog-post {
    box-shadow: 0 0 15px rgba(0, 0, 0, .06);
    -webkit-transition: all 1.5s cubic-bezier(0, 0, .2, 1);
    -moz-transition: all 1.5s cubic-bezier(0, 0, .2, 1);
    -ms-transition: all 1.5s cubic-bezier(0, 0, .2, 1);
    transition: all 1.5s cubic-bezier(0, 0, .2, 1);
}

.blog-masonry .blog-post:hover {
    box-shadow: 0 0 30px rgba(0, 0, 0, .15);
    -webkit-transform: translate3d(0, 0, 0);
}

.blog-masonry .blog-post:hover .blog-post-image img {
    opacity: 1
}

.blog-masonry .blog-post-image .blog-category {
    position: absolute;
    background: #fff;
    left: 0;
    bottom: 0;
    top: auto;
    right: auto;
    border-radius: 0px;
    padding: 13px 25px;
    font-size: 13px;
    line-height: 13px;
    font-weight: 500
}

.blog-masonry .blog-post:hover .blog-post-image .blog-category {
    box-shadow: none
}

.blog-masonry .blog-post p {
    margin-bottom: 5px
}

.blog-masonry .blog-like span, .blog-masonry .blog-comment span {
    position: relative;
    top: 0
}

.blog-masonry .blog-like, .blog-masonry .blog-comment {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

.blog-masonry .blog-like i, .blog-masonry .blog-comment i {
    margin-right: 4px;
}

.blog-masonry .blog-comment {
    margin-left: 13px;
}

/* blog classic */

.blog-classic .blog-post:hover {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.blog-classic .blog-post-image {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.blog-classic .blog-post:hover .blog-post-image img {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.blog-classic .separator {
    width: 28px;
    height: 1px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    -webkit-transition: all 1s cubic-bezier(0, 0, .2, 1);
    transition: all 1s cubic-bezier(0, 0, .2, 1);
}

.blog-classic .blog-post:hover .separator {
    width: 50px;
}

.blog-classic .blog-post p {
    margin-bottom: 20px
}

/* blog simple */

.blog-simple .blog-post {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.blog-simple .blog-post-image, .blog-simple .post-details {
    width: 50%;
}

.blog-simple .post-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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;
}

.blog-simple .blog-post .blog-category {
    font-size: 11px;
    line-height: 14px;
    box-shadow: 0 0 20px rgba(23, 23, 23, .08);
    border-radius: 20px;
    border: 1px solid;
    padding: 6px 16px;
    text-transform: uppercase;
    font-weight: 500
}

.blog-simple .blog-post:hover .blog-category {
    box-shadow: 0 0 0 rgba(23, 23, 23, .08);
}

.blog-simple .blog-post .blog-post-image .blog-post-image-overlay {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.blog-simple .blog-post .cover-background {
    background-position: right center !important;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.blog-simple .blog-post:hover .cover-background {
    background-position: left center !important;
}

.blog-simple .blog-post:hover .blog-post-image .blog-post-image-overlay {
    opacity: .3;
}

/* blog side image */

.blog-side-image .blog-post {
    padding: 28px;
}

.blog-side-image .blog-post:nth-child(odd) {
    padding-right: 0;
}

.blog-side-image .blog-post:nth-child(even) {
    padding-left: 0;
}

.blog-side-image .blog-post-image {
    width: 55%;
}

.blog-side-image .post-details {
    width: 45%;
}

.blog-side-image .post-details i {
    margin-right: 7px;
}

.blog-side-image .post-details i:last-of-type {
    margin-left: 20px;
}

.blog-side-image .blog-post:hover .blog-post-image img {
    opacity: 1
}

.blog-side-image .blog-post:nth-child(even) .post-details {
    -ms-flex-order: 1;
    order: 1;
}

.blog-side-image .blog-post:nth-child(even) .blog-post-image {
    -ms-flex-order: 2;
    order: 2;
}

.blog-side-image .avtar-image {
    width: 25px;
    border-radius: 100%;
    margin-right: 10px;
}

.blog-side-image .separator {
    margin-left: 15px;
    margin-right: 15px;
    width: 30px;
    display: inline-block;
    vertical-align: middle;
    height: 1px
}

/* blog metro */

.blog-metro .blog-post:hover {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.blog-metro .blog-post:hover .blog-post-image img {
    opacity: .6;
}

.blog-metro .blog-post .blog-post-image .blog-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgb(31, 35, 44);
    background: linear-gradient(0deg, rgba(23, 23, 23, 0.95) 0%, rgba(23, 23, 23, 0) 88%);
    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;
}

.blog-metro .blog-post .post-details {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.blog-metro .post-details .blog-category {
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    padding: 6px 13px;
    background: rgba(20, 21, 22, .7);
    border-radius: 2px;
}

.blog-metro .post-details:hover .blog-category {
    background: #fff;
    color: #232323;
    box-shadow: 0 0 20px rgba(23, 23, 23, .2);
}

/* blog overlay image */

.blog-overlay-image {
    z-index: 1;
}

.blog-overlay-image .blog-post {
    z-index: 1;
}

.blog-overlay-image .post-details {
    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;
    position: relative;
}

.blog-overlay-image .blog-post .blog-post-image, .blog-overlay-image .blog-post .blog-post-image .blog-overlay-image {
    transform: scale(1.1, 1.1);
    opacity: 0;
    z-index: -1;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.blog-overlay-image .blog-post .blog-post-image .blog-overlay-image {
    z-index: 1;
}

.blog-overlay-image .blog-post:hover .blog-post-image, .blog-overlay-image .blog-post:hover .blog-post-image .blog-overlay-image {
    transform: scale(1, 1);
    opacity: 1;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.blog-overlay-image .blog-post:hover .post-details * {
    color: #fff;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.blog-overlay-image .blog-category, .blog-overlay-image .blog-post .post-details .post-date, .blog-overlay-image .blog-post .post-details .post-read, .blog-overlay-image .blog-post .post-details .post-title {
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
}

.blog-overlay-image .blog-category {
    border-radius: 2px;
    padding: 6px 13px;
    border: 1px solid;
    text-transform: uppercase;
    display: inline-block;
    font-size: 11px;
    line-height: 14px;
}

.blog-overlay-image .blog-post:hover .blog-category {
    background: #232323;
    color: #fff !important;
    border-color: #232323 !important
}

.blog-overlay-image .blog-post .post-details .post-date {
    opacity: 0;
    margin-bottom: -20px;
    transform: scale(1, 0);
}

.blog-overlay-image .blog-post:hover .post-details .post-date {
    opacity: .75;
    margin-bottom: 15px;
    transform: scale(1, 1);
}

.blog-overlay-image .blog-post .post-details .post-read {
    opacity: 1;
    transform: scale(1, 1);
}

.blog-overlay-image .blog-post:hover .post-details .post-read {
    opacity: 0;
    transform: scale(1, 0);
}

.blog-overlay-image .blog-post:hover .post-details .post-title {
    margin-bottom: -20px;
    position: relative;
    z-index: 4
}

/* blog modern */

.blog-modern .blog-category {
    display: inline-block;
}

.blog-modern .blog-post:hover .blog-post-image img {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.blog-modern .blog-post {
    overflow: visible;
}

.blog-modern .blog-post-image {
    margin-bottom: 150px;
}

.blog-modern .post-details {
    position: absolute;
    bottom: -100px;
    left: 30px;
    width: calc(100% - 60px);
    box-shadow: 0 0 30px rgba(0, 0, 0, .08);
    -webkit-transition: all 0.5s cubic-bezier(0, 0, .2, 1);
    transition: all 0.5s cubic-bezier(0, 0, .2, 1);
}

.blog-modern .grid-item:hover .post-details {
    transform: translateY(-20px);
}

.blog-modern .grid-item:hover .post-details {
    box-shadow: 0 0 40px rgba(0, 0, 0, .08);
}

/* blog standard */

.blog-hover-btn * {
    transition-duration: 0.35s;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -ms-transition-duration: 0.35s;
}

.blog-hover-btn a {
    position: relative;
    padding-left: 19px;
}

.blog-hover-btn .blog-icon {
    position: absolute;
    left: 0;
    top: 2px;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
}

.blog-hover-btn .blog-icon-hover {
    opacity: 0;
    transform: translateY(10px);
    -moz-transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
}

.blog-hover-btn:hover .blog-icon {
    opacity: 0;
    transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
}

.blog-hover-btn:hover .blog-icon-hover {
    opacity: 1;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
}

/* blog widget */

.blog-widget {
    list-style: none;
    padding: 0;
    margin: 0;
}

.blog-widget li figure {
    height: auto;
    width: 140px;
    margin-bottom: 0;
}

.blog-widget li .media-body {
    line-height: normal;
    padding-left: 30px;
    position: relative;
    top: -1px;
}

.blog-post-image .blog-plus-icon {
    opacity: 0;
    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;
}

.blog-post:hover .blog-plus-icon {
    opacity: 1;
}

.blog-post-image .blog-rounded-icon {
    width: 46px;
    height: 46px;
    line-height: 48px;
    border: 1px solid;
    border-radius: 100%;
    text-align: center;
    opacity: 0;
    margin-top: 15px;
    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;
}

.blog-post:hover .blog-rounded-icon {
    opacity: 1;
    margin-top: 0;
}

.blog-image img {
    width: 100%;
}

.blog-text .blog-details-overlap {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 0;
    padding: 6px 20px 5px;
    white-space: nowrap;
}

.to-top {
    animation: toTop 0.3s linear forwards;
}

.to-right {
    animation: toRight 0.3s linear forwards;
}

.to-bottom {
    animation: toBottom 0.3s linear forwards;
}

.to-left {
    animation: toLeft 0.3s linear forwards;
}

/* sidebar */

.blog-left-side-bar .blog-content, .blog-right-side-bar .blog-sidebar {
    float: right;
}

.blog-left-side-bar .blog-sidebar, .blog-right-side-bar .blog-content {
    float: left;
}

.aside-title {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}

.aside-title span {
    padding: 2px 20px;
}

.shopping-left-side-bar .shopping-content, .shopping-right-side-bar .shopping-sidebar, .blog-left-side-bar .blog-content, .blog-right-side-bar .blog-sidebar {
    order: 13;
    -ms-flex-order: 13;
}

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

/* blog tag */

.blog-tag {
    font-size: 10px;
    padding: 6px 14px;
    text-transform: uppercase;
    margin-right: 3px;
    text-align: center;
    vertical-align: middle
}

.blog-tag:hover {
    border-color: #0038e3 !important;
    color: #fff;
    background-color: #0038e3;
}

.blog-tag:last-child {
    margin-right: 0;
}

.blog-auther-tag {
    font-size: 11px;
    line-height: 11px;
    padding: 5px 10px;
    text-transform: uppercase;
    position: absolute;
}

.blog-auther-tag:hover {
    border-color: transparent;
    color: #232323 !important;
    background-color: #fff;
}

/* blog category style 01 */

.blog-category-style-01 {
    overflow: hidden;
    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;
}

.blog-category-style-01 .blog-image {
    width: calc(100% + 50px);
    transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
    -moz-transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
    -webkit-transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
    -ms-transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
    transform: translate3d(-40px, 0, 0);
    -moz-transform: translate3d(-40px, 0, 0);
    -webkit-transform: translate3d(-40px, 0, 0);
    -ms-transform: translate3d(-40px, 0, 0);
}

.blog-category-style-01:hover .blog-image {
    width: calc(100% + 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.blog-category-style-01 img {
    transition-duration: 0.35s;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -ms-transition-duration: 0.35s;
}

.blog-category-style-01:hover img {
    opacity: 0.5;
    transition-duration: 0.35s;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -ms-transition-duration: 0.35s;
}

.blog-category-style-01 .blog-post-details {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.blog-category-style-01 .post-details {
    padding: 8px 22px
}

/* author */

.about-author-img {
    float: left;
    max-width: 100px;
    margin-right: 35px;
    margin-bottom: 15px;
}

.about-author-text {
    top: -5px;
}

.author-sharing a {
    margin-right: 15px;
    color: #737373;
}

.author-sharing a:hover {
    color: #000;
}

.alignnone {
    margin: 5px 30px 40px 0;
}

.aligncenter, div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 30px 40px;
}

.alignleft {
    float: left;
    margin: 5px 40px 30px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 40px 30px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #f7f7f7;
    padding: 17px;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, .1);
    max-width: 50%;
}

.wp-caption figcaption {
    padding: 18px 25px 0 25px;
}

.wp-caption img {
    width: 100%;
}

.wp-caption.alignnone {
    margin: 5px 30px 40px 0;
}

.wp-caption.alignleft {
    margin: 5px 40px 30px 0;
}

.wp-caption.alignright {
    margin: 5px 0 40px 30px;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 1;
}

/* blog comments */

.blog-comment li {
    padding-bottom: 65px;
    position: relative;
    list-style: none;
}

.blog-comment li .user-comment {
    overflow: hidden;
    flex: 1;
    max-width: 100%;
}

.blog-comment>li:first-child {
    padding-top: 0;
}

.blog-comment li:last-child {
    border-bottom: medium none;
    padding-bottom: 0;
}

.blog-comment li .blog-comment-box {
    padding: 40px 50px;
    border-radius: 10px;
}

.blog-comment li .btn-reply {
    float: right;
    font-size: 11px;
    line-height: initial;
    padding: 7px 16px 6px;
    border-radius: 50px;
    border: 1px solid rgba(43.9, 43.9, 43.9, 0.25);
    background-color: #ffffff;
}

.blog-comment li .btn-reply:hover {
    border-color: #0038e3;
    background: #0038e3;
    color: #fff;
}

.blog-comment li ul.child-comment {
    list-style: outside none none;
    margin-left: 70px;
}

.blog-comment li ul.child-comment li {
    margin-top: 60px;
    padding-bottom: 0;
}

/* sidebar latest post */

.latest-post-sidebar {
    list-style: none;
    padding: 0;
    margin: 0;
}

.latest-post-sidebar li {
    margin-bottom: 45px;
}

.latest-post-sidebar li:last-child {
    margin-bottom: 0;
}

.latest-post-sidebar li figure {
    height: 65px;
    width: 80px;
    margin: 0;
}

.latest-post-sidebar li .media-body {
    line-height: normal;
    padding-left: 30px;
    position: relative;
    top: -3px;
}

/* pagination style 01 */

.pagination-style-01 .page-link {
    border: 0;
    padding: 12px 5px;
    margin: 0 10px;
    background: transparent;
    color: #828282;
    min-width: 40px;
    text-align: center;
    border-radius: 100%
}

.pagination-style-01 .page-item:first-child .page-link, .pagination-style-01 .page-item:last-child .page-link {
    padding: 0;
}

.pagination-style-01 .page-item:last-child .page-link {
    margin-right: 0;
}

.pagination-style-01 .page-item:first-child .page-link:hover, .pagination-style-01 .page-item:last-child .page-link:hover {
    background: transparent;
    color: #232323;
    box-shadow: none
}

.pagination-style-01 .page-link:hover, .pagination-style-01 .active .page-link {
    background: #fff;
    color: #232323;
    box-shadow: 0 0 10px rgba(23, 23, 23, .15)
}

/* ===================================
    24. Shop
====================================== */

.product-box, .product-box .product-image {
    position: relative;
    overflow: hidden;
}

.product-box, .product-box .product-image img {
    width: 100%;
}

.product-image .product-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.product-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.product-image:hover .product-hover {
    opacity: 1;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.product-price del {
    margin-right: 8px
}

.product-box .product-hover-right {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.product-box:hover .product-hover-right {
    opacity: 1;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.product-image .hover-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    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;
}

.product-box:hover .hover-image {
    display: block;
    opacity: 1;
    visibility: visible;
}

.product-box:hover .default-image {
    opacity: 0 !important;
    visibility: hidden;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.product-box .product-hover-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.product-box:hover .product-hover-bottom {
    opacity: 1;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.product-box:hover .hover-img {
    opacity: 1;
}

.product-box .product-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.product-box:hover .product-overlay {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.product-box .move-top-bottom {
    opacity: 0;
    transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transition-property: transform, opacity;
    -moz-transition-property: transform, opacity;
    -webkit-transition-property: transform, opacity;
    -ms-transition-property: transform, opacity;
}

.product-box .move-bottom-top {
    opacity: 0;
    transform: translateY(15px);
    -moz-transform: translateY(15px);
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transition-property: transform, opacity;
    -moz-transition-property: transform, opacity;
    -webkit-transition-property: transform, opacity;
    -ms-transition-property: transform, opacity;
}

.product-box:hover .move-top-bottom, .product-box:hover .move-bottom-top {
    opacity: 1;
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
}

.product-box .move-left-right {
    opacity: 0;
    transform: translateX(-15px);
    -moz-transform: translateX(-15px);
    -webkit-transform: translateX(-15px);
    -ms-transform: translateX(-15px);
    transition-property: transform, opacity;
    -moz-transition-property: transform, opacity;
    -webkit-transition-property: transform, opacity;
    -ms-transition-property: transform, opacity;
}

.product-box .move-right-left {
    opacity: 0;
    transform: translateX(15px);
    -moz-transform: translateX(15px);
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transition-property: transform, opacity;
    -moz-transition-property: transform, opacity;
    -webkit-transition-property: transform, opacity;
    -ms-transition-property: transform, opacity;
}

.product-box:hover .move-left-right, .product-box:hover .move-right-left {
    opacity: 1;
    transform: translateX(0px);
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
}

.product-image .product-link-icon:nth-child(1), .product-image:hover .product-link-icon:nth-child(1) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.product-image .product-link-icon:nth-child(2), .product-image:hover .product-link-icon:nth-child(2) {
    -webkit-transition-delay: 0.05s;
    -moz-transition-delay: 0.05s;
    -o-transition-delay: 0.05s;
    transition-delay: 0.05s;
}

.product-image .product-link-icon:nth-child(3), .product-image:hover .product-link-icon:nth-child(3) {
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.product-image .product-link-icon:nth-child(4), .product-image:hover .product-link-icon:nth-child(4) {
    -webkit-transition-delay: 0.15s;
    -moz-transition-delay: 0.15s;
    -o-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

.product-image .product-link-icon:nth-child(5), .product-image:hover .product-link-icon:nth-child(5) {
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.tooltip-inner {
    font-size: 11px;
    padding: 4px 13px 5px;
    text-transform: uppercase;
    font-family: 'Poppins-Medium', sans-serif;
    font-weight: 500;
    border-radius: 2px;
}

.product-link-icon {
    position: relative;
    border-radius: 100%;
    background-color: #fff;
    color: #232323;
    display: inline-block;
    margin: 5px;
    height: 40px;
    width: 40px;
    line-height: 42px;
    box-shadow: 0 0 30px rgba(0, 0, 0, .2);
    text-align: center;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.product-link-icon:hover {
    color: #232323;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.product-link-icon i {
    margin: 0;
    font-size: 15px;
}

.product-badge {
    position: absolute;
    top: 25px;
    left: 25px;
    font-size: 10px;
    font-weight: 600;
    color: #fff;
    line-height: 11px;
    text-align: center;
    text-transform: uppercase;
    display: block;
    padding: 5px 8px;
    border-radius: 2px;
}

.product-badge.green {
    background-color: #21b375;
}

.product-badge.red {
    background-color: #f34a53;
}

.product-badge.orange {
    background-color: #f36e4a;
}

.product-image .product-hover-details a {
    background: #232323;
    bottom: -50px;
    left: 0;
    width: 100%;
    text-align: center;
    position: absolute;
    padding: 12px 0;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    z-index: 1;
}

.product-image .product-hover-details a:hover {
    color: #fff;
}

.product-image .product-hover-details a:after {
    content: "/";
    color: #545553;
    font-size: 11px;
    position: absolute;
    right: -5px;
    top: 2px;
}

.product-image .product-hover-details a:last-child:after {
    content: "";
}

.product-image .hover-img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
}

.product-box:hover .product-hover-details a {
    bottom: 0;
}

.product-box:hover .hover-img {
    opacity: 1;
    visibility: visible;
    transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
}

/* shop detail color */

.shop-color {
    display: inline-block;
}

.shop-color li {
    display: inline-block;
}

.shop-color li>input[type="radio"]+label span {
    height: 32px;
    width: 32px;
    border-radius: 100%;
    margin-right: 8px;
}

.shop-color li>input[type="radio"]+label span:after {
    line-height: 32px;
    font-size: 10px
}

.shop-color li>input[type="radio"]:checked+label span:after {
    color: #fff
}

/* shop detail size */

.shop-size {
    display: inline-block;
}

.shop-size li {
    display: inline-block;
}

.shop-size li>input[type="radio"]+label span {
    height: 32px;
    width: 32px;
    line-height: 30px;
    border-radius: 100%;
    background: #f7f7f7;
    border: 1px solid transparent;
    text-align: center;
    margin-right: 10px;
}

.shop-size li>input[type="radio"]:checked+label span {
    border: 1px solid rgba(35, 35, 35, .25);
    color: #232323
}

.shop-size li>input[type="radio"]+label span:after {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    content: "";
}

.shop-size li>input[type="radio"]:checked+label span:after {
    display: none;
}

/* shop category style 01 */

.shop-category-style-01 .shop-product, .shop-category-style-01 .shop-product-image {
    position: relative;
    overflow: hidden;
}

.shop-category-style-01 .shop-product-image .shop-product-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.shop-category-style-01 .shop-product .shop-product-content {
    position: absolute;
    bottom: 25px;
    left: 25px;
    width: calc(100% - 50px);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.shop-category-style-01 .shop-product-content a, .shop-category-style-01 .shop-product-content i {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.shop-category-style-01 .shop-product:hover .shop-product-content a, .shop-category-style-01 .shop-product:hover .shop-product-content i {
    color: #fff !important;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.shop-category-style-01 .shop-product:hover .shop-product-overlay {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.shop-category-style-01 .shop-product:hover .shop-product-content {
    background-color: #232323 !important;
    border-radius: 4px;
    bottom: 25px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.shop-category-style-01 .shop-product-image img {
    width: 100%;
}

/* shop category style 02 */

.shop-category-style-02 .shop-product-image {
    margin-right: -25px;
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: relative
}

.shop-category-style-02 .shop-product-image img {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.shop-category-style-02:hover .shop-product-image img {
    opacity: .3;
    padding: 15px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.shop-category-style-02 .shop-product-image .product-view-link {
    opacity: 0;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1) translate(-50%, -50%);
    -moz-transform: scale(1, 1) translate(-50%, -50%);
    -ms-transform: scale(1, 1) translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    top: 50%;
    left: 50%;
}

.shop-category-style-02:hover .shop-product-image a.product-view-link {
    opacity: 1;
    transform: scale(1.1, 1.1) translate(-50%, -50%);
    -webkit-transform: scale(1.1, 1.1) translate(-50%, -50%);
    -moz-transform: scale(1.1, 1.1) translate(-50%, -50%);
    -ms-transform: scale(1.1, 1.1) translate(-50%, -50%);
}

/* products details page */

.product-image-slider img {
    cursor: crosshair;
}

.product-images-box .slider-product-next, .product-images-box .slider-product-prev {
    width: 65px;
    height: 65px
}

/* other */

.cart-products td {
    color: #828282;
    vertical-align: middle;
    border-bottom: 1px solid #e4e4e4;
    border-top: 0;
    padding: 25px 10px;
    line-height: 28px;
}

.cart-products th {
    border-top: 0;
    border-bottom: 1px solid #e4e4e4 !important;
    padding: 15px 10px;
    font-weight: 500;
    text-transform: capitalize;
}

.cart-products .product-remove {
    width: 25px;
}

.cart-products .cart-product-image {
    max-width: 75px;
}

.cart-products .product-thumbnail {
    width: 110px;
}

.cart-products .product-name .variation {
    float: left;
    width: 100%;
}

.cart-products .product-name .variation .variation-Size {
    float: left;
    margin-right: .25em;
    display: inline-block;
    list-style: none outside;
    font-weight: normal;
}

.cart-products .product-name .variation .variation-Size p {
    margin: 0;
}

.quantity {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.qty-btn {
    width: 22px;
    height: 19px;
    line-height: 19px;
    border: 0;
    border-left: 1px solid #e8e8e8;
    padding: 0;
    margin: 0;
    position: absolute;
    background: transparent;
}

.qty-btn:focus {
    border: none;
    border-left: 1px solid #e8e8e8;
}

.qty-plus:focus {
    border: none;
    border-bottom: 1px solid #e8e8e8;
    border-left: 1px solid #e8e8e8;
}

.qty-minus {
    right: 1px;
    top: 20px;
    padding-left: 2px;
    border-radius: 0;
}

.qty-plus {
    top: 1px;
    right: 1px;
    border-bottom: 1px solid #e8e8e8;
    height: 20px;
    line-height: 20px;
    padding-left: 1px;
    border-radius: 0;
}

.qty-text {
    margin: 0;
    padding: 0 24px 0 0;
    width: 65px;
    line-height: 40px;
    height: 40px;
    outline: none;
    border-radius: 0;
    outline: none;
    text-align: center;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
}

.coupon-code-panel {
    position: relative;
}

.coupon-code-panel input {
    margin: 0;
    border: none;
    border: 1px dashed #e4e4e4;
    padding: 10px 70px 11px 45px;
    width: 100%;
    position: relative
}

.coupon-code-panel:before {
    position: absolute;
    content: "\e8bf";
    font-family: 'feather';
    position: absolute;
    left: 20px;
    z-index: 2;
    line-height: 44px
}

.coupon-code-panel .apply-coupon-btn {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #232323;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    text-transform: capitalize;
}

.cart-btn {
    position: relative;
    font-size: 12px;
    line-height: 20px;
}

.cart-btn:after {
    content: '';
    position: absolute;
    width: 90%;
    height: 2px;
    bottom: 0;
    left: 50%;
    background: #000;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.total-price-table td, .total-price-table th {
    border: none;
    border-bottom: 1px solid #e4e4e4;
    padding-top: 20px;
    padding-bottom: 20px;
}

.total-price-table tr:last-child th, .total-price-table tr:last-child td {
    border: none;
}

.total-price-table .calculate-shipping th .calculate-shipping-title {
    position: relative;
    color: #212529;
}

.total-price-table .calculate-shipping th .calculate-shipping-title:after {
    font-family: 'feather';
    content: "\e842";
    position: absolute;
    right: 0;
    top: 0;
    font-weight: 700;
}

.total-price-table .calculate-shipping th .calculate-shipping-title:hover {
    outline: none;
    color: #212529;
}

.price-filter.ui-widget.ui-widget-content {
    border-radius: 0;
    background-color: #dfdfdf;
    border: 1px solid #fff;
    height: 5px;
    margin: 25px 3px 30px 8px;
}

.price-filter .ui-slider-range {
    background-color: #232323;
    height: 3px;
}

.price-filter .ui-slider-handle {
    background-color: #fff;
    width: 13px;
    height: 13px;
    top: -5px;
    border: 1px solid #bbb;
    border-radius: 100%;
    cursor: ew-resize;
    outline: 0;
}

.price-filter-details .btn-filter {
    font-size: 10px;
    color: #101010;
    background-color: transparent;
    float: right;
    padding: 1px 12px;
    outline: none;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border: 1px solid #d6d6d6;
    line-height: 19px;
}

.price-filter-details .btn-filter:hover {
    color: #fff;
    background-color: #232323;
    border: 1px solid #232323;
}

.price-filter-details .price-filter-amount .price-amount {
    border: none;
    padding: 0;
    max-width: 115px;
    background-color: transparent;
}

/* ===================================
    25. Elements
====================================== */

/* client logo style 01 */

.client-logo-style-01 .client-box {
    position: relative;
    width: 100%;
    height: 100%;
    display: inline-block;
    z-index: 0;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    opacity: 1;
}

.client-logo-style-01 .client-box:hover {
    z-index: 10;
}

.client-logo-style-01 .client-box:before, .client-logo-style-01 .client-box:after {
    content: "";
    display: block;
    position: absolute;
    background: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    opacity: 1;
}

.client-logo-style-01 .client-box:before {
    width: calc(100% + 3px);
    height: calc(100% + 4px);
    z-index: 1;
    transition: height 1s ease, opacity .8s ease;
    -webkit-transition: height 1s ease, opacity .8s ease;
    -moz-transition: height 1s ease, opacity .8s ease;
    -ms-transition: height 1s ease, opacity .8s ease;
    -o-transition: height 1s ease, opacity .8s ease;
}

.client-logo-style-01 .client-box:after {
    height: calc(100% + 4px);
    width: 100%;
    z-index: 1;
    transition: width 1s ease, opacity .8s ease;
}

.client-logo-style-01 .client-box:hover:before {
    transition: height .2s ease, opacity .3s ease;
    -webkit-transition: height .2s ease, opacity .3s ease;
    -moz-transition: height .2s ease, opacity .3s ease;
    -ms-transition: height .2s ease, opacity .3s ease;
    -o-transition: height .2s ease, opacity .3s ease;
    height: calc(100% - 20px);
    opacity: .7;
}

.client-logo-style-01 .client-box:hover:after {
    transition: width .2s ease, opacity .3s ease;
    -webkit-transition: width .2s ease, opacity .3s ease;
    -moz-transition: width .2s ease, opacity .3s ease;
    -ms-transition: width .2s ease, opacity .3s ease;
    -o-transition: width .2s ease, opacity .3s ease;
    width: calc(100% - 20px);
    opacity: .8;
}

.client-logo-style-01 .client-box .client-box-image {
    z-index: 2;
    position: relative;
}

/* client logo style 02 */

.client-logo-style-02 .client-logo {
    opacity: 0.6;
    transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
}

.client-logo-style-02 .client-logo:hover {
    opacity: 1;
    transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
}

/* client logo style 03 */

.client-logo-style-03 img {
    filter: grayscale(1);
    transition-property: filter;
    -webkit-transition-property: filter;
    -moz-transition-property: filter;
    -ms-transition-property: filter;
    -o-transition-property: filter;
    transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
}

.client-logo-style-03 a:hover img {
    filter: grayscale(0);
    transition-property: filter;
    transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
}

/* client logo style 04 */

.client-logo-style-04 .client-box {
    position: relative;
    width: 100%;
    height: 100%;
    display: inline-block;
    z-index: 0;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
}

.client-logo-style-04 .client-box .client-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    transform: scale(0.8);
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
}

.client-logo-style-04 .client-box:hover .client-overlay {
    opacity: 1;
    transform: scale(1);
}

/* client logo style 05 */

.client-logo-style-05 a {
    display: block
}

.client-logo-style-05 a img {
    position: relative;
    top: 0;
    -webkit-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
    -moz-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
    -ms-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
    -o-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
    transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
}

.client-logo-style-05 a:hover img {
    transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
}

/* client logo style 06 */

.client-logo-style-06 .client-box {
    opacity: .5;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
}

.client-logo-style-06 .client-box:hover {
    opacity: 1;
    transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
}

/* client logo style 07 */

.client-logo-style-07 .client-logo {
    opacity: 1;
    -webkit-transition: all 0.4s cubic-bezier(0.2, 0, 0.3, 1);
    -moz-transition: all 0.4s cubic-bezier(0.2, 0, 0.3, 1);
    -ms-transition: all 0.4s cubic-bezier(0.2, 0, 0.3, 1);
    -o-transition: all 0.4s cubic-bezier(0.2, 0, 0.3, 1);
    transition: all 0.4s cubic-bezier(0.2, 0, 0.3, 1);
}

.client-logo-style-07:hover .client-logo {
    -webkit-filter: blur(2px);
    filter: blur(2px);
    opacity: .6;
}

.client-logo-style-07 .client-logo:hover {
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
}

/* interactive banner style 01 */

.interactive-banners-style-01 * {
    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;
}

.interactive-banners-style-01 {
    display: inline-block;
    float: none;
    border: 0;
    position: relative;
}

.interactive-banners-style-01 .interactive-banners-image {
    position: relative;
    overflow: hidden;
}

.interactive-banners-style-01 .interactive-banners-image img {
    width: 100%;
}

.interactive-banners-style-01 .interactive-banners-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.interactive-banners-style-01:hover .interactive-banners-hover {
    opacity: 1;
}

.interactive-banners-style-01 .interactive-banners-icon {
    width: 35px;
    height: 35px;
    line-height: 36px;
    border-radius: 100%;
    text-align: center;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -18px 0 0 0;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transition-property: transform, opacity;
    -moz-transition-property: transform, opacity;
    -webkit-transition-property: transform, opacity;
    -ms-transition-property: transform, opacity;
}

.interactive-banners-style-01:hover .rounded-icon {
    opacity: 1;
    transform: translateX(-18px);
    -moz-transform: translateX(-18px);
    -webkit-transform: translateX(-18px);
    -ms-transform: translateX(-18px);
}

.interactive-banners-style-01 .interactive-banners-title {
    opacity: 1;
    transform: translateY(35px);
    -moz-transform: translateY(35px);
    -webkit-transform: translateY(35px);
    -ms-transform: translateY(35px);
    transition-property: transform, opacity;
    -moz-transition-property: transform, opacity;
    -webkit-transition-property: transform, opacity;
    -ms-transition-property: transform, opacity;
}

.interactive-banners-style-01:hover .interactive-banners-title {
    opacity: 0;
    transform: translateY(70px);
    -moz-transform: translateY(70px);
    -webkit-transform: translateY(70px);
    -ms-transform: translateY(70px);
}

.interactive-banners-style-01 .interactive-banners-sub-title {
    opacity: 0;
    transform: translateY(70px);
    -moz-transform: translateY(70px);
    -webkit-transform: translateY(70px);
    -ms-transform: translateY(70px);
    transition-property: transform, opacity;
    -moz-transition-property: transform, opacity;
    -webkit-transition-property: transform, opacity;
    -ms-transition-property: transform, opacity;
}

.interactive-banners-style-01:hover .interactive-banners-sub-title {
    opacity: 1;
    transform: translateY(10px);
    -moz-transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
}

.interactive-banners-style-01 .scale {
    -moz-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.interactive-banners-style-01:hover .scale {
    -moz-transform: scale3d(1.1, 1.1, 1);
    -o-transform: scale3d(1.1, 1.1, 1);
    -ms-transform: scale3d(1.1, 1.1, 1);
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
}

.interactive-banners-style-01:hover img {
    opacity: .5
}

/* interactive banner style 02 */

.interactive-banners-style-02 .category-name {
    position: absolute;
    top: 40px;
    left: 50px;
    line-height: 14px;
    background: #fff;
    color: #232323;
    text-transform: uppercase;
    padding: 8px 15px;
    -webkit-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
    -moz-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
    -ms-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
    -o-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
    transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
}

.interactive-banners-style-02>a {
    position: relative;
    display: block;
}

.interactive-banners-style-02:hover .category-name {
    background: #232323;
    color: #fff;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}

.interactive-banners-style-02 .category-content {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px 50px 40px;
    width: 100%;
}

.interactive-banners-style-02 .interactive-banners-icon {
    opacity: 0;
    transform: translateY(10px);
    -moz-transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -webkit-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
    -moz-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
    -ms-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
    -o-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
    transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
}

.interactive-banners-style-02:hover .interactive-banners-icon {
    opacity: 1;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
}

/* interactive banner style 03 */

.interactive-banners-style-03 * {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.interactive-banners-style-03 {
    z-index: 0;
    position: relative;
}

.interactive-banners-style-03 .interactive-banners-image {
    width: 100%;
    height: 100%;
    left: 0;
    z-index: -1;
    opacity: 0;
    top: 0;
}

.interactive-banners-style-03:hover .interactive-banners-image {
    opacity: 1;
    -ms-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.interactive-banners-style-03:hover span a, .interactive-banners-style-03:hover i, .interactive-banners-style-03:hover h6 a, .interactive-banners-style-03:hover span {
    color: #fff !important;
}

.interactive-banners-style-03:hover .interactive-banners-name {
    border-color: #fff !important;
}

/* interactive banner style 04 */

.interactive-banners-style-04 .interactive-banners-content .btn {
    position: absolute;
    bottom: -30px;
    opacity: 0;
    margin: 0 auto;
    left: 0;
    right: 0
}

.interactive-banners-style-04 .interactive-banners-content:hover .btn {
    bottom: 0;
    opacity: 1
}

/* interactive banner style 05 */

.interactive-banners-style-05 * {
    -webkit-transition: all 0.4s cubic-bezier(0.2, 0, 0.3, 1);
    -moz-transition: all 0.4s cubic-bezier(0.2, 0, 0.3, 1);
    -ms-transition: all 0.4s cubic-bezier(0.2, 0, 0.3, 1);
    -o-transition: all 0.4s cubic-bezier(0.2, 0, 0.3, 1);
    transition: all 0.4s cubic-bezier(0.2, 0, 0.3, 1);
}

.interactive-banners-style-05 {
    position: relative;
    overflow: hidden;
}

.interactive-banners-style-05 .interactive-banners-content, .interactive-banners-style-05 .interactive-banners-overlayer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    transform: translateY(calc(100% - 130px));
    -webkit-transform: translateY(calc(100% - 130px));
    -moz-transform: translateY(calc(100% - 130px));
    -ms-transform: translateY(100%) translateY(-130px);
}

.interactive-banners-style-05:hover .interactive-banners-content, .interactive-banners-style-05:hover .interactive-banners-overlayer {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
}

.interactive-banners-style-05 .interactive-banners-content .interactive-banners-content-text {
    opacity: 0;
    visibility: hidden;
    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;
}

.interactive-banners-style-05:hover .interactive-banners-content .interactive-banners-content-text {
    opacity: 1;
    visibility: visible;
}

.interactive-banners-style-05 .overlayer-box {
    height: 0;
    z-index: -1;
}

.interactive-banners-style-05:hover .overlayer-box {
    height: 100%;
}

.interactive-banners-style-05:hover .section-link {
    transform: translateY(0);
}

.interactive-banners-style-05:hover .section-link {
    opacity: 0;
    transform: translateY(100%);
}

/* interactive banner style 06 */

.interactive-banners-style-06 {
    display: inline-block;
    position: relative;
}

.interactive-banners-style-06 .interactive-banners-text {
    -webkit-transform: translateX(20%);
    transform: translateX(20%);
    transition: -webkit-transform .3s cubic-bezier(.2, .95, .25, 1);
    transition: transform .3s cubic-bezier(.2, .95, .25, 1);
    transition: transform .3s cubic-bezier(.2, .95, .25, 1), -webkit-transform .3s cubic-bezier(.2, .95, .25, 1);
    -webkit-transform-origin: left center;
    transform-origin: left center;
}

.interactive-banners-style-06 a:hover .interactive-banners-text {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.interactive-banners-style-06 .interactive-banners-icon {
    -webkit-transform: scaleX(0) translateX(0);
    transform: scaleX(0) translateX(0);
    transition: -webkit-transform .3s cubic-bezier(.2, .95, .25, 1);
    transition: transform .3s cubic-bezier(.2, .95, .25, 1);
    transition: transform .3s cubic-bezier(.2, .95, .25, 1), -webkit-transform .3s cubic-bezier(.2, .95, .25, 1);
    -webkit-transform-origin: left center;
    transform-origin: left center;
}

.interactive-banners-style-06 a:hover .interactive-banners-icon {
    -webkit-transform: scaleX(1) translateX(-3.727em);
    transform: scaleX(1) translateX(0);
}

/* interactive banner style 07 */

.interactive-banners-style-07 .interactive-banners-box, .interactive-banners-style-07 .interactive-banners-box .interactive-banners-box-image {
    position: relative;
    overflow: hidden;
}

.interactive-banners-style-07 .interactive-banners-box-image .fancy-text-overlay, .interactive-banners-style-07 .interactive-banners-box .fancy-text-content, .interactive-banners-style-07 .interactive-banners-box img {
    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;
}

.interactive-banners-style-07 .interactive-banners-box .fancy-text-content {
    position: absolute;
    width: 100%;
    left: 0px;
    top: auto;
    z-index: 9;
    bottom: 25px;
    height: auto;
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
}

/* .interactive-banners-style-07 .interactive-banners-box:hover .fancy-text-content { transform: translateY(-50px); -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); } */

/* .interactive-banners-style-07 .interactive-banners-box .fancy-text-content span { opacity: 1; 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; } */

.interactive-banners-style-07 .interactive-banners-box:hover .fancy-text-content span {
    opacity: 0;
}

/* .interactive-banners-style-07 .interactive-banners-box .fancy-text-content .btn { opacity: 0; white-space: nowrap; transform: translateY(15px); -webkit-transform: translateY(15px); -moz-transform: translateY(15px); -ms-transform: translateY(15px); }
.interactive-banners-style-07 .interactive-banners-box:hover .fancy-text-content .btn { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); } */

.interactive-banners-style-07 .interactive-banners-box:hover img {
    opacity: .7
}

/* interactive banner style 08 */

.interactive-banners-style-08 .interactive-banners-box-image {
    position: relative;
    overflow: hidden;
    max-height: 300px;
}

.interactive-banners-style-08 .interactive-banners-box-image img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.interactive-banners-style-08:hover .interactive-banners-box-image img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.interactive-banners-style-08 .interactive-banners-box-image .btn {
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 44px;
    width: 44px;
    line-height: 40px;
    padding: 0;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.interactive-banners-style-08:hover .interactive-banners-box-image .btn {
    opacity: 1;
}

.interactive-banners-style-08 span {
    opacity: 1;
    transition-property: transform, opacity;
    -moz-transition-property: transform, opacity;
    -webkit-transition-property: transform, opacity;
    -ms-transition-property: transform, opacity;
    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;
}

/*.interactive-banners-style-08:hover span {*/
/*    opacity: 0;*/
/*}*/

.interactive-banners-style-08 .interactive-banners-box-sub-title {
    position: absolute;
    bottom: 0;
    width: 100%;
    opacity: 0;
    transform: translateY(20px);
    -moz-transform: translateY(20px);
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transition-property: transform, opacity;
    -moz-transition-property: transform, opacity;
    -webkit-transition-property: transform, opacity;
    -ms-transition-property: transform, opacity;
    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;
}

.interactive-banners-style-08:hover .interactive-banners-box-sub-title {
    opacity: 1;
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
}

.interactive-banners-style-08 .interactive-banners-box-hover {
    opacity: 0;
    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;
}

.interactive-banners-style-08:hover .interactive-banners-box-hover {
    opacity: 1;
}

/* interactive banner style 09 */

.interactive-banners-style-09 figure {
    position: relative;
    overflow: hidden;
}

.interactive-banners-style-09 figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.interactive-banners-style-09 .interactive-banners-content .interactive-banners-hover-icon {
    position: absolute;
    left: 60px;
    bottom: 60px;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    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;
}

.interactive-banners-style-09 figcaption:hover .interactive-banners-content .interactive-banners-hover-icon {
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    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;
}

.interactive-banners-style-09 .interactive-banners-hover-action {
    opacity: 0;
    position: absolute;
    bottom: -25px;
    height: 100%;
    width: 100%;
    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;
}

.interactive-banners-style-09 .interactive-banners-action-content {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    min-height: 75px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.interactive-banners-style-09 figcaption:hover .interactive-banners-hover-action {
    opacity: 1;
    bottom: 0;
    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;
}

.interactive-banners-style-09 figure img {
    -webkit-transition-duration: 2s;
    -moz-transition-duration: 2s;
    -ms-transition-duration: 2s;
    transition-duration: 2s;
}

.interactive-banners-style-09 figure:hover img {
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -moz-transform: scale(1.4);
    transform: scale(1.4);
    -o-transform: scale(1.4);
    -webkit-transition-duration: 4s;
    transition-duration: 4s;
}

.interactive-banners-style-09 .interactive-banners-overlay {
    opacity: 0;
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 100%;
    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;
}

.interactive-banners-style-09 figure:hover .interactive-banners-overlay {
    opacity: 1;
    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;
}

/* interactive banner style 10 */

.interactive-banners-style-10 figure {
    position: relative;
    margin-bottom: 0;
    height: 290px
}

@media (min-width: 314px) and (max-width: 339px) {
    .interactive-banners-style-10 figure {
        height: 340px
    }
}

@media (min-width: 340px) and (max-width: 399px) {
    .interactive-banners-style-10 figure {
        height: 390px
    }
}

@media (min-width: 400px) and (max-width: 499px) {
    .interactive-banners-style-10 figure {
        height: 490px
    }
}

@media (min-width: 500px) and (max-width: 575px) {
    .interactive-banners-style-10 figure {
        height: 590px
    }
}

.interactive-banners-style-10 figcaption {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 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;
}

.interactive-banners-style-10 figcaption a {
    top: -15px;
    position: relative
}

.interactive-banners-style-10 figure:hover figcaption {
    opacity: 1;
}

.interactive-banners-style-10 figure:hover figcaption a {
    top: 0
}

/* interactive banner style 11 */

.interactive-banners-style-11 .interactive-banners-box, .interactive-banners-style-11 .interactive-banners-box .interactive-banners-box-image {
    position: relative;
    overflow: hidden;
}

.interactive-banners-style-11 .interactive-banners-box-image .interactive-banners-text-overlay, .interactive-banners-style-11 .interactive-banners-box .interactive-banners-text-content, .interactive-banners-style-11 .interactive-banners-box .interactive-banners-box-image img {
    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;
}

.interactive-banners-style-11 .interactive-banners-box-image .interactive-banners-text-overlay {
    opacity: .3;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
}

.interactive-banners-style-11 .interactive-banners-box:hover .interactive-banners-text-overlay {
    opacity: .77;
}

.interactive-banners-style-11 .interactive-banners-box:hover .interactive-banners-box-image img {
    -webkit-filter: blur(3px);
    filter: blur(3px);
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.interactive-banners-style-11 .interactive-banners-box .interactive-banners-text-content {
    position: absolute;
    width: 100%;
    left: 0px;
    top: auto;
    z-index: 9;
    bottom: 0px;
    height: auto;
    transform: translateY(20px);
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
}

.interactive-banners-style-11 .interactive-banners-box:hover .interactive-banners-text-content {
    transform: translateY(-65px);
    -webkit-transform: translateY(-65px);
    -moz-transform: translateY(-65px);
    -ms-transform: translateY(-65px);
}

.interactive-banners-style-11 .interactive-banners-box .interactive-banners-text-content .btn {
    opacity: 0;
    transform: translateY(15px);
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -ms-transform: translateY(15px);
}

.interactive-banners-style-11 .interactive-banners-box:hover .interactive-banners-text-content .btn {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
}

/* interactive banner style 12 */

.interactive-banners-style-12 figure {
    margin: 0;
}

.interactive-banners-style-12 figure .interactive-banners-image {
    position: relative;
    overflow: hidden;
}

.interactive-banners-style-12 figure .interactive-banners-image img {
    transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
}

.interactive-banners-style-12 figure:hover img {
    opacity: 0.4;
}

.interactive-banners-style-12 figure .interactive-banners-details {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
}

.interactive-banners-style-12 figure .interactive-banners-details a {
    transform: scale(.9, .9);
    -webkit-transform: scale(.9, .9);
    -moz-transform: scale(.9, .9);
    -ms-transform: scale(.9, .9);
    -o-transform: scale(.9, .9);
    opacity: 0;
    transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
}

.interactive-banners-style-12 figure:hover .interactive-banners-details a {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    opacity: 1;
}

.interactive-banners-style-12 figure figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    transform: translateY(50%);
    transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
}

.interactive-banners-style-12 figure:hover figcaption {
    transform: translateY(30px);
    opacity: 0
}

/* interactive banner style 13 */

.interactive-banners-style-13 * {
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.interactive-banners-style-13 {
    overflow: hidden;
    position: relative;
}

.interactive-banners-style-13 .interactive-banners-content {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 35%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.interactive-banners-style-13 .interactive-banners-content .interactive-banners-title {
    margin-bottom: -20px;
}

.interactive-banners-style-13:hover .interactive-banners-title {
    margin-bottom: 10px;
}

.interactive-banners-style-13 .interactive-banners-content .interactive-banners-link {
    opacity: 0;
    transform: scale(1, 1);
}

.interactive-banners-style-13:hover .interactive-banners-link {
    opacity: 1;
    transform: scale(1, 1);
}

.interactive-banners-style-13 .interactive-banners-image {
    position: relative;
    left: 0;
    width: 75%;
}

.interactive-banners-style-13:hover .interactive-banners-image {
    left: -20%;
    filter: grayscale(100%);
    opacity: .8
}

/* interactive banner style 14 */

.interactive-banners-style-14 * {
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
}

.interactive-banners-style-14 figure {
    position: relative;
    overflow: hidden;
}

.interactive-banners-style-14 figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.interactive-banners-style-14 figcaption .hover-show-content {
    opacity: 0;
    visibility: hidden;
    margin-bottom: -40px;
}

.interactive-banners-style-14 figure figcaption .hover-content-detail {
    opacity: 0;
    min-height: 50px;
    height: 50px;
    overflow: hidden;
    -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
    transition: opacity 0.2s, transform 0.35s;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
}

.interactive-banners-style-14 figure:hover figcaption .hover-content-detail {
    height: auto;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
    opacity: 1;
    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;
}

.interactive-banners-style-14 figure:hover figcaption .hover-content {
    transform: translateY(-40px);
}

.interactive-banners-style-14 figure:hover figcaption .hover-show-content {
    opacity: 1;
    visibility: visible;
    margin: 0;
}

.interactive-banners-style-14 figure figcaption .overlayer-box {
    opacity: 0;
}

.interactive-banners-style-14 figure:hover figcaption .overlayer-box {
    opacity: .85;
}

.interactive-banners-style-14 figcaption .hover-action-btn {
    position: absolute;
    bottom: 40px;
    left: 0;
    width: 100%;
}

.interactive-banners-style-14 figure:hover figcaption .hover-action-btn {
    opacity: 0;
    visibility: hidden;
    transform: translateY(50px);
}

/* interactive list style */

.fullscreen-hover-list {
    max-height: 80vh;
    overflow: auto;
}

.fullscreen-hover-list .hover-list-item {
    display: table;
}

.fullscreen-hover-list .hover-list-item a {
    display: inline-block;
}

.fullscreen-hover-list .hover-list-item .fullscreen-hover-image {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.fullscreen-hover-list .hover-list-item.active .fullscreen-hover-image {
    opacity: 1;
    visibility: visible;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.fullscreen-hover-list .hover-list-item .interactive-title {
    display: inline-block;
    vertical-align: middle;
    padding: 25px 35px;
    color: transparent;
    -webkit-text-stroke: 2px #000;
    text-stroke: 2px #000;
    position: relative;
}

.fullscreen-hover-list.light .hover-list-item .interactive-title {
    color: #3e3e3e;
    -webkit-text-stroke: 2px #4e4e4f;
    text-stroke: 2px #4e4e4f;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    transition-duration: 0.5s;
}

.fullscreen-hover-list.light .hover-list-item:hover .interactive-title {
    color: #fff;
    -webkit-text-stroke: 0 #4e4e4f;
    text-stroke: 0 #4e4e4f;
    transition-duration: 0.5s;
    transition-timing-function: ease-in-out;
}

.fullscreen-hover-list .hover-list-item .interactive-title:after {
    content: attr(data-link-text);
    position: absolute;
    left: 35px;
    bottom: 25px;
    width: 0;
    height: calc(100% - 50px);
    -webkit-text-fill-color: #000;
    transition-duration: 0.4s;
    overflow: hidden;
    transition-timing-function: ease-in-out;
}

.fullscreen-hover-list.light .hover-list-item .interactive-title:after {
    -webkit-text-fill-color: #fff;
}

.fullscreen-hover-list .hover-list-item.active .interactive-title:after {
    width: calc(100% - 70px);
    transition-duration: 0.7s;
    transition-timing-function: ease-in-out;
}

.fullscreen-hover-list .hover-list-item .interactive-number {
    opacity: .3;
    display: inline-block;
    vertical-align: middle;
    transition-duration: 0.7s;
    transition-timing-function: ease-in-out;
}

.fullscreen-hover-list .hover-list-item.active .interactive-number {
    opacity: 1;
    transform: translateX(65px);
    transition-duration: 0.7s;
    transition-timing-function: ease-in-out;
}

.fullscreen-hover-list .hover-list-item .interactive-line {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 1px;
    margin-left: 35px;
    transition-duration: 0.7s;
    transition-timing-function: ease-in-out;
}

.fullscreen-hover-list .hover-list-item.active .interactive-line {
    transform: scale(0);
    opacity: 0;
    transition-duration: 0.7s;
    transition-timing-function: ease-in-out;
}

.fullscreen-hover-list .hover-list-item.active .interactive-title {
    color: #fff;
    -webkit-text-stroke: 0 #4e4e4f;
    text-stroke: 0 #4e4e4f;
}

.fullscreen-hover-list .hover-list-item .interactive-icon {
    vertical-align: middle;
    line-height: normal;
    font-size: 50px;
    position: relative;
    top: 6px;
    opacity: 0;
    visibility: hidden;
    transition-duration: .5s;
    transition-timing-function: ease-in-out;
}

/* services box style 01 */

.services-box-style-01 * {
    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;
}

.services-box-style-01 .services-box-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
}

.services-box-style-01:hover .services-box-hover {
    opacity: 1;
}

.services-box-style-01 .services-box-hover .services-icon {
    line-height: 50px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin: 0 5px;
    opacity: 0;
    transform: translateY(15px);
    -moz-transform: translateY(15px);
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
}

.services-box-style-01 .services-icon a {
    width: 44px;
    height: 44px;
    display: inline-block;
    vertical-align: middle;
    line-height: 46px;
    text-align: center;
    margin: 0 3px;
}

.services-box-style-01:hover img {
    transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    opacity: 0.5;
}

.services-box-style-01:hover .services-icon {
    transition-delay: .2s;
    opacity: 1;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
}

/* pie charts style 01 */

.pie-chart-style-01 {
    text-align: center;
    position: relative;
    width: auto;
    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;
}

.pie-chart-style-01 .percent {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

/* pie charts style 02 */

.pie-chart-style-02 {
    text-align: center;
    position: relative;
    width: auto;
    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;
}

.pie-chart-style-02 .percent {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

/* list style 01 */

.list-style-01 * {
    transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
}

.list-style-01 li {
    position: relative;
    padding: 12px 25px 14px 25px;
    z-index: 1;
    list-style: none;
}

.list-style-01 li i {
    position: absolute;
    top: 21px;
    left: 0;
    font-size: 14px;
    opacity: .7
}

.list-style-01 li .list-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: -1;
}

.list-style-01 li:hover .list-hover {
    opacity: 1;
}

.list-style-01 li:hover i {
    left: 25px;
    opacity: 1
}

.list-style-01 li:hover {
    padding: 12px 25px 14px 50px;
}

/* list style 02 */

.list-style-02 li {
    list-style: none;
    line-height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

.list-style-02 li i {
    line-height: 30px;
}

/* list style 03 */

.list-style-03 {
    list-style: none;
}

.list-style-03.light li {
    border-bottom: 1px solid rgba(255, 255, 255, .15);
}

.list-style-03 li {
    padding: 10px 0;
    border-bottom: 1px solid #e4e4e4;
}

.list-style-03 li:last-child {
    border-bottom: none;
}

/* list style 04 */

.list-style-04 li {
    padding: 10px 20px;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.list-style-04 li:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, .15);
    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;
}

/* list style 05 */

.list-style-05 {
    padding-left: 20px;
    text-align: left;
    margin-left: 10px;
}

.list-style-05 li {
    margin-bottom: 10px
}

/* list style 06 */

.list-style-06 li {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

.list-style-06 li i {
    font-size: 11px;
    margin: auto;
}

/* list style 07 */

.list-style-07 li {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
    line-height: 18px;
}

.list-style-07 li:last-child {
    margin-bottom: 0;
}

.list-style-07 li a {
    display: inline-block;
    text-align: left;
    color: black;
}

.list-style-07 li .item-qty {
    font-size: 14px;
    position: absolute;
    top: 1px;
    right: 0;
    text-align: right;
}

aside .list-style-07 li a:hover .product-cb:after, .list-style-07 li a.active .product-cb:after, aside .list-style-07 li a .product-cb:hover:after {
    font-family: "Font Awesome\ 5 Free";
    font-size: 8px;
    content: "\f00c";
    position: absolute;
    left: 3px;
    top: -1px;
    font-weight: 900;
    line-height: 16px;
}

.list-style-07 li a:hover {
    color: #0038e3;
}

.list-style-07.filter-category li, .list-style-07.filter-size li {
    padding: 0 30px;
}

.list-style-07.filter-category li a .product-cb, .list-style-07.filter-size li a .product-cb {
    width: 16px;
    height: 16px;
    border-radius: 0%;
    text-align: center;
    margin-right: 12px;
    display: inline-block;
    border: 1px solid #cacaca;
    background-color: #fff;
    position: relative;
    top: 4px;
}

.list-style-07.filter-category li a .product-cb.product-category-cb, .list-style-07.filter-size li a .product-cb.product-size-cb {
    position: absolute;
    top: 2px;
    left: 0;
    border-radius: 4px;
}

.list-style-07.filter-color li a .product-cb {
    width: 16px;
    height: 16px;
    text-align: center;
    margin-right: 12px;
    display: inline-block;
    border-radius: 100%;
    position: relative;
    top: 2px;
}

.list-style-07.filter-color li a:hover .product-cb:after {
    color: #fff;
    top: 0;
    left: 4px;
}

.list-style-07 li a.active .product-cb {
    background-color: #008e54;
    border-color: #008e54;
    color: white;
}

.list-style-07 li a:hover {
    color: black;
}

/* list style 08 */

.list-style-08 li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 28px 0;
}

.list-style-08 li:last-child {
    padding-bottom: 0;
}

.list-style-08 li .label-new, .list-style-08 li .label-hot {
    background-color: #70a967;
    display: inline-block;
    vertical-align: middle;
    padding: 2px 9px;
    font-size: 10px;
    line-height: 15px;
    color: #fff;
    text-transform: uppercase;
    margin-left: 10px;
    border-radius: 1px;
}

.list-style-08 li .label-hot {
    background-color: #d74a3a;
}

/* accordion style 01 */

.accordion-style-01 .panel .panel-heading {
    padding: 5px 0;
}

.accordion-style-01 .panel .panel-body {
    padding: 20px 15px 25px 7px;
}

/* accordion style 02 */

.accordion-style-02 .panel .panel-heading {
    border-bottom: 1px solid;
    padding: 15px 25px 15px 0;
    position: relative;
}

.accordion-style-02 .panel:last-child .panel-heading {
    border: none;
}

.accordion-style-02 .panel:last-child .panel-heading.active-accordion {
    border-bottom: 1px solid;
}

.accordion-style-02 .panel .panel-heading i {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.accordion-style-02 .panel .panel-body {
    padding: 30px 20px 30px 0;
}

/* accordion style 03 */

.accordion-style-03 .panel {
    padding-left: 32px;
    padding-right: 32px;
    margin-bottom: 22px
}

.accordion-style-03 .panel .panel-heading {
    padding: 18px 25px 18px 0;
    position: relative;
}

.accordion-style-03 .panel .panel-heading i {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.accordion-style-03 .panel .panel-body {
    padding: 0 20px 30px 0;
}

/* accordion style 04 */

.accordion-style-04 .panel {
    border-bottom: 1px solid;
    padding: 20px 30px;
}

.accordion-style-04 .panel:first-child {
    padding-top: 0;
}

.accordion-style-04 .panel:last-child {
    border: none;
    padding-bottom: 0;
}

.accordion-style-04 .panel-heading {
    position: relative;
}

.accordion-style-04 .panel .panel-time {
    min-width: 195px;
    display: inline-block;
}

.accordion-style-04 .panel .accordion-toggle {
    display: inline-block;
    width: calc(100% - 400px);
}

.accordion-style-04 .panel .panel-title i {
    position: absolute;
    right: 0;
    top: 8px;
    font-weight: 700;
}

.accordion-style-04 .panel .panel-speaker {
    display: inline-block;
}

.accordion-style-04 .panel .panel-body {
    margin-left: 199px;
    width: 38%;
    padding: 10px 0 7px;
}

/* accordion style 05 */

.accordion-style-05 * {
    -webkit-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
    -moz-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
    -ms-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
    -o-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
    transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
}

.accordion-style-05 .panel .panel-heading {
    border-bottom: 1px solid;
    padding: 15px 50px 15px 50px;
    position: relative;
}

.accordion-style-05 .panel .panel-heading.active-accordion {
    background-color: #1C101E;
    border-bottom-color: #1C101E !important;
    padding-top: 35px;
}

.accordion-style-05 .panel:last-child .panel-heading {
    border: none;
}

.accordion-style-05 .panel:last-child .panel-heading.active-accordion {
    border-bottom: 1px solid;
}

.accordion-style-05 .panel .panel-heading i {
    position: absolute;
    top: 50%;
    right: 35px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.accordion-style-05 .panel .panel-heading.active-accordion i {
    top: calc(50% + 10px);
}

.accordion-style-05 .panel .panel-body {
    padding: 0 90px 20px 50px;
}

.accordion-style-05 .panel .collapse.show, .accordion-style-05 .panel .collapsing {
    background-color: #1C101E;
}

.accordion-style-05 .panel .collapse.show .panel-body, .accordion-style-05 .panel .collapsing .panel-body {
    padding-bottom: 40px;
}

[id^="accordion-columns_accordion_image-block_"] ul {
    margin-left: 30px;
}

[id^="faqs-block_"] ul {
    margin-left: 30px;
}

/* time table */

.time-table .panel {
    border-bottom: 1px solid;
    padding: 35px 70px;
}

.time-table .panel-heading {
    position: relative;
}

.time-table .panel .panel-time {
    min-width: 210px;
    display: inline-block;
}

.time-table .panel .panel-body {
    margin-left: 0;
    width: calc(100% - 410px);
    padding: 10px 0 7px;
    display: inline-flex;
}

.time-table .panel .panel-speaker {
    display: inline-block;
}

.time-table .tab-content>.tab-pane {
    padding: 0 15px;
}

/* newsletter email */

.newsletter-email input {
    padding-right: 130px;
}

.newsletter-email .btn {
    position: absolute;
    line-height: 18px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    right: 0;
    border: 1px solid #b0b0b0;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    padding: 0 25px
}

/* newsletter style 01 */

.newsletter-style-01 .btn {
    position: absolute;
    top: 50%;
    border-radius: 0 100px 100px 0;
    right: 0px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 8px 24px;
    letter-spacing: inherit;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    height: 100%;
}

.newsletter-style-01 input {
    padding-right: 125px;
}

/* newsletter style 02 */

.newsletter-style-02 .btn {
    position: absolute;
    top: 50%;
    border-radius: 0;
    right: 0px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    letter-spacing: inherit;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.newsletter-style-02 input {
    padding-right: 145px;
}

/* newsletter style 03 */

.newsletter-style-03 .btn {
    position: absolute;
    top: 0;
    right: -1px;
    bottom: 0;
    border: 0;
    padding: 4px 18px;
    letter-spacing: inherit;
    overflow: hidden;
}

.newsletter-style-03 input {
    padding-right: 70px;
}

.newsletter-style-03 .medium-input+.btn {
    padding: 4px 18px;
}

.newsletter-style-03 .large-input+.btn {
    padding: 4px 23px;
}

/* newsletter style 04 */

.newsletter-style-04 .btn {
    position: absolute;
    top: 50%;
    border-radius: 0 6px 6px 0;
    right: 0px;
    border: 0 solid rgba(0, 0, 0, 0.1);
    padding: 8px 35px;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    height: 99%;
}

.newsletter-style-04 input {
    padding-right: 210px;
}

/* instagram */

.instafeed-grid {
    list-style: none;
    text-align: center;
}

.instafeed-grid figure {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
    border-radius: 3px;
}

.instafeed-grid figure a .insta-counts {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    background: rgba(35, 35, 35, 0.7);
    width: 100%;
    height: 100%;
    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;
}

.instafeed-grid figure a .insta-counts i {
    margin-right: 5px;
    margin-left: 5px;
    position: relative;
    display: block;
    font-size: 20px;
    color: #fff;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.instafeed-grid figure:hover a .insta-counts {
    opacity: 1
}

.instagram-follow-api .instagram-title {
    z-index: 1;
    white-space: nowrap;
    padding: 15px 30px;
    box-shadow: 0 0 35px rgba(23, 23, 23, .4)
}

/* sidebar instagram */

aside .instafeed-grid.gutter-small {
    margin-left: -5px;
    margin-right: -5px;
}

aside .instafeed-grid.gutter-very-small {
    margin-left: -3px;
    margin-right: -3px;
}

aside .instafeed-grid.gutter-medium {
    margin-left: -7px;
    margin-right: -7px;
}

aside .instafeed-grid.gutter-large {
    margin-left: -10px;
    margin-right: -10px;
}

aside .instafeed-grid.gutter-extra-large {
    margin-left: -15px;
    margin-right: -15px;
}

aside .instafeed-grid.gutter-double-extra-large {
    margin-left: -20px;
    margin-right: -20px;
}

/* feature box */
.svg-image svg {
    width: 65%;
    height: auto;
    /*filter: invert(38%) sepia(25%) saturate(2144%) hue-rotate(114deg) brightness(98%) contrast(103%);*/
    /*transition: filter 0.1s ease-in-out;*/
    fill: rgba(0, 142, 84, 1);
}



.feature-box:hover .svg-image svg,
.feature-box-icon:hover .svg-image svg,
.interactive-banners-style-05:hover .svg-image svg {
    z-index: 9999;
    /*filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(94deg) brightness(101%) contrast(102%);*/
    /*transition: filter 0.1s ease-in-out;*/
    fill: #ffffff;
}

.benefits-slider .feature-box .svg-image svg {
    width: 45%;
}

.benefits-slider .feature-box:hover .svg-image svg {
    fill: rgba(0, 142, 84, 0.7);
}

.benefits-slider .feature-box-icon {
    margin-bottom: 30px;
}


.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-left {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.feature-box.text-right {
    -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;
}

.feature-box.feature-box-light-hover:hover p, .feature-box.feature-box-dark-hover:hover p {
    opacity: .65
}

/* feature box icon hover */

.feature-box-icon-rounded {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.feature-box-icon-rounded i {
    position: relative;
    z-index: 1;
}

.feature-box-icon-rounded .feature-box-icon-hover {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.feature-box:hover .feature-box-icon-hover {
    opacity: 1;
}

.feature-box:hover .light i {
    color: #232323;
}

.feature-box:hover .dark i {
    color: #ffffff;
}

/* feature box show hover */

.feature-box.feature-box-show-hover .feature-box-move-bottom-top {
    width: 100%;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    overflow: hidden;
}

.feature-box.feature-box-show-hover:hover .feature-box-move-bottom-top {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
}

.feature-box.feature-box-show-hover .move-bottom-top {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
}

.feature-box.feature-box-show-hover:hover .move-bottom-top {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

/* feature box hide show hover */

.feature-box.feature-box-hide-show-hover .feature-box-move-bottom-top {
    width: 100%;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
    overflow: hidden;
}

.feature-box.feature-box-hide-show-hover:hover .feature-box-move-bottom-top {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
}

.feature-box.feature-box-hide-show-hover .move-bottom-top {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
}

.feature-box.feature-box-hide-show-hover:hover .move-bottom-top {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

.feature-box.feature-box-hide-show-hover:hover .feature-box-icon {
    opacity: 0;
}

/* feature box svg */

.feature-box-svg {
    position: relative;
}

.feature-box-svg i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

/* tab */

.nav-tabs {
    border: none;
}

.nav-tabs>li.nav-item {
    display: inline-block;
    float: none;
    margin: 0;
    padding: 0 20px;
}

.nav-tabs>li.nav-item>a.nav-link {
    border: none;
}

.nav-tabs>li.nav-item>a.nav-link {
    border-bottom: 1px solid transparent;
}

.nav-tabs>li.nav-item>a.nav-link.active, .nav-tabs>li.nav-item>a.nav-link.active:hover, .nav-tabs>li.nav-item>a.nav-link:hover {
    background: transparent;
    border-color: #222222;
    color: #222222;
    cursor: pointer;
}

.nav-tabs.nav-tabs-light>li.nav-item>a.nav-link.active, .nav-tabs.nav-tabs-light>li.nav-item>a.nav-link.active:focus, .nav-tabs.nav-tabs-light>li.nav-item>a.nav-link:focus, .nav-tabs.nav-tabs-light>li.nav-item>a.nav-link:hover {
    border-bottom: 1px solid #fff;
    color: #fff;
}


/* testimonials style 02 */

.testimonials-style-02 {
    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;
}

.testimonials-style-02:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, .07);
    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;
}

.testimonials-style-02 .testimonials-content {
    position: relative;
}

.testimonials-style-02 .testimonials-content p {
    line-height: 24px;
}

.testimonials-style-02 .testimonials-content .testimonials-rounded-icon {
    height: 75px;
    width: 75px;
    line-height: 71px;
    overflow: hidden;
    box-shadow: 0 0 25px rgba(0, 0, 0, .05);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transition: all 0.3s ease-in-out;
}

.testimonials-style-02 .testimonials-content .testimonials-rounded-icon i {
    line-height: inherit;
}

.testimonials-style-02:hover .testimonials-rounded-icon {
    transform: translate(-50%, -50%) scale(1.2);
    -webkit-transform: translate(-50%, -50%) scale(1.2);
    -moz-transform: translate(-50%, -50%) scale(1.2);
    -ms-transform: translate(-50%, -50%) scale(1.2);
}


.testimonial-grey .testimonials-style-02 {
    text-align: left !important;
    border: 4px solid #c9c9c9;
    padding: 40px;
}

.testimonial-grey .text-center {
    text-align: left !important;
}

.testimonial-grey .testimonials-content {
    padding-left: 0;
    padding-right: 0;
}

.testimonial-grey .person-name {
    font-weight: 700 !important;
    font-size: 1.5em;
}

.testimonial-grey .person-position {
    font-weight: 400 !important;
    font-size: 1.6em;
    margin-bottom: 40px;
}


.testimonial-grey .person-email, .testimonial-grey .person-phone {
    display: block;
    width: 100%;
    background: #ccc;
    border-radius: 3px;
    padding: 10px 0 10px 10px;
    margin: 10px 0;
    font-style: normal !important;
    font-size: .9em;
    font-weight: 500 !important;
}

.testimonial-grey .person-email a {
    color: #333 !important;
    font-weight: 600 !important;
}



/* vertical counter */

.vertical-counter {}

.vertical-counter-number {
    overflow: hidden;
    width: 100%;
    height: auto;
    font-family: 'deichmannextrabold';
}

.vertical-counter-number ul {
    text-align: center;
    margin: 0;
    padding: 0;
    transform: translateY(0);
    transition: 2s ease-in-out;
    list-style: none;
}

/* counter style 01 */

.counter-style-01 .counter {
    position: relative;
    display: inline-block;
}

.counter-style-01 .counter:after {
    position: absolute;
    content: "+";
    left: 100%;
    top: 0;
    margin-left: 5px;
}



/* 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;
}



/* simple_countdown block */

.vertical-counter .vertical-counter-number {
    font-size: 4rem;
    line-height: 2em;
}

/* countdown style 01 */

.countdown.countdown-style-01 .countdown-box {
    display: inline-block;
    text-align: center;
    padding: 0;
    float: none;
    margin: 0 40px;
}

.countdown.countdown-style-01 .countdown-box:first-child {
    margin-left: 0;
}

.countdown.countdown-style-01 .countdown-box:last-child {
    margin-right: 0;
}

.countdown.countdown-style-01 .number {
    font-size: 47px;
    text-align: center;
    font-weight: 600;
    line-height: 50px;
    color: #fff;
}

.countdown.countdown-style-01 span {
    display: block;
    font-size: 12px;
    text-align: center;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    margin-top: -2px;
    opacity: .5;
}

/* countdown style 02 */

.countdown.countdown-style-02 .countdown-box {
    display: inline-block;
    text-align: center;
    padding: 0;
    float: none;
    margin: 0;
    padding: 0 20px;
    position: relative;
}

.countdown.countdown-style-02 .countdown-box:after {
    content: ":";
    position: absolute;
    right: 0;
    top: 5px;
    font-size: 34px;
    opacity: .45;
}

.countdown.countdown-style-02 .countdown-box:last-child:after {
    display: none;
}

.countdown.countdown-style-02 .number {
    width: 90px;
    font-size: 47px;
    text-align: center;
    font-weight: 300;
    line-height: 50px;
    color: #232323;
}

.countdown.countdown-style-02 span {
    display: block;
    font-size: 12px;
    text-align: center;
    font-weight: 400;
    color: #828282;
    text-transform: uppercase;
    margin-top: -2px;
    opacity: 1;
}

/* countdown style 03 */

.countdown.countdown-style-03 .countdown-box {
    display: inline-block;
    text-align: center;
    padding: 0;
    float: none;
    margin: 0;
    padding: 0 20px;
    position: relative;
}

.countdown.countdown-style-03 .countdown-box:after {
    content: ":";
    position: absolute;
    right: 0;
    top: 18%;
    font-size: 34px;
    font-weight: 600;
    color: #232323;
}

.countdown.countdown-style-03 .countdown-box:last-child:after {
    display: none;
}

.countdown.countdown-style-03 .number {
    width: 80px;
    font-size: 38px;
    letter-spacing: -1px;
    text-align: center;
    font-weight: 600;
    line-height: 38px;
    color: #fff;
}

.countdown.countdown-style-03 span {
    display: block;
    font-size: 13px;
    text-align: center;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    margin-top: -2px;
    opacity: 1;
}

/* table style 01 */

.table-style-01 {
    width: 100%;
}

.table-style-01 table {
    width: 100%;
}

.table-style-01 td, .table-style-01 th {
    padding: 12px 10px;
    text-align: center;
}

.table-style-01 tr th:first-child, .table-style-01 tr td:first-child {
    padding-left: 20px;
    text-align: left;
}

/* table style 02 */

.table-style-02 {
    width: 100%;
}

.table-style-02 th, .table-style-02 td {
    border-bottom: 1px solid #e8e8e8;
    padding: 10px 15px;
}

.table-style-02 tr:last-child th, .table-style-02 tr:last-child td {
    border: 0;
}

.table-style-02 th {
    width: 150px;
}



/* image back offset shadow */

.image-back-offset-shadow {
    z-index: 1;
    opacity: 0;
    margin: 0;
    position: relative;
    display: inline-block;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.image-back-offset-shadow.active {
    opacity: 1;
}

.image-back-offset-shadow img {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.image-back-offset-shadow.active img {
    -webkit-transform: translate(12px, -12px);
    transform: translate(15px, -15px);
}

.image-back-offset-shadow .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.image-back-offset-shadow.active .overlay {
    -webkit-transform: translate(-9px, 9px);
    transform: translate(-9px, 9px);
}

.image-back-offset-shadow.position-right.active img {
    -webkit-transform: translate(10px, -20px);
    transform: translate(10px, -20px);
}

.image-back-offset-shadow.position-right .overlay {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.image-back-offset-shadow.position-right.active .overlay {
    -webkit-transform: translate(35px, 5px);
    transform: translate(35px, 5px);
}

/* ===================================
    26. Footer
====================================== */

footer .footer-logo img {
    max-height: 36px;
}

footer ul {
    padding-left: 0;
    list-style: none;
}

footer ul li {
    margin-bottom: 7px;
}

footer ul li:last-child {
    margin-bottom: 0;
}

footer .footer-top ul li.media {
    margin-bottom: 25px;
}

footer .footer-top ul li.media:last-child {
    margin-bottom: 0;
}

footer .instagram-follow-api ul li {
    margin-bottom: 0
}

footer .footer-horizontal-link li {
    margin-right: 35px;
    list-style: none;
    margin-bottom: 0
}

@media (max-width: 1199px) {
    footer .footer-horizontal-link li {
        margin-right: 16px !important;
        font-size: 14px;
    }
}

footer .footer-horizontal-link li:last-child {
    margin-right: 0
}

/* footer dark */

.footer-dark {
    color: #8890A4;
}

.footer-dark a:hover, .footer-dark a {
    color: #fff;
}

.footer-dark .footer-social a {
    color: #fff;
}

.footer-dark .footer-social a:hover {
    color: #8890A4;
}

/*footer sticky*/

.footer-sticky {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
}

/* scroll to top */

.scroll-top-arrow, .scroll-top-arrow:focus {
    background: #fff;
    font-size: 17px;
    line-height: 34px;
    box-shadow: 0 0 25px rgba(23, 23, 23, .25);
    display: none;
    height: 34px;
    width: 34px;
    padding: 0;
    position: fixed;
    right: 45px;
    text-align: center;
    text-decoration: none;
    bottom: 45px;
    z-index: 1029;
    border-radius: 100%;
}

.scroll-top-arrow:hover {
    background: #fff;
    color: #828282;
    box-shadow: 0 0 30px rgba(23, 23, 23, .4);
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
}

/* footer instagram feed */

footer .instafeed-grid.gutter-small {
    margin-left: -5px;
    margin-right: -5px;
}

footer .instafeed-grid.gutter-very-small {
    margin-left: -3px;
    margin-right: -3px;
}

footer .instafeed-grid.gutter-medium {
    margin-left: -7px;
    margin-right: -7px;
}

footer .instafeed-grid.gutter-large {
    margin-left: -10px;
    margin-right: -10px;
}

footer .instafeed-grid.gutter-extra-large {
    margin-left: -15px;
    margin-right: -15px;
}

footer .instafeed-grid.gutter-double-extra-large {
    margin-left: -20px;
    margin-right: -20px;
}

/* ===================================
    27. home and other pages
====================================== */

/* startup */

.home-startup .ares {
    background: rgba(0, 0, 0, 0.5);
    transition: 0.3s ease-in-out;
}

.home-startup .ares:before {
    color: #fff;
    font-family: 'feather' !important;
}

.home-startup .ares.tp-leftarrow, .home-startup .ares.tparrows.tp-leftarrow:before {
    content: "\e828";
    font-size: 19px;
}

.home-startup .ares.tp-rightarrow, .home-startup .ares.tparrows.tp-rightarrow:before {
    content: "\e829";
    font-size: 19px;
}

.home-startup .ares.tparrows:hover:before {
    color: #fff;
}

.home-startup .ares:hover {
    background: #008E54;
    color: #fff;
    border-color: #fff;
}

.home-startup .rs-btn:hover div, .home-startup .rs-btn:hover .fa-play {
    transition: 0.3s ease-in-out !important;
}

.home-startup .rs-btn:hover div {
    background: #fff !important;
}

.home-startup .rs-btn:hover .fa-play {
    color: #00B057 !important;
}

.home-startup .tp-mask-wrap {
    display: inline !important;
}

.home-startup .tp-bullet .tp-bullet-image, .home-startup .tp-bullet .tp-bullet-title {
    display: none !important;
}

.footer-startup.footer-light a:hover {
    color: #27ae60;
}


/* architecture */

.box-layout .navbar.navbar-boxed {
    padding-left: 75px;
    padding-right: 75px;
}

.architecture.fancy-text-box-style-01 .fancy-text-box:before, .architecture.fancy-text-box-style-01 .fancy-text-box:after {
    border-color: rgba(130, 130, 130, .2);
}

.home-architecture .metis.tparrows {
    width: 67px;
    height: 67px;
}

.home-architecture .metis.tparrows:before {
    font-family: 'feather' !important;
    font-size: 20px;
    padding-top: 3px;
}

.home-architecture .tparrows.tp-rightarrow {
    transform: matrix(1, 0, 0, 1, -67, -327) !important;
}

.home-architecture .tparrows.tp-leftarrow {
    transform: matrix(1, 0, 0, 1, -67, -260) !important;
}

.home-architecture .tparrows.tp-rightarrow:before {
    content: "\e829";
}

.home-architecture .tparrows.tp-leftarrow:before {
    content: "\e828";
}

.home-architecture .tparrows:hover {
    background: #23262d !important;
}

.home-architecture .tparrows:hover:before {
    color: white;
    transform: scale(1) !important;
}

.home-architecture-middle-text {
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

/* application */

.footer-application.footer-dark, .footer-application.footer-dark a {
    color: rgba(255, 255, 255, .5);
}

.footer-application.footer-dark a:hover {
    color: #fff;
}

.footer-application.footer-dark .footer-social a {
    color: #fff;
}

.footer-application.footer-dark .footer-social a:hover {
    opacity: .5;
}

.banner-bottom-right-images>img {
    bottom: -95px;
    position: relative;
}

/* features header pages */

.footer-dark-header.footer-dark, .footer-dark-header.footer-dark a, .footer-header-with-push.footer-dark, .footer-header-with-push.footer-dark a, .footer-hamburger-menu-modern.footer-dark, .footer-hamburger-menu-modern.footer-dark a, .footer-hamburger-menu-half.footer-dark, .footer-hamburger-menu-half.footer-dark a, .footer-left-menu-modern, .footer-left-menu-modern.footer-dark a, .footer-responsive-sticky, .footer-responsive-sticky.footer-dark a {
    color: #828282;
}

.footer-dark-header.footer-dark a:hover, .footer-header-with-push.footer-dark a:hover, .footer-hamburger-menu-modern a:hover, .footer-hamburger-menu-half a:hover, .footer-left-menu-modern a:hover, .footer-responsive-sticky a:hover {
    color: #fff;
}

/* what we offers */

.cd-headline.slide span b {
    border-top-width: 0px !important;
    border-left-width: 0px !important;
    border-right-width: 0px !important;
}

/* onepage */

.footer-onepage.footer-dark, .footer-onepage.footer-dark a {
    color: #828282;
}

.footer-onepage.footer-dark a:hover {
    color: #F4D956;
}

/* landing page */

.litho-parallax-bg {
    width: 870px;
}

.litho-landing-header .navbar-brand:after {
    background: rgba(130, 130, 130, .35);
    content: "";
    height: calc(100% - 18px);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
}

.customer-bg-section {
    position: absolute;
    left: -70px;
    bottom: 150px;
}

/* ===================================
    28. Others
====================================== */

/* outside box */

.outside-box-left {
    margin-left: -30vw;
}

.outside-box-right {
    margin-right: -30vw;
}

.outside-box-bottom {
    margin-bottom: -14vw;
}

/* outside box text */

.outside-box-text-left {
    margin-left: -50vw;
}

.outside-box-text-right {
    margin-right: -50vw;
}

/* contact form */

.required.error {
    border: 1px solid #ff0000 !important;
}

input[type="checkbox"].error {
    box-shadow: 0px 0px 0px 1px rgb(255 0 0), 1px 1px 0px 0px rgb(255 0 0);
}

.search-error {
    border: 1px solid red !important;
}

.search-form-box .search-error {
    border: 0 !important;
    border-bottom: 1px solid red !important;
}

.input-border-bottom.required.error {
    border-bottom: 1px solid #ff0000 !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important
}

.g-recaptcha.error iframe {
    border: 1px solid #ff0000;
}

.form-results {
    padding: 13px 20px;
    clear: both;
    width: 100%;
    margin-top: 20px;
    font-size: 14px;
    line-height: 22px;
    z-index: 2;
    max-width: 100%;
    flex: 0 0 100%;
    -ms-flex: 0 0 100%;
}

/* page loading */

@keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.loading {
    position: relative;
    opacity: 1 !important;
    transition: all 0s ease-in-out !important;
    -moz-transition: all 0s ease-in-out !important;
    -webkit-transition: all 0s ease-in-out !important;
    -ms-transition: all 0s ease-in-out !important;
    -o-transition: all 0s ease-in-out !important;
    z-index: 99;
}

.loading::after {
    background: none;
    content: "" !important;
    position: absolute;
    left: calc(50% - 10px) !important;
    top: calc(50% - 10px) !important;
    width: 20px !important;
    height: 20px !important;
    opacity: 1 !important;
    right: inherit !important;
    z-index: 9;
    text-align: center;
    border: 2px solid rgba(23, 23, 23, 0.2);
    border-top-color: rgba(23, 23, 23, 0.7);
    border-radius: 50%;
    animation: spin 1s linear infinite;
    -webkit-animation: spin 1s linear infinite;
}

.loading:before {
    content: "";
    background-color: rgba(255, 255, 255, .8) !important;
    position: absolute;
    right: 2px;
    top: 1px;
    width: calc(100% - 4px);
    height: calc(100% - 2px);
    border-radius: inherit;
    z-index: 1;
}

.loading.dark:before {
    background-color: rgba(0, 0, 0, .8) !important;
}

.loading.dark::after {
    border: 2px solid rgba(255, 255, 255, 0.2);
    border-top-color: rgba(255, 255, 255, 0.7);
}

.page-loader {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(255, 255, 255, 1) !important;
    opacity: 1 !important;
    transition: all 0s ease-in-out !important;
    -moz-transition: all 0s ease-in-out !important;
    -webkit-transition: all 0s ease-in-out !important;
    -ms-transition: all 0s ease-in-out !important;
    -o-transition: all 0s ease-in-out !important;
    z-index: 99999;
}

.page-loader::after {
    background: none;
    content: "" !important;
    position: absolute;
    left: calc(50% - 25px) !important;
    top: calc(50% - 25px) !important;
    width: 50px !important;
    height: 50px !important;
    opacity: 1 !important;
    right: inherit !important;
    z-index: 9;
    text-align: center;
    border: 2px solid rgba(23, 23, 23, 0.2);
    border-top-color: rgba(23, 23, 23, 0.7);
    border-radius: 50%;
    animation: spin 1s linear infinite;
    -webkit-animation: spin 1s linear infinite;
}

.grid-loading {
    overflow: hidden;
    position: relative;
    opacity: 1 !important;
    transition: all 0s ease-in-out !important;
    -moz-transition: all 0s ease-in-out !important;
    -webkit-transition: all 0s ease-in-out !important;
    -ms-transition: all 0s ease-in-out !important;
    -o-transition: all 0s ease-in-out !important;
    z-index: 99;
}

.grid-loading::after {
    background: none;
    content: "" !important;
    position: absolute;
    top: 100px !important;
    left: calc(50% - 25px) !important;
    width: 50px !important;
    height: 50px !important;
    opacity: 1 !important;
    right: inherit !important;
    z-index: 9;
    text-align: center;
    border: 3px solid rgba(23, 23, 23, 0.2);
    border-top-color: rgba(23, 23, 23, 0.7);
    border-radius: 50%;
    animation: spin 1s linear infinite;
    -webkit-animation: spin 1s linear infinite;
}

.grid-loading:before {
    content: "";
    position: absolute;
    right: 2px;
    top: 1px;
    width: calc(100% - 4px);
    height: calc(100% - 2px);
    border-radius: inherit;
    z-index: 1;
}

.grid-loading .grid-item {
    visibility: hidden;
}

.grid-loading li.grid-item {
    overflow: hidden;
    opacity: 0;
}

.grid-item.wow.animate__fadeIn.grid-item-padding {
    padding: 14px !important;
}

/*grid*/

.show-grid [class^="col-"] {
    background-color: #f5f5f5;
    border: 1px solid rgba(0, 0, 0, 0.2);
    margin-bottom: 15px;
    padding: 10px 0;
    text-align: center;
}

/* for internet explorer 11 */

@media screen\0 {
    .menu-logo-center .menu-logo {
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }

    /* image mask */
    .image-mask {
        background-image: none !important;
    }

    [class*="text-gradient-"] {
        background: inherit;
        -webkit-background-clip: inherit;
        -webkit-text-fill-color: inherit;
    }

    /* text gradient color */
    .text-gradient-magenta-orange {
        color: #e42464;
    }

    .text-gradient-magenta-orange-2 {
        color: #ec606c;
    }

    .text-gradient-purple-magenta {
        color: #502970;
    }

    .text-gradient-light-purple-light-orange {
        color: #b783ff;
    }

    .text-gradient-sky-blue-pink {
        color: #556fff;
    }

    .text-gradient-peacock-blue-crome-yellow {
        color: #36c1e1;
    }

    .text-gradient-peacock-blue-crome-yellow-2 {
        color: #5dcaa3;
    }

    .text-gradient-fast-blue-purple {
        color: #0039e3;
    }

    .text-gradient-tan-geraldine {
        color: #fb7f87;
    }

    .text-gradient-tussock-greenish-slate {
        color: #bf8c4c;
    }

    .text-gradient-light-purple-light-red {
        color: #bb85f9;
    }

    .text-gradient-light-brownish-orange-black {
        color: #e79e57;
    }

    .text-gradient-turquoise-green-yellowish {
        color: #3edfb6;
    }

    .text-gradient-red-violet-purple {
        color: #b93c90;
    }

    .text-gradient-fuego-turquoise {
        color: #0cd6a2
    }

    .text-gradient-orange-pink, .btn-link.text-gradient-orange-pink, a.text-gradient-orange-pink, a.text-gradient-orange-pink-hover:hover {
        color: #ff6557;
    }

    .text-gradient-deichmann-green {
        color: #008E54;
    }

    /* input size */
    input {
        line-height: normal;
    }

    .small-input {
        min-height: 44px;
        line-height: normal;
    }

    .medium-input, .medium-select select {
        min-height: 50px;
        line-height: normal;
    }

    .large-input {
        min-height: 57px;
        line-height: normal;
    }

    .newsletter-style-02 form {
        line-height: normal;
    }

    .alert-dismissible .close {
        height: 100%;
    }

    /* other */
    .blog-comment li .btn-reply {
        border: 1px solid #939393;
        line-height: normal;
    }

    .price-filter-details .price-filter-amount .price-amount {
        line-height: normal;
    }

    .coupon-code-panel input {
        line-height: normal;
    }

    .blog-post .blog-post-image img {
        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;
    }

    .portfolio-bordered .portfolio-box .portfolio-hover {
        left: 20px;
        top: 20px;
        width: calc(100% - 40px);
        height: calc(100% - 40px);
    }

    .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 {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    .instagram-follow-api {
        width: 100%;
    }

    .process-step-style-02 .process-step-item {
        width: 100%;
    }

    /* home branding agency */
    .drawing-animation-wrapper .drawing-animation {
        width: 100% !important;
        height: 100% !important;
    }

    .drawing-animation path, .drawing-animation circle, drawing-animation rect, .drawing-animation polygon, .drawing-animation ellipse {
        stroke-dasharray: inherit;
        stroke-dashoffset: inherit;
        -webkit-animation: drawing-animation 0s linear forwards;
        animation: drawing-animation 0s linear forwards;
    }

    .drawing-animation-wrapper svg {
        transform: scale(3.3) translateX(100px) !important;
    }

    /* shop category style 02 */
    .shop-category-style-02 .shop-product-image img {
        width: 100%;
    }

    /* tab style 01 */
    .tab-style-01 .nav-tabs>li.nav-item>a.nav-link:hover+.tab-border {
        opacity: 1;
        width: 100%;
        visibility: visible;
    }

    .parallax, .fix-background {
        background-position: top center !important;
        background-attachment: inherit !important;
    }
}

/* for retina */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
    .show-notify-popup .mfp-container {
        -webkit-animation-duration: 0.1s;
        -moz-animation-duration: 0.1s;
        -o-animation-duration: 0.1s;
        animation-duration: 0.1s;
    }
}

/* 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 drawing-animation {
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes drawing-animation {
    to {
        stroke-dashoffset: 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;
    }
}

/* cookie message */

.gdpr-wrapper {
    top: 0 !important;
    bottom: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(0, 0, 0, .8);
}

.gdpr-container {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 20px 20px;
}

.gdpr-container .gdpr-content {
    display: inline-block;
    margin-right: 20px;
}

.gdpr-container .btn {
    display: inline-block;
}

.job-search-style-02 {
    padding: 35px 15px;
    background-color: #f9f9f9;
}

.job-search-style-02 select {
    color: black;
}

a.hover {
    color: #008e54;
}

/* Job details */

.job-results-row {
    width: 100%;
    cursor: pointer;
    height: auto;
    background-color: #f8f8f8;
    padding: 10px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
    border-left: 5px solid #f8f8f8;
    border-radius: 2px;
}

.job-results-row .job-title-wrapper {
    width: 100%;
    margin-bottom: 10px;
}

.job-results-row .card-name {
    font-size: 16px;
    line-height: 24px;
    min-width: 180px;
    color: #000;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: initial;
    display: inline-block;
    font-weight: normal;
    border-bottom: 2px solid #008e54;
    margin-bottom: 0px;
}

.job-results-row .card-name a {
    color: #000;
    font-weight: 700;
    font-family: 'deichmann';
}

.job-results-row .card-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 20px;
    color: #000;
}

.job-results-row .details-arrow {
    margin-top: 18px;
}

.justify-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.job-results-row .card-info p {
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10px;
    padding-bottom: 8px;
    width: max-content;
}

.job-results-row .card-info p .logo-icon {
    margin-right: 15px;
}

.job-results-row .card-info .h-flexbox p:first-child {
    padding-right: 15px;
}

.job-results-row .card-info .h-flexbox p {
    margin-bottom: 0px;
}

.job-results-row .card-info p {
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10px;
    padding-bottom: 8px;
    width: max-content;
}

.results-placeholder {
    clear: both;
}

/* .job-results-row:hover {
    -webkit-box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
    border-left: 2px solid #008e54;
}

.job-results-row:hover .card-name {
border-bottom: none;
}

.job-results-row:hover .card-name a {
    color: #008e54;
} */

.job-results-row:hover {
    border-left-color: #008e54;
    transform: translateX(5px);
    box-shadow: 0px 4px 10px rgb(0 0 0 / 10%);
}

.tag-cloud {
    margin-bottom: 30px;
}

.tag-cloud a.selected-filter {
    background: #008e54;
    color: white;
}

.job-results-row .favourites-icon {
    position: absolute;
    margin-top: 5px;
    right: 5px;
    color: black;
    opacity: 0.7;
}

.favourites-icon:hover {
    opacity: 1;
    color: #008e54;
}

.favourites-icon.active {
    font-weight: bold;
    color: #008e54;
    opacity: 1;
}

.filter-category li.subcategory {
    margin-left: 30px;
}

.results-heading {
    clear: both;
}

/* JOB DETAILS PAGE */

.job-details .job-snapshot {
    background-color: #f7f7f7;
    padding: 20px;
}

.job-snapshot .svg-image {
    width: 35px;
    height: 35px;
}

.job-snapshot .media-body ul li {
    margin-left: 1rem;
}

.job-snapshot .svg-image>svg {
    width: 100%;
    height: 100%;
}

.job-property img {
    max-height: 50px;
    max-width: 50px;
    color: #008e54;
}

.job-property .media-body {
    line-height: 16px;
}

.job-property .media-body .job-property-heading {
    font-weight: 700;
    color: #008e54;
    padding-bottom: 6px;
}

.job-property .media-body .job-property-value {
    font-size: 90%;
    font-weight: 700;
    color: black;
}

.job-details .main-details ul {
    margin-top: 15px;
    margin-bottom: 10px;
    list-style: none;
}

.desc_subtitle1 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.desc_subtitle2 {
    margin-top: 25px;
    margin-bottom: 10px;
}

.job-details .main-details h1 {
    font-weight: 700;
    font-size: 2em;
    line-height: 36px;
}

.job-details .main-details p {
    line-height: 32px;
    font-size: 16px;
}

.job-details .main-details .main-desc ul li {
    padding-left: 20px;
    padding-top: 14px;
    line-height: 32px;
    font-size: 16px;
}

.job-details .main-details .main-desc ul li::before {
    content: "\2022";
    /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: red;
    /* Change the color */
    font-weight: bold;
    /* If you want it to be bold */
    display: inline-block;
    /* Needed to add space between the bullet and the text */
    width: 1em;
    /* Also needed for space (tweak if needed) */
    font-size: 30px;
    margin-left: -20px;
    position: absolute;
    color: #008e54;
}


.pdf-button {
    border: 1px solid #efefef;
    padding: 10px;
    width: 100%;
    display: inline-block;
}

.pdf-button i {

    margin-right: 20px;
}



/* DIRECTIONS MODAL */
#directions-map {
    width: 100%;
    height: 400px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.pac-container {
    z-index: 100000 !important;
}

.directions-result {
    font-size: 18px;
    font-weight: 600;
    margin-top: 30px;
    text-align: center;
}

#see-directions-link {
    text-align: center;
    display: none;
}

.bulk-email {
    text-align: right;
}

#confirmation-msg {
    border-color: #c3e6cb;
    background-color: #d4edda;
    color: #155724;
    border-radius: 0.25rem
}

#mail-error-msg {
    border-color: #902323;
    background-color: #f5d6d6;
    color: #ff5050;
    border-radius: 0.25rem
}

@media (max-width: 991px) {
    .show-directions-btn {
        float: left !important;
        margin-bottom: 20px;
    }
}

/* END DIRECTIONS MODAL */

.benefits .benefit i {
    font-size: 5em;
}

/* TESTIMONIALS BLOCK */

.testimonial .name {
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 10px;
}

.testimonial .job-title {
    font-weight: 700;
    font-style: italic;
    line-height: 18px;
}

.lg-hidden {
    display: none;
}

.lg-show {
    display: block;
}

.pickgradient {
    display: inline-block;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.65)), color-stop(100%, rgba(0, 0, 0, 0)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    /* IE10+ */
    background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 20%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
    /* IE6-9 */
}

.pickgradient img {
    position: relative;
    z-index: -1;
    display: inline-block;
    height: 480px;
    width: auto;
}

.header-banner-bg {
    height: 380px;
    width: 100%;
    background-size: cover;
}

/* For loading icon */

#cover-spin {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 9999;
    display: none;
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

#cover-spin::after {
    content: '';
    display: block;
    position: absolute;
    left: 45%;
    top: 40%;
    width: 40px;
    height: 40px;
    border-style: solid;
    border-color: black;
    border-top-color: transparent;
    border-width: 4px;
    border-radius: 50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}

/* PETROS ADDITIONS JOB-FILTERS */

.open-filters {
    display: none;
}

.job-results-row .right-col-info {
    float: right;
}

/* .show-favourites-btn {
    position: fixed;
    bottom: 40px;
    z-index: 100000;
    left: 50%;
    transform: translateX(-50%);
} */

.show-favourites-btn:hover {
    color: white;
    background-color: #008E54;
}

.jobs-pagination-row {
    padding-left: 15px;
    padding-right: 15px;
}

.jobs-pagination-row .slider-navigation .swiper-button-prev {
    left: 55px;
}

.jobs-pagination-row .slider-navigation .swiper-button-next {
    left: 815px;
}

/* The pagination for the jobs list and search form blocks */

.job-results-section .jobs-pagination-row .slider-navigation .swiper-button-prev {
    left: 12px;
}

/* The pagination for the main jobs searching page */

.page-template-page-job-listing .job-results-section .jobs-pagination-row .slider-navigation .swiper-button-prev {
    left: 55px;
}

.job-results-section .jobs-pagination-row .slider-navigation .swiper-button-next {
    left: calc(100% - 60px);
}

.job-snapshot .favourites-icon {
    float: right;
    bottom: -2px;
    text-align: right;
    cursor: pointer;
}

.show-favourites-btn {
    float: right;
    margin-top: 3px;
}

/*Featured_items_group block*/

.featured_items_group .feature-box-content .collapse:not(.show) {
    display: block;
    height: 80px !important;
    min-height: 80px;
    overflow: hidden;
}

.featured_items_group .feature-box-content .block-title {
    min-height: 60px;
}

.featured_items_group .feature-box-content .collapsing {
    min-height: 80px;
    height: 80px;
}

.featured_items_group .feature-box-content .collapse.show {
    min-height: 80px;
}

.featured_items_group .feature-box-content .cta-button {
    padding: 12px 20px;
}

.featured_items_group .feature-box-content a.collapse-link.collapsed::after {
    content: 'mehr';
}

.featured_items_group .feature-box-content a.collapse-link:not(.collapsed)::after {
    content: 'weniger';
}

.featured_items_group .feature-box-content a.collapse-link {
    font-size: 0.9em;
}

/* Job Search pagination */
.jobs-pagination-row {
    display: block;
}

.jobs-pagination-row .pagination-text {
    padding-top: 16px;
    margin-top: 16px;
    text-align: center;
}

/* Revolution Slider block */

.cta_revolution_slider {
    min-height: 100vh;
}

/* Background video section */
.bg-video-block .opacity-filter {
    z-index: 3;
}

.bg-video-block .section-content {
    z-index: 99;
}

/* Wp columns breakpoint */

@media (max-width: 989px) {
    .wp-block-columns {
        display: block !important;
    }
}

/* CTA Youtube Background */
.video-container {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.video-container::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.svg-hover {
    fill: #008e54;
}

.svg-hover:hover {
    fill: #fff;
}

.max-width-600 {
    max-width: 600px;
    margin: auto;
}

.height-46px {
    height: 46px !important;
    overflow: hidden;
}

.height-70px {
    height: 68px !important;
    overflow: hidden;
}

.one-slide {
    display: none;
}

.two-slides {
    display: none;
}

.three-slides {
    display: none;
}

@media (max-width: 991px) {
    .two-slides {
        display: flex !important;
    }
}

@media (max-width: 1199px) {
    .three-slides {
        display: flex !important;
    }
}

/* JOB ALERT MODAL */
.job-alert-buttons-wrap {
    margin-top: 40px;
}

@media (min-width: 441px) {
    .job-alert-buttons-wrap {
        display: flex;
    }
}

.job-alert-left-button {
    margin: 0 10px 0 auto;
}

.job-alert-right-button {
    margin: 0 auto 0 10px;
}

@media (max-width: 440px) {
    .job-alert-left-button {
        margin: auto;
    }

    .job-alert-right-button {
        margin: 10px auto 0 auto;
    }
}

/* CTA REVOLUTION SLIDER */
.two-buttons-12 {
    display: flex;
}

@media (max-width: 910px) {
    .two-buttons-12 {
        display: block;
    }
}

.fit-content {
    width: 100%;
}

/* CTA BG YOUTUBE*/
.youtube-block-decoration {
    cursor: text !important;
    text-Decoration: none !important;
}

.youtube-block-text {
    position: absolute;
    width: 100%;
    top: 30%;
}

.youtube-block-hide-text {
    display: block;
}

@media (max-width: 399px) {
    .youtube-block-text {
        top: 30%;
    }

    .youtube-block-hide-text {
        display: none;
    }
}

/* CTA OWL SLIDER*/

.owl-slider-section {
    height: 100vh !important;
}

/* Improving the Owl Slider Cummulative Layout Shift */
.owl-carousel {
    display: block;
}

.owl-carousel .owl-slide:not(:first-child) {
    display: none;
}

.owl-carousel img {
    width: 100%;
}

/* END OF Improving the Owl Slider CLS */

header .item {
    height: 100vh;
    position: relative;
}

header .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

header .item .cover {
    padding: 75px 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(35, 35, 35, 0.5);
    display: flex;
    align-items: center;
}

header .item .cover .header-content {
    position: relative;
    padding: 15px;
    overflow: hidden;
}

header .item .cover .header-content .line {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    border: 9px solid #000;
    -webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
    clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
}

header .item .cover .header-content h2 {
    font-family: 'deichmannlight', sans-serif;
    font-weight: 300;
    font-size: 28px;
    font-size: 2rem;
    line-height: 42px;
    line-height: 3rem;
    color: #fff;
    text-align: center;
    max-width: 950px;
    margin: 0 auto 40px auto;
}

header .item .cover .header-content h1 {
    font-family: 'deichmannextrabold';
    font-size: 42px;
    font-size: 3rem;
    font-weight: 600;
    margin: 5px 0 20px;
    word-spacing: 3px;
    color: #fff;
    text-align: center;
    line-height: 49px;
    line-height: 3.5rem;
    max-width: 950px;
    margin: 0 auto 40px auto;
    text-shadow: 0 0 50px rgba(0, 0, 0, 0.9);
}

header .item .cover .header-content h4 {
    font-family: 'deichmannlight', sans-serif;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 36px;
    color: #fff;
    text-align: center
}

header .owl-item.active h1 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.3s;
}

header .owl-item.active h2 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.3s;
}

header .owl-item.active h4 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 0.3s;
}

header .owl-item.active .line {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInLeft;
    animation-delay: 0.3s;
}

header .owl-nav .owl-prev {
    position: absolute;
    left: 15px;
    top: 43%;
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    background-color: #fff !important;
    width: 40px;
    cursor: pointer;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 1000;
    border-radius: 30px;
    padding: 30px !important;
}

header .owl-nav .owl-prev {
    font-size: 1.6875rem;
    color: #000;
    width: 60px;
    height: 60px;
}

header .owl-nav .owl-prev:focus {
    outline: 0;
}

header .owl-nav .owl-prev:hover {
    background: #008E54 !important;
    color: #fff !important;
}

header .owl-nav .owl-next {
    position: absolute;
    right: 15px;
    top: 43%;
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    background-color: #fff !important;
    width: 40px;
    cursor: pointer;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 1000;
    border-radius: 30px;
    padding: 30px !important;
}

header .owl-nav .owl-next {
    font-size: 1.6875rem;
    color: #000;
    width: 60px;
    height: 60px;
}

header .owl-nav .owl-next:focus {
    outline: 0;
}

header .owl-nav .owl-next:hover {
    background: #008E54 !important;
}

header:hover .owl-prev {
    left: 20px;
    opacity: 1;
}

header:hover .owl-next {
    right: 20px;
    opacity: 1;
}

.cover {
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}

.home-startup .ares::before {
    color: #a6a6a6;
}

.right-button-margin-left {
    margin-left: 6px
}

.left-button-margin-right {
    margin-right: 6px
}

.button-margin-right {
    margin-right: 0px;
}

.button-margin-left {
    margin-left: 0px;
}

.button-margin-top {
    margin-top: 10px;
}

@media (min-width: 1199px) {
    .button-margin-right {
        margin-right: 6px;
    }

    .button-margin-left {
        margin-left: 6px;
    }

    .button-margin-top {
        margin-top: auto;
    }
}

.simple-button-margin-right {
    margin-right: 0px;
}

.simple-button-margin-left {
    margin-left: 0px;
}

.simple-button-margin-top {
    margin-top: 10px;
}

.contact-accordion-image-button {
    margin-top: 10px;
}

.contact-margin-top-button {
    margin-top: 10px;
}

@media (min-width: 992px) {
    .simple-button-margin-right {
        margin-right: 6px;
    }

    .simple-button-margin-left {
        margin-left: 6px;
    }

    .simple-button-margin-top {
        margin-top: auto;
    }
}

@media (max-width: 991px) {
    .contact-accordion-image-button {
        margin: 10px auto auto auto;
    }
}

@media (max-width: 910px) {
    .right-button-margin-left {
        margin-left: 0
    }

    .left-button-margin-right {
        margin-right: 6px
    }
}

.owl-carousel .owl-item img {
    -webkit-transform-style: flat;
    -moz-transform-style: flat;
    -ms-transform-style: flat;
    -o-transform-style: flat;
    transform-style: flat;
}

/* note TinyMCE admin */
.green-bold, .green-bold strong, .green-bold strong {
    color: #008e54 !important;
}

.mce-content-body ul, .mce-container ul, .wp-editor-container ul, .mce-edit-area.mce-container.mce-panel.mce-stack-layout-item ul {
    margin-left: 40px !important;
    list-style: disc !important;
}

/* note TinyMCE admin */

.play-stop {
    position: unset;
}

@media (max-width: 991px) {
    .play-stop {
        height: 100%;
        position: absolute;
        top: 0;
        width: 100%;
        left: 0;
        opacity: 0
    }
}

#header_lng ul {
    margin-top: 8px;
    float: left;
}

#header_lng ul li {
    float: left !important;
    width: 36px;
    display: inline-block;
    margin: 0 5px;
}

@media (max-width: 991px) {
    #header_lng ul {}
}

/* EVENTS SEARCH */
.interactive-banners-style-10:hover {
    background: white;
    box-shadow: 0 16px 64px -16px rgb(46 55 77 / 24%);
}

.interactive-banners-style-10 {
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.interactive-banners-style-10 .post-details a {
    line-height: 22px;
    margin-bottom: 10px;
    cursor: pointer;
}

.padding-left-0 {
    padding-left: 0 !important;
}

.padding-lr-tb {
    padding: 0 20px 15px 20px
}

.form-check-label {
    margin-left: 6px
}


/* Events Search Block */
/* tabs-block style */

.events-block .nav.nav-tabs .nav-item a.active {
    font-weight: bold;
    color: #008e54;
    border-bottom: 3px solid !important;
    width: 106px;
    margin: auto;
}

.events-block .nav.nav-tabs .nav-item a:hover {
    font-weight: bold;
    color: #008e54;
    border-color: #008e54;
    cursor: pointer;
    background: transparent;
    border-bottom: 3px solid !important;
    width: 106px;
    margin: auto;
}

.interactive-banners-style-10:hover {
    background: white;
    box-shadow: 0 16px 64px -16px rgb(46 55 77 / 24%);
}

.interactive-banners-style-10 {
    padding-bottom: 20px;
    margin-bottom: 30px;
    box-shadow: 0 16px 64px -16px rgb(46 55 77 / 10%);
}

.interactive-banners-style-10 .post-details a {
    line-height: 22px;
    margin-bottom: 10px;
    cursor: pointer;
}

.post-details.padding-lr-tb.margin-40px-top.sm-margin-20px-top.display-grid {
    height: 150px;
}

a.text-extra-dark-gray.font-weight-600.alt-font.d-block {
    height: 50px;
}

.events-block .badge {
    background: black;
    color: white;
    margin-bottom: 10px;
    max-width: 30%;
    padding: 0.4em 0.5em 0.4em 0.4em;
}

#no-results-heading {
    width: 100%;
    text-align: center;
    font-size: 1.2em;
}

.calendly-inline-widget {
    height: 660px !important;
}

.bell-svg {
    fill: #008E54
}

.modal-tag-x {
    margin: -20px 0;
}

.job-alert-unsubscribe-text {
    text-align: center;
    font-size: 18px;
    height: 150px
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #c3e6cb;
    /* Green */
    background-color: #d4edda;
    color: #155724;
    border-radius: .25rem;
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
    border-color: #f5c6cb;
    /* Red */
    background-color: #f8d7da;
    color: #721c24;
    border-radius: .25rem;
}

.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ffeeba;
    /* Yellow */
    background-color: #fff3cd;
    color: #856404;
    border-radius: .25rem;
    width: 22% !important;
}

.wpcf7 form.invalid .wpcf7-response-output {
    display: none;
}

.person-block-body {
    max-width: 700px;
    margin: auto;
}

#wizard .actions ul {
    width: 100%;
}

#wizard.wizard.vertical>.actions {
    /*  padding: 0 2.5%; */
    padding: 0;
}

.job-application-form {
    background-color: #f7f7f7;
    padding: 50px;
}

@media (max-width: 768px) {

    .job-application-form {
        padding: 70px 20px;
    }

    .preview-step label {
        font-weight: bold;
    }

}

.sidebar-bg {
    background-color: #f7f7f7;
    padding: 30px 0 !important;
}


.sticky-sidebar {
    position: fixed;
    top: 150px;
    width: 270px;
    z-index: 100;
    transition-duration: 0.5s;
    transition-timing-function: linear;

}

.hide-col-992 {
    display: block;
}

@media (max-width: 1199px) {

    .hide-col-992 {
        display: none;
    }

}

.multisteps-form__progress {
    padding-top: 0;
}

@media (max-width: 991px) {
    .sticky-sidebar {
        top: 50px;
        padding: 30px 20px 0 0px;
    }

    .multisteps-form__progress {
        margin: 0 0 0 -30px;
        background-color: #fff
    }

    .multisteps-form__progress-btn {
        margin-left: 20px;
        padding-bottom: 30px !important;
    }
}

#save-load-btn-area {
    padding: 0 2.5%
}

/* MODIFY CSS */

.progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem;
}

.wizard-topper .wizard-progress .progress {
    height: 27px;
    padding: 2px;
    position: relative;
    border-radius: 80px;
    border: 2px solid #e3e3e3;
    background-color: transparent;
}

.wizard-topper .wizard-progress .progress .progress-bar {
    top: 2px;
    left: 2px;
    width: 20%;
    height: 18px;
    position: absolute;
    border-radius: 80px;
    background-color: #008e54;
}

.progress-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    background-color: #007bff;
    transition: width .6s ease;
}

.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: "";
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir=rtl] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
    margin: auto;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}





.form-control:focus,
button:visited,
button.active,
button:hover,
button:focus,
input:visited,
input.active,
input:hover,
input:focus,
textarea:hover,
textarea:focus,
a:hover,
a:focus,
a:visited,
a.active,
select,
select:hover,
select:focus,
select:visited {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
    color: inherit;
}

.form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.relative-position {
    position: relative;
}



.pb-100 {
    padding-bottom: 100px;
}

.pb-200 {
    padding-bottom: 200px;
}

.mb-60 {
    margin-bottom: 60px !important;
}

.mb-85 {
    margin-bottom: 85px !important;
}

.mt-60 {
    margin-top: 60px !important;
}

.wizard-forms {
    padding: 90px 180px;
}

.section-padding {
    padding: 90px 60px;
}

.wrapper {
    margin: 50px auto;
    max-width: 1680px;
    background-color: #f5f7f8;
    -webkit-box-shadow: 0px 5px 65px 0px rgba(0, 0, 0, 0.29);
    box-shadow: 0px 5px 65px 0px rgba(0, 0, 0, 0.29);
}

.boxed-version {
    max-width: 1400px;
    margin: auto;
}

.dark-version.dark-version {
    background-color: #1a1a1a;
}

.dark-version.dark-version label, .dark-version.dark-version p, .dark-version.dark-version span {
    color: #fff !important;
}

.dark-version.dark-version button, .dark-version.dark-version input, .dark-version.dark-version optgroup, .dark-version.dark-version select, .dark-version.dark-version textarea, .dark-version.dark-version .wrapper {
    background-color: #1a1a1a !important;
}

.steps-area-fixed.steps-area-fixed {
    position: fixed;
    width: 25%;
}

.inner {
    width: 100%;
    height: auto;
}

/* ============================================================================ */
/*   step
  /* ============================================================================ */
.steps {
    background-color: #fff;
    background-size: cover;
    margin: 127px 0 0 0;
}

.steps ul {
    padding-left: 20px;
}

[id^="wizard-t"] {
    white-space: nowrap;
    line-height: 6.5 !important;
    margin: 50px 0 0 0;
}

.current-info.audible {
    display: none;
}

.steps li {
    position: relative;
    list-style-type: none;
}

.steps li:before {
    content: "";
    top: 55px;
    width: 240px;
    left: 0px;
    height: 25px;
    color: #5065ca;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.5;
    position: absolute;
}

.steps li:after {
    top: 6px;
    left: 12px;
    z-index: 0;
    color: #fff;
    font-size: 22px;
    content: "\2713";
    font-weight: 900;
    position: absolute;
    font-family: "Font Awesome 5 Free";
}

.steps li a {
    width: 45px;
    color: #fff;
    height: 45px;
    font-size: 16px;
    font-weight: 700;
    line-height: 45px;
    border-radius: 50%;
    position: relative;
    text-align: center;
    display: inline-block;
    border: 2px solid #ababab;
}

.steps li a:after {
    width: 3px;
    left: 17px;
    content: "";
    height: 30px;
    bottom: -45px;
    position: absolute;
    background-color: #ababab;
    display: block;
}

.title-and-progress-bar {
    position: sticky;
    position: -webkit-sticky;
    top: 0
}

@media (max-width: 1199px) {
    .steps li a:after {
        display: none;
    }

    .steps li:after {
        top: 36px;
    }

    .wizard.vertical>.steps {
        display: none;
    }

    .title-and-progress-bar {
        position: fixed;
        background-color: #fff;
        padding: 10px 15px;
        left: 0;
        right: 0;
        z-index: 3000;
    }
}


.steps li .number {
    display: none;
}

.steps li.first a {
    border: 2px solid #008e54;
}

.steps li.last a:after {
    display: none;
}

.steps li.checked:after, .steps li.current:after {
    color: #008e54;
    left: 12px
}

.steps li.checked:before, .steps li.current:before {
    color: #fff;
}

.steps li.checked a, .steps li.current a {
    border: 2px solid #fff;
}

.steps li.checked a:after, .steps li.current a:after {
    background-color: #fff;
}

.line {
    width: 495px;
    height: 3px;
    left: 28.4%;
    height: 3px;
    background: #f1f1f2;
    position: relative;
    top: 0px;
    margin: 5px 0;
}

.line.line2 {
    width: 100%;
    left: 0;
}

.actions {
    /* right: 7%; */
    position: absolute;
    bottom: 50px;
}

.actions ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.actions li {
    margin-right: 20px;
}

.actions li span {
    height: 55px;
    width: 180px;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 500;
    border-radius: 0px;
    line-height: 55px;
    text-align: center;
    background-color: #72bb4c;
    cursor: pointer;
}

.actions li .js-btn-prev {
    background: #b4d4e4 !important;
}

.actions li button {
    background: #2c3ca6;
    border: 0;
    padding: 15px 40px;
    margin-left: 18px;
    font-size: 18px;
    color: #fff;
    height: 55px;
}

.actions li:last-child {
    margin-right: 0;
}

.actions li[aria-disabled=true] span {
    opacity: 0;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.actions li[aria-disabled=false]~li span {
    background-color: #72bb4c;
    color: #fff;
}

.actions li[aria-disabled=false]~li span:hover {
    background-color: #72bb4c;
}

.wizard-checkbox-option li {
    padding-top: 10px;
    min-width: 25%;
    float: left;
    font-size: 18px;
    font-weight: 600;
    padding-left: 60px;
    position: relative;
    display: inline-block;
}

.block-option input {
    display: none;
}

.block-option .checkbox-tick {
    position: relative;
}

.block-option .checkbox-tick:before {
    top: 2px;
    left: -48px;
    color: #5756a2;
    content: "";
    font-size: 16px;
    font-weight: 900;
    display: none;
    position: absolute;
    font-family: "Font Awesome 5 Free";
}

.block-option .checkbox-tick:after {
    position: absolute;
    content: "";
    height: 38px;
    width: 38px;
    top: -5px;
    left: -60px;
    border: 2px solid #b4d4e4;
}

.block-option .checked-checkbox:checked~.checkbox-tick:before {
    display: block;
}

.block-option .checked-checkbox:checked~.checkbox-tick:after {
    border: 2px solid #5756a2;
    -webkit-box-shadow: 0px 5px 9px 0px rgba(0, 0, 0, 0.17);
    box-shadow: 0px 5px 9px 0px rgba(0, 0, 0, 0.17);
}

.checkbox-circle {
    position: relative;
    margin: 0 !important;
    padding-left: 40px;
    width: inherit !important;
    text-align: left !important;
}

.checkbox-circle label {
    cursor: pointer;
    color: #999;
    font-size: 13px;
    line-height: 1.9;
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}

.checkbox-circle label a {
    color: #6d7f52;
}

.checkbox-circle label a:hover {
    color: #89b843;
}

.checkbox-circle input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    left: 0;
}

.checkbox-circle input:checked~.checkmark:after {
    display: block;
}

.checkbox-circle input:checked~.checkmark:before {
    content: "";
    top: 0px;
    left: 3px;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #fff;
    font-size: 12px;
}

.checkbox-circle .checkmark {
    position: absolute !important;
    top: 3px !important;
    left: 0;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    border: 1px solid #999;
}

.checkbox-circle .checkmark:after {
    content: "";
    top: -1px;
    left: -1px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #49cc2a;
    position: absolute;
    display: none;
}

.social-media-find .social-find-caret, .select-caret, .wizard-note-subject .select-option-area {
    position: relative;
}

.social-media-find .social-find-caret:after, .select-caret:after, .wizard-note-subject .select-option-area:after {
    top: 12px;
    right: 15px;
    content: "";
    font-weight: 900;
    position: absolute;
    font-family: "Font Awesome 5 Free";
    height: 25px;
    width: 25px;
    line-height: 25px;
    background-color: #e5e4e4;
    border-radius: 100%;
    text-align: center;
}

/*---------------------------------------------------- */
/*wizard area*/
/*----------------------------------------------------*/
/* ==========================================================================
  multistep css
  ========================================================================== */
.multisteps-form__progress {
    padding-top: 0;
}

.multisteps-form__progress-btn {
    position: relative;
    color: rgb(0, 142, 84);
    border: none;
    background-color: transparent;
    outline: none !important;
    cursor: pointer;
    font-size: 20px;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    margin-left: 32px;
    padding-bottom: 100px;
    z-index: 1;
}

.multisteps-form__progress-btn span {
    position: absolute;
    top: 58px;
    left: 7px;
    color: #008e54;
}

.multisteps-form__progress-btn i {
    width: 50px;
    height: 50px;
    left: 0px;
    top: 0px;
    margin-right: 15px;
    line-height: 50px;
    position: relative;
    text-align: center;
    display: inline-block;
    border: 2px solid #008e54;
    border-radius: 50%;
    z-index: -1;
}

.multisteps-form__progress-btn:after {
    content: "";
    position: absolute;
    top: 65%;
    left: 24px;
    display: block;
    width: 2px;
    height: 37px;
    background-color: #008e54;
    z-index: 1;
}

.multisteps-form__progress-btn:last-child:after {
    display: none;
}

.multisteps-form__progress-btn.js-active {
    color: #fff;
}

.multisteps-form__progress-btn.js-active span {
    color: #fff;
}

.multisteps-form__progress-btn.js-active i {
    color: #fff;
    border-color: #fff;
}

.multisteps-form__progress-btn.js-active:after {
    background-color: #fff;
}

.multisteps-form__form {
    position: relative;
}

.multisteps-form__panel {
    height: 0;
    width: 100%;
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
}

.multisteps-form__panel.js-active {
    opacity: 1;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    overflow: visible;
    visibility: visible;
}

.multisteps-form__panel[data-animation=scaleOut] {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.multisteps-form__panel[data-animation=scaleOut].js-active {
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.multisteps-form__panel[data-animation=slideHorz] {
    left: -50px;
}

.multisteps-form__panel[data-animation=slideHorz].js-active {
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1.13, 0.38, 1.43);
    -o-transition-timing-function: cubic-bezier(0.2, 1.13, 0.38, 1.43);
    transition-timing-function: cubic-bezier(0.2, 1.13, 0.38, 1.43);
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    left: 0;
}

.multisteps-form__panel[data-animation=slideVert] {
    top: 30px;
}

.multisteps-form__panel[data-animation=slideVert].js-active {
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    top: 0;
}

.multisteps-form__panel[data-animation=fadeIn].js-active {
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.multisteps-form__panel[data-animation=scaleIn] {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}

.multisteps-form__panel[data-animation=scaleIn].js-active {
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

/* ==========================================================================
  wizard section
  ========================================================================== */
.wizard-title {
    padding-bottom: 85px;
}

.wizard-title h3 {
    color: #5756a2;
    font-size: 40px;
    font-weight: 700;
}

.wizard-title p {
    color: #5756a2;
    font-size: 23px;
    font-weight: 500;
}

.vector-img-one {
    position: absolute;
    bottom: 10px;
    left: 5px;
}

.wizard-form-field .wizard-form-input {
    width: 100%;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.wizard-form-field .wizard-form-input label {
    float: left;
    color: #474747;
    font-size: 19px;
    text-align: right;
    font-weight: 600;
    width: 200px;
    margin: 15px 30px 0px 0px;
}

.wizard-form-field .wizard-form-input input {
    width: 585px;
    height: 50px;
    border: 3px solid #b4d4e4;
}

.wizard-v3-progress {
    z-index: 10;
    width: 300px;
    right: -345px;
    bottom: 20px;
    position: absolute;
}

.wizard-v3-progress .progress {
    width: 100%;
    height: 20px;
    border-radius: 20px;
    background-color: #b4c8e8;
    position: relative;
}

.wizard-v3-progress .progress:before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background: #111;
    position: absolute;
    left: 20%;
    top: 8px;
}

.wizard-v3-progress .progress:after {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background: #111;
    position: absolute;
    left: 40%;
    top: 8px;
}

.wizard-v3-progress .progress .progress-bar {
    border-radius: 20px;
    background-color: #2e70ee;
}

.wizard-v3-progress .progress .progress-bar:after {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background: #111;
    position: absolute;
    left: 75%;
    top: 8px;
}

.wizard-v3-progress span {
    color: #b5ccec;
}

.wizard-v3-progress h3 {
    color: #fff;
    font-size: 23px;
    padding: 5px 0px 10px;
    font-weight: 700;
}

/* ==========================================================================
  wizard 1
  ========================================================================== */
.wizard-photo-area {
    width: 190px;
    float: left;
    margin-left: -50px;
}

.wizard-photo-area .photo-upload-text {
    color: #8d8d8d;
    font-size: 15px;
    margin-top: 20px;
    display: inline-block;
}

.wizard-photo-upload {
    float: left;
}

.wizard-photo-upload label {
    padding: 8px 15px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    background-color: #4a6e8b;
    position: absolute;
    bottom: 10px;
    left: 10px;
    margin-bottom: 0;
}

.wizard-photo-upload .display-img {
    width: 185px;
    height: 170px;
    overflow: hidden;
    padding-top: 20px;
    background-color: #fff;
}

.wizard-form-field {
    margin-left: 190px;
}

.wizard-form-field .wizard-form-input {
    position: relative;
    z-index: 2;
}

.wizard-form-field .wizard-form-input .wizard-checked {
    display: inline-block;
    margin: 15px 50px 0px 0px;
}

.wizard-form-field .wizard-form-input .wizard-checked:last-of-type {
    margin-right: 0;
}

.wizard-form-field .wizard-form-input .wizard-checked input {
    height: 18px;
    width: 18px;
}

.wizard-form-field .wizard-form-input .wizard-checked span {
    font-size: 18px;
    font-weight: 600;
    color: #1a1a1a;
    position: relative;
    top: -3px;
    margin-left: 5px;
}

.wizard-form-field .form-field-text {
    font-size: 18px;
    color: #848c95;
    max-width: 625px;
    padding-left: 230px;
}

/* ==========================================================================
  wizard 2
  ========================================================================== */
.wizard-solution-select {
    margin: 0 auto;
    max-width: 1090px;
}

.option_item {
    margin: 0 auto;
    width: 325px;
    height: 270px;
    position: relative;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.option_item .name {
    display: block;
    color: #474747;
    font-size: 23px;
    font-weight: 600;
}

.option_item .checkbox {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
}

.option_item .option_inner {
    width: 100%;
    height: 100%;
    padding: 40px 30px;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    display: block;
    border: 2px solid transparent;
    position: relative;
}

.option_item .option_inner:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    border: 2px solid #b4d4e4;
}

.option_item .option_inner .icon {
    margin-bottom: 10px;
    display: block;
    text-align: center;
}

.option_item .option_inner .icon .fab {
    font-size: 32px;
}

.option_item .option_inner .name {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.option_item .checkbox:checked~.option_inner {
    border-color: #3b5999;
    -webkit-box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.27);
    box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.27);
}

.option_item .checkbox:checked~.option_inner:before {
    display: none;
}

.option_item .option_inner .tickmark {
    position: absolute;
    height: 50px;
    width: 50px;
    display: none;
    border-radius: 100%;
    top: -25px;
    left: -25px;
    background-color: #253fa5;
}

.option_item .option_inner .tickmark:before {
    content: "";
    position: absolute;
    font-size: 16px;
    top: 12px;
    left: 15px;
    color: #fff;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.option_item .checkbox:checked~.option_inner .tickmark {
    display: block;
}

.izard-solution-select label {
    margin-bottom: 0;
}

.wizard-note-subject {
    float: right;
    z-index: 5;
    margin-top: 30px;
    margin-right: 25px;
    position: relative;
}

.wizard-note-subject .wizard-form-input {
    margin-top: 30px;
    position: relative;
}

.wizard-note-subject .wizard-form-input label {
    float: left;
    color: #474747;
    font-size: 19px;
    text-align: right;
    font-weight: 600;
    width: 195px;
    margin: 15px 30px 0px 0px;
}

.wizard-note-subject .wizard-form-input select,
.wizard-note-subject .wizard-form-input textarea {
    width: 720px;
    height: 50px;
    padding-left: 20px;
    -webkit-appearance: none;
    border: 3px solid #b4d4e4;
}

.wizard-note-subject .wizard-form-input textarea {
    height: 170px;
}

.wizard-note-subject .wizard-checked {
    float: right;
    margin-right: 40px;
    display: inline-block;
}

.wizard-note-subject .wizard-checked input {
    width: 18px;
    height: 18px;
    margin-right: 5px;
}

.wizard-note-subject .wizard-checked span {
    top: -2px;
    color: #1a1a1a;
    font-size: 18px;
    font-weight: 600;
    position: relative;
}

.wizard-sub-text {
    color: #474747;
    display: block;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 20px;
}

/* ==========================================================================
  wizard three
  ========================================================================== */
.select-caret {
    margin-bottom: 85px;
}

.select-caret:after {
    top: 35px;
}

.select-caret select {
    -webkit-appearance: none;
}

.wizard-form-input select {
    width: 100%;
    height: 95px;
    padding: 0px 40px;
    border: 3px solid #b4d4e4;
}

.duration-box {
    display: block;
    width: 100%;
    height: 185px;
    width: 270px;
    padding-top: 35px;
    position: relative;
    border: 2px solid #b4d4e4;
}

.duration-box .title {
    color: #474747;
    display: block;
    font-size: 65px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 5px;
}

.duration-box span {
    line-height: 1;
    color: #474747;
    font-size: 26px;
    font-weight: 600;
    text-transform: uppercase;
}

.duration-option {
    position: relative;
    margin-bottom: 0;
}

.duration-option .d-checkbox {
    display: none;
}

.duration-option .checkbox-circle-tick {
    position: absolute;
    top: 15px;
    right: 45px;
}

.duration-option .checkbox-circle-tick:before {
    content: "";
    width: 30px;
    height: 30px;
    border-radius: 100%;
    position: absolute;
    border: 2px solid #b4d4e4;
}

.duration-option .checkbox-circle-tick:after {
    top: 5px;
    left: 5px;
    content: "";
    width: 20px;
    height: 20px;
    display: none;
    border-radius: 100%;
    position: absolute;
    background-color: #5756a2;
}

.duration-option .d-checkbox:checked~.duration-box {
    border: 2px solid #5756a2;
    -webkit-box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.27);
    box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.27);
}

.duration-option .d-checkbox:checked~.checkbox-circle-tick:after {
    display: block;
}

.duration-option .d-checkbox:checked~.checkbox-circle-tick:before {
    border-color: #5756a2;
}

.wizard-document-upload {
    display: inline-block;
    width: 100%;
}

.wizard-document-upload .custom-file-input {
    padding: 24px 20px;
    height: auto;
}

.wizard-document-upload .custom-file-label {
    padding: 24px 20px;
    height: auto;
    border-radius: 0;
    font-size: 20px;
}

.wizard-document-upload label.custom-file-label {
    padding: 24px;
    height: auto;
    color: #9c9c9c;
}

.wizard-document-upload label.custom-file-label:after {
    background: #2d35a5;
    color: #fff;
    border-radius: 0;
    padding: 24px;
    height: 80px;
    width: 244px;
    text-align: center;
}

.custom-file-input~.custom-file-label::before {
    content: "";
    position: absolute;
    right: 165px;
    font-family: "Font Awesome 5 Free";
    color: #fff;
    font-weight: 900;
    font-size: 20px;
    z-index: 22;
}

/* ==========================================================================
  wizard 4
  ========================================================================== */
#slider-service {
    padding-right: 20px;
}

.service-checkbox {
    display: none;
}

.w-service-box {
    width: 270px;
    height: 220px;
    float: left;
    margin: 15px;
    padding: 10px 0px;
    margin-bottom: 30px;
    background-color: #fff;
    border: 3px solid #b4d4e4;
}

.w-service-box .tooltip-info:before {
    position: absolute;
    content: "";
    height: 30px;
    width: 30px;
    top: 15px;
    right: 15px;
    display: none;
    border-radius: 100%;
    background-color: #2540a5;
}

.w-service-box .tooltip-info:after {
    position: absolute;
    content: "";
    top: 18px;
    color: #fff;
    right: 26px;
    font-weight: 900;
    display: none;
    display: none;
    font-family: "Font Awesome 5 Free";
}

.w-service-box .service-text {
    color: #5756a2;
    font-size: 24px;
    font-weight: 500;
}

.w-service-box .option-seclect {
    bottom: -35px;
    left: -4px;
    width: 103%;
    padding: 5px;
    font-size: 16px;
    display: none;
    font-weight: 500;
    position: absolute;
    background-color: #2540a5;
}

.w-service-box .option-seclect span {
    color: #fff;
}

.service-checkbox:checked~.w-service-box .tooltip-info:before,
.service-checkbox:checked~.w-service-box .tooltip-info:after {
    display: block;
}

.service-checkbox:checked~.w-service-box {
    border: 3px solid #2540a5;
}

.service-checkbox:checked~.w-service-box .option-seclect {
    display: block;
}

.slick-dots li.slick-active {
    width: 35px;
    height: 10px;
    background: #2c39a4;
    border-radius: 5px;
}

.slick-dots li {
    width: 15px;
    height: 10px;
    background: #ccc;
    display: inline-block;
    margin: 0 8px;
    border-radius: 5px;
    cursor: pointer;
}

.slick-dots {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.slick-dots button {
    font-size: 0;
    visibility: hidden;
}

/* ==========================================================================
  wizard 5
  ========================================================================== */
.wizard-day-item {
    width: 100%;
    display: inline-block;
}

.social-media-find {
    display: block;
}

.social-media-find .social-find-caret:after {
    top: 35px;
    right: 20px;
}

.social-media-find select {
    width: 100%;
    height: 95px;
    padding-left: 30px;
    -webkit-appearance: none;
    border: 2px solid #b4d4e4;
}

/*---------------------------------------------------- */
/*wizard area*/
/*----------------------------------------------------*/
@media screen and (max-width: 1500px) {
    .wrapper {
        margin: 0 auto;
    }

    .multisteps-form__progress-btn {
        padding-bottom: 85px;
    }

    .multisteps-form__progress {
        padding-top: 35px;
    }

    .wizard-forms {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .wizard-v3-progress {
        right: -375px;
        bottom: -40px;
    }

    .wizard-forms {
        padding: 60px 30px;
    }

    .wizard-form-field .wizard-form-input input {
        width: 450px;
    }

    .wizard-form-field .wizard-form-input .wizard-checked span {
        margin-right: 5px;
    }

    .wizard-form-field .form-field-text {
        padding-left: 0;
    }

    .wizard>.steps ul {
        padding-left: 20px;
    }

    .line {
        width: 450px;
        left: 29.1%;
    }

    .option_item {
        width: 275px;
    }

    .wizard-note-subject .wizard-form-input select,
    .wizard-note-subject .wizard-form-input textarea {
        float: none;
        width: 100%;
        margin-bottom: 10px;
    }

    .wizard-note-subject .wizard-form-input label {
        text-align: left;
    }

    .vector-img-one {
        position: absolute;
        bottom: -60px;
        left: 0px;
    }

    .wizard-note-subject .select-option-area:after {
        top: 55px;
    }
}

@media screen and (max-width: 1199.98px) {
    .pb-200 {
        padding-bottom: 270px;
    }

    .pb-100 {
        padding-bottom: 100px;
    }

    .mb-60 {
        margin-bottom: 20px !important;
    }

    .mb-85 {
        margin-bottom: 35px !important;
    }

    .mt-60 {
        margin-top: 20px !important;
    }

    .wizard-forms {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
        padding: 0;
    }

    .multisteps-form__progress {
        /*
          -webkit-transform: scale(0.9);
              -ms-transform: scale(0.9);
                  transform: scale(0.9);
          width: 255px;
        */
    }

    .multisteps-form__progress-btn {
        margin-left: 15px;
    }

    .wizard-form-field .wizard-form-input input {
        width: 100%;
    }

    .wizard-form-field .wizard-form-input label {
        width: 100%;
        text-align: left;
    }

    .w-service-box {
        width: 250px;
    }

    .wizard-form-field .wizard-form-input {
        display: inline-block;
    }

    .line {
        width: 425px;
        left: 14.4%;
    }

    .option_item {
        width: 255px;
    }

    .wizard-v3-progress {
        width: 260px;
        right: -317px;
        bottom: -40px;
    }

    .wizard-v3-progress h3 {
        font-size: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .pb-200 {
        padding-bottom: 100px;
    }

    .wrapper {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .multisteps-form__progress {
        width: 245px;
    }

    .line {
        width: 520px;
        left: 0%;
    }

    .wizard-title h3 {
        font-size: 32px;
    }

    .wizard-title p {
        font-size: 20px;
    }

    .duration-box {
        height: 185px;
        width: 205px;
    }

    .wizard-v3-progress {
        width: 250px;
        right: -305px;
    }

    .vector-img-one {
        position: absolute;
        bottom: -38px;
        left: -20px;
    }

    .wizard>.steps li.checked a:after,
    .wizard>.steps li.current a:after {
        display: none;
    }

    .w-service-box {
        width: 230px;
    }
}

@media screen and (max-width: 991.98px) {
    .pb-200 {
        padding-bottom: 80px;
    }

    .wizard-form-field {
        margin-left: 0;
    }

    .wrapper {
        display: block !important;
    }

    .form-area,
    .multisteps-form__form {
        width: 100% !important;
    }

    .wizard>.steps {
        width: 100% !important;
        position: fixed !important;
    }

    .wizard-note-subject {
        float: none;
        z-index: 5;
        margin-top: 30px;
        margin-right: 0;
        position: relative;
    }

    .multisteps-form__progress {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        padding-bottom: 0;
    }

    .multisteps-form__progress-btn {
        width: 25%;
        text-align: center;
    }

    .multisteps-form__progress-btn {
        padding-bottom: 35px;
    }

    .multisteps-form__progress-btn:after {
        content: "";
        position: absolute;
        top: 28%;
        left: 140px;
        display: block;
        width: 35px;
        height: 1px;
        background-color: #6076d1;
        z-index: 1;
    }

    .multisteps-form__progress-btn span {
        visibility: hidden;
    }

    .multisteps-form__form {
        min-height: inherit;
    }

    .multisteps-form__progress-btn {
        display: inline-block;
    }

    .wizard>.steps li a:after {
        display: none;
    }

    .line {
        display: none;
    }

    .wizard>.steps li.checked:before,
    .wizard>.steps li.current:before {
        display: none;
    }

    .wizard>.steps li:before {
        display: none;
    }

    .wizard>.steps li .number {
        display: block;
    }

    .wizard>.steps ul {
        text-align: center;
    }

    .wizard>.steps ul li {
        padding-bottom: 0px;
    }

    .vector-img-one {
        display: none;
    }

    .wizard-v3-progress {
        position: static;
        width: 100%;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .wizard-v3-progress span {
        color: #000;
    }

    .wizard-v3-progress h3 {
        color: #263ea5;
    }

    .wizard-title {
        padding-bottom: 30px;
    }

    .wizard-day-item {
        margin-bottom: 0;
    }

    .wizard-photo-area {
        float: none;
        text-align: center;
        margin: auto;
    }

    .option_item {
        width: auto;
        display: block;
        margin-bottom: 20px;
    }

    .duration-box {
        width: 100%;
    }

    .duration-option {
        display: block;
        margin-bottom: 30px;
    }

    .wizard-day-option li {
        width: 100%;
    }

    .actions {
        right: inherit;
        /* left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%); */
        position: absolute;
        bottom: 30px;
    }
}

@media screen and (max-width: 767.98px) {
    .wizard-forms {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
        overflow-x: hidden;
    }

    .multisteps-form__panel {
        padding: 0 30px;
    }

    .pb-100 {
        padding-bottom: 50px;
    }

    .pb-200 {
        padding-bottom: 70px;
    }

    .wizard-forms {
        padding: 20px;
    }

    .wizard-document-upload label.custom-file-label:after {
        background: #2d35a5;
        color: #fff;
        border-radius: 0;
        padding: 18px;
        height: 50px;
        width: 105px;
        text-align: center;
    }

    .custom-file-input~.custom-file-label::before {
        right: 72px;
        top: 13px;
        font-size: 16px;
    }

    .multisteps-form__progress-btn {
        margin-left: 20px;
        padding-bottom: 50px;
    }

    .multisteps-form__progress-btn:after {
        display: none;
    }

    .actions {
        position: static;
        -webkit-transform: inherit;
        -ms-transform: inherit;
        transform: inherit;
    }

    button.slick-arrow {
        border: none;
        background: #72bb4c;
        color: #fff;
        width: 90px;
    }
}

@media screen and (max-width: 575.98px) {
    .wizard-forms {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        padding: 20px 0;
    }

    .multisteps-form__progress-btn i {
        margin-right: 10px;
    }

    .steps li {
        margin-right: 10px;
    }

    .wizard-title h3 {
        font-size: 25px;
        padding-bottom: 20px;
    }

    .wizard-title p {
        font-size: 16px;
    }

    .actions li:first-child a {
        /*  width: 110px; */
    }

    .wizard-document-upload label.custom-file-label {
        padding: 17px;
        font-size: 10px;
    }

    .wizard-document-upload .custom-file-input {
        padding: 12px 20px;
        height: auto;
    }

    .multisteps-form__progress-btn {
        margin-left: 0px;
        padding-bottom: 30px;
    }

    .multisteps-form__panel {
        padding: 0 15px;
    }

    .w-service-box {
        width: 235px;
    }

    .social-media-find select {
        height: 55px;
    }

    .social-media-find .social-find-caret:after {
        top: 15px;
    }

    .wizard-checkbox-option li {
        display: block;
        width: 100%;
    }

    .wizard-photo-area {
        margin-left: 0;
    }

    .wizard-v3-progress {
        margin-bottom: 50px;
        margin-top: 40px;
    }

    #slider-service {
        margin-bottom: 40px;
    }

    button.slick-prev.slick-arrow {
        position: absolute;
        bottom: 0;
        right: 0;
    }

    .actions li span {
        height: 50px;
        width: 110px;
        font-size: 17px;
        line-height: 50px;
    }
}

.wrap-inner {
    width: 200px;
    white-space: normal;
    line-height: 1;
    text-align: left;
    margin: 10px 0 0 50px;
}

.lazyimg {
    background-image: none !important;
}

@media (min-width: 992px) {
    ul.sub-menu {
        position: absolute;
        left: 100%;
        top: 0px;
        display: none;
    }

    ul.sub-menu li:hover a {
        display: block;
        padding-left: 5%;
    }

    ul.sub-menu li {
        margin: 5% 0% 3% 5%;
        text-align: left;
        min-width: 250px;
    }

    .dropdown-toggle {
        position: absolute;
        right: 23px;
        font-size: 12px;
        margin-top: 0;
        height: 20px;
        width: 20px;
        line-height: 20px;
        text-align: center;
    }

    .fa-angle-down {
        display: none;
    }
}

@media (min-width: 200px) and (max-width: 992px) {
    .fa-angle-down {
        position: absolute;
        right: 23px;
        font-size: 12px;
        margin-top: 0;
        height: 20px;
        width: 20px;
        line-height: 20px;
        text-align: center;
    }

    .fa-angle-right {
        /* display: none; */
        font-size: 14px;
    }

    .dropdown-menu.sub-menu li {
        margin: 0px;
    }
}

.slider_podcast .item-slide {
    /* min-height: 500px; */
    position: relative;
}

.slider_podcast .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    background: #008E54 !important;
}

.slider_podcast .owl-nav .owl-prev {
    width: 50px !important;
    height: 50px !important;
    opacity: 1 !important;
}

.slider_podcast .owl-nav .owl-next {
    width: 50px !important;
    height: 50px !important;
    opacity: 1 !important;
}

.slider_podcast .ares::before {
    color: #ffffff;
}

.slider_podcast .ares.tparrows:hover::before {
    color: #a6a6a6;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    background: none !important;
}

.carusel-item-img-max-width {
    max-width: none;
}

@media (max-width: 768px) {
    .carusel-item-img-max-width {
        max-width: 80% !important;
    }
}

/* CSS for custom dropdown */
#custom-dropdown {
    position: relative;
}

#checkbox-list {
    display: none;
    position: absolute;
    background-color: #fff;
    border: 1px solid #ccc;
    max-height: 200px;
    overflow-y: auto;
    z-index: 999;
}

.checkbox-item {
    align-items: center;
    padding: 3px;
}

.checkbox-item input[type="checkbox"] {
    margin-right: 5px;
}

/* 
==================================================
  Blog Archive Card Styles
  Description: 
  These styles define the layout and appearance 
  of individual blog post cards displayed on 
  archive pages (e.g., category, blog listing).
==================================================
*/

.archive-wrapper {
    max-width: 1200px;
    margin: 40px auto;
    padding: 0 20px;
}

.archive-title {
    font-size: 2rem;
    margin-bottom: 30px;
    text-align: center;
}

.archive-post-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 30px;
}

.archive-post-card {
    border: 1px solid #eee;
    border-radius: 8px;
    overflow: hidden;
    transition: box-shadow 0.3s ease;
    background: #fff;
}

.archive-post-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.card-image-wrapper {
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
}

.card-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.archive-post-title {
    padding: 15px;
    font-size: 1rem;
    font-weight: 600;
    color: #0b9446;
    text-align: center;
}

.archive-pagination {
    margin-top: 40px;
    text-align: center;
}

.archive-pagination .page-numbers {
    display: inline-block;
    margin: 0 5px;
    padding: 8px 12px;
    background: #f5f5f5;
    border-radius: 4px;
    color: #333;
    text-decoration: none;
}

.archive-pagination .current {
    background: #0b9446;
    color: white;
    font-weight: bold;
}

.archive-wrapper {
    min-height: 76vh;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.archive-pagination {
    margin-top: auto;
}

.ss-content .ss-list .ss-option {
    color: #212529;
}

.ss-main {
    border: 1px solid #ced4da;
}

.ss-main:focus, .ss-main.ss-open-above, .ss-main.ss-open-below {
    box-shadow: none;
}

.ss-content .ss-list .ss-option:hover, .ss-content .ss-list .ss-option.ss-highlighted, .ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected {
    background-color: rgb(1, 102, 204) !important;
}

.ss-main .ss-values .ss-value {
    border-radius: 0 !important;
    background-color: #008E54 !important;
}

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

/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) {
    .xs-hidden {
        display: none !important;
    }
}


@media (min-width: 1901px) {
    .litho-parallax-bg {
        width: 45%;
    }
}

@media (max-width: 1600px) {

    /* reset */
    .xl-last-order {
        order: 10;
    }

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

    .xl-hidden {
        display: none;
    }

    .xl-show {
        display: block;
    }

    /* 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;
    }

    .xl-text-center {
        text-align: center !important;
    }

    /* 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-right .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;
    }

    /* Jobs pagination arrows */
    .page-template-page-job-listing .jobs-pagination-row .slider-navigation .swiper-button-prev {
        left: 55px;
    }

    .jobs-pagination-row .slider-navigation .swiper-button-next {
        left: 815px;
    }

    .jobs-pagination-row.full-screen .slider-navigation .swiper-button-next {
        left: 1110px;
    }
}

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

    /* 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;
    }

    .lg-text-center {
        text-align: center !important;
    }

    /* 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-right .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% - 60px);
    }

    /* 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-container.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;
    }

    /* Jobs pagination arrows */
    .jobs-pagination-row .slider-navigation .swiper-button-prev {
        left: 55px;
    }

    .jobs-pagination-row .slider-navigation .swiper-button-next {
        left: 815px;
    }
}

@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) {

    /* Jobs pagination arrows */
    .jobs-pagination-row .slider-navigation .swiper-button-prev {
        left: 0px;
    }

    .jobs-pagination-row .slider-navigation .swiper-button-next {
        left: 290px;
    }

    .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: #000;
        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: 10px 0 10px 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 */
    .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: #000 !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.show .menu-back-div {
        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;
    }

    .dropdown-menu .dropdown-toggle {
        width: 48px;
        height: 48px;
    }

    .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.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: #000;
        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 {
        color: #fff !important;
    }

    .navbar.navbar-light .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 {
        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;
    }

    .navbar.navbar-dark.bg-transparent .navbar-nav .nav-link .btn.btn-deichmann-green, .navbar.navbar-dark.bg-transparent .header-search-icon>a.btn.btn-deichmann-green, .navbar.navbar-dark.bg-transparent .header-social-icon>a.btn.btn-deichmann-green, .navbar.navbar-dark.bg-transparent .header-cart-icon>a.btn.btn-deichmann-green, .navbar.navbar-dark.bg-transparent .header-language>a.btn.btn-deichmann-green, .navbar.navbar-dark .nav-bar-contact .btn.btn-deichmann-green {
        color: #ffffff !important;
    }

    .navbar.navbar-dark.bg-transparent .navbar-nav .nav-link .btn.btn-deichmann-green:hover, .navbar.navbar-dark.bg-transparent .header-search-icon>a.btn.btn-deichmann-green:hover, .navbar.navbar-dark.bg-transparent .header-social-icon>a.btn.btn-deichmann-green:hover, .navbar.navbar-dark.bg-transparent .header-cart-icon>a.btn.btn-deichmann-green:hover, .navbar.navbar-dark.bg-transparent .header-language>a.btn.btn-deichmann-green:hover, .navbar.navbar-dark .nav-bar-contact .btn.btn-deichmann-green:hover {
        color: #008e54 !important;
    }

    /* 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-style=modern] .navbar-modern-inner .navbar-toggler {
        display: none;
    }

    [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 {
        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;
    }

    .job-results-row .right-col-info {
        float: left;
        line-height: 40px;
    }

    /* Jobs pagination arrows */
    .jobs-pagination-row .slider-navigation .swiper-button-prev {
        left: 55px;
    }

    .jobs-pagination-row .slider-navigation .swiper-button-next {
        left: 615px;
    }
}

/* Navigation breakpoint end */

@media (max-width: 991px) {

    /* Jobs pagination arrows */
    .jobs-pagination-row .slider-navigation .swiper-button-prev {
        left: 10px;
    }

    .jobs-pagination-row .slider-navigation .swiper-button-next {
        left: 420px;
    }

    /* 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;
    }

    .md-hidden {
        display: none;
    }

    .md-show {
        display: block;
    }

    /* 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;
    }

    /* 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;
    }

    /* Quote Framed Block */
    .quote_framed.fancy-text-box-style-01 .fancy-text-box .fancy-text-content {
        font-size: 35px;
        letter-spacing: -1px;
        line-height: 40px;
    }

    /* 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-right .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-container.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;
    }

    /* NEW ITEMS */
    .md-text-center {
        text-align: center !important;
    }

    .job-details .job-property-heading {
        font-size: 1.2rem;
    }

    .job-snapshot .favourites-icon {
        bottom: -4px;
    }

    /* 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;
        background: #008E54 !important;
    }

    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item a {
        color: #fff;
    }

    [data-mobile-nav-style=modern] .navbar-modern-inner .dropdown-menu {
        background: #008E54 !important;
        border: none;
    }

    [data-mobile-nav-style=modern] .navbar-modern-inner .dropdown-menu li a {
        color: #fff;
    }

    [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);
    }

    .navbar-collapse-show[data-mobile-nav-style=modern] .navbar-toggler:focus {
        outline: 0;
        box-shadow: none !important;
    }

    /* testimonials-style-02 */
    .testimonials-style-02 .testimonials-content p {
        line-height: 20px;
    }

    /* featured_items_group */
    .featured_items_group .feature-box-content .collapse:not(.show) {
        height: 60px !important;
        min-height: 60px;
    }

    .featured_items_group .feature-box-content .collapsing {
        height: 60px;
        min-height: 60px;
    }

    .featured_items_group .feature-box-content .collapse.show {
        min-height: 60px;
    }
}

@media (min-width: 991px) and (max-width: 1198px) {

    /* Jobs pagination arrows */
    .jobs-pagination-row .slider-navigation .swiper-button-prev {
        left: 55px;
    }

    .jobs-pagination-row .slider-navigation .swiper-button-next {
        left: 655px;
    }
}

@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) {

    /* Jobs pagination arrows */
    .page-template-page-job-listing .jobs-pagination-row .slider-navigation .swiper-button-prev {
        left: 12px !important;
    }

    .jobs-pagination-row .slider-navigation .swiper-button-next {
        left: 490px;
    }

    /* 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: 778px) and (min-width: 768px) {

    /* Jobs pagination arrows */
    .jobs-pagination-row .slider-navigation .swiper-button-prev {
        left: 0px;
    }

    .jobs-pagination-row .slider-navigation .swiper-button-next {
        left: 420px;
    }
}

@media (max-width: 991px) {
    .m-margin-20px-bottom {
        margin-bottom: 20px;
    }
}

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

    .sm-show {
        display: block;
    }

    .show-favourites-btn {
        float: left;
        margin-top: 20px;
        margin-bottom: 25px;
    }

    #results-heading {
        margin-bottom: 0px;
    }

    /* 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;
    }

    .sm-text-center {
        text-align: center !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: 2;
        -ms-flex-order: 1;
    }

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

    /* PETROS ADDITIONS */
    .shopping-left-side-bar .shopping-sidebar, .blog-right-side-bar .blog-content {
        display: none;
    }

    .open-filters {
        display: block;
    }

    /* 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% - 50px);
    }

    /* 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;
    }

    .accordion-style-03 .panel-heading .panel-title .alt-font.bold {
        font-family: 'deichmannregular';
        font-weight: 700;
    }

    /* 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;
        background: #008E54 !important;
    }

    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item a {
        color: #fff;
    }

    [data-mobile-nav-style=modern] .navbar-modern-inner .dropdown-menu {
        background: #008E54 !important;
        border: none;
    }

    [data-mobile-nav-style=modern] .navbar-modern-inner .dropdown-menu li a {
        color: #fff;
    }

    [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);
    }

    .navbar-collapse-show[data-mobile-nav-style=modern] .navbar-toggler:focus {
        outline: 0;
        box-shadow: none !important;
    }
}

@media screen and (max-width: 575px) {

    /* Jobs pagination arrows */
    .jobs-pagination-row .slider-navigation .swiper-button-prev {
        left: 10%;
    }

    .jobs-pagination-row .slider-navigation .swiper-button-next {
        left: 78%;
    }

    /* 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;
    }

    /* width */
    .xs-w-1px {
        width: 1px !important;
    }

    .xs-w-2px {
        width: 2px !important;
    }

    .xs-w-3px {
        width: 3px !important;
    }

    .xs-w-4px {
        width: 4px !important;
    }

    .xs-w-5px {
        width: 5px !important;
    }

    .xs-w-6px {
        width: 6px !important;
    }

    .xs-w-7px {
        width: 7px !important;
    }

    .xs-w-8px {
        width: 8px !important;
    }

    .xs-w-9px {
        width: 9px !important;
    }

    .xs-w-10px {
        width: 10px !important;
    }

    .xs-w-15px {
        width: 15px !important;
    }

    .xs-w-20px {
        width: 20px !important;
    }

    .xs-w-25px {
        width: 25px !important;
    }

    .xs-w-30px {
        width: 30px !important;
    }

    .xs-w-35px {
        width: 35px !important;
    }

    .xs-w-40px {
        width: 40px !important;
    }

    .xs-w-50px {
        width: 50px !important;
    }

    .xs-w-55px {
        width: 55px !important;
    }

    .xs-w-60px {
        width: 60px !important;
    }

    .xs-w-65px {
        width: 65px !important;
    }

    .xs-w-70px {
        width: 70px !important;
    }

    .xs-w-75px {
        width: 75px !important;
    }

    .xs-w-80px {
        width: 80px !important;
    }

    .xs-w-85px {
        width: 85px !important;
    }

    .xs-w-90px {
        width: 90px !important;
    }

    .xs-w-95px {
        width: 95px !important;
    }

    .xs-w-100px {
        width: 100px !important;
    }

    .xs-w-110px {
        width: 110px !important;
    }

    .xs-w-120px {
        width: 120px !important;
    }

    .xs-w-130px {
        width: 130px !important;
    }

    .xs-w-140px {
        width: 140px !important;
    }

    .xs-w-150px {
        width: 150px !important;
    }

    .xs-w-160px {
        width: 160px !important;
    }

    .xs-w-170px {
        width: 170px !important;
    }

    .xs-w-180px {
        width: 180px !important;
    }

    .xs-w-190px {
        width: 190px !important;
    }

    .xs-w-200px {
        width: 200px !important;
    }

    .xs-w-250px {
        width: 250px !important;
    }

    .xs-w-300px {
        width: 300px !important;
    }

    .xs-w-350px {
        width: 350px !important;
    }

    .xs-w-400px {
        width: 400px !important;
    }

    .xs-w-450px {
        width: 450px !important;
    }

    .xs-w-500px {
        width: 500px !important;
    }

    .xs-w-550px {
        width: 550px !important;
    }

    .xs-w-600px {
        width: 600px !important;
    }

    .xs-w-650px {
        width: 650px !important;
    }

    .xs-w-700px {
        width: 700px !important;
    }

    .xs-w-750px {
        width: 750px !important;
    }

    .xs-w-800px {
        width: 800px !important;
    }

    .xs-w-850px {
        width: 850px !important;
    }

    .xs-w-900px {
        width: 900px !important;
    }

    .xs-w-950px {
        width: 950px !important;
    }

    .xs-w-1000px {
        width: 1000px !important;
    }

    .xs-w-10 {
        width: 10% !important;
    }

    .xs-w-15 {
        width: 15% !important;
    }

    .xs-w-20 {
        width: 20% !important;
    }

    .xs-w-25 {
        width: 25% !important;
    }

    .xs-w-30 {
        width: 30% !important;
    }

    .xs-w-35 {
        width: 35% !important;
    }

    .xs-w-40 {
        width: 40% !important;
    }

    .xs-w-45 {
        width: 45% !important;
    }

    .xs-w-50 {
        width: 50% !important;
    }

    .xs-w-55 {
        width: 55% !important;
    }

    .xs-w-60 {
        width: 60% !important;
    }

    .xs-w-65 {
        width: 65% !important;
    }

    .xs-w-70 {
        width: 70% !important;
    }

    .xs-w-75 {
        width: 75% !important;
    }

    .xs-w-80 {
        width: 80% !important;
    }

    .xs-w-85 {
        width: 85% !important;
    }

    .xs-w-90 {
        width: 90% !important;
    }

    .xs-w-95 {
        width: 95% !important;
    }

    .xs-w-100 {
        width: 100% !important;
    }

    .xs-w-auto {
        width: auto !important;
    }

    /* height */
    .xs-h-1px {
        height: 1px !important;
    }

    .xs-h-2px {
        height: 2px !important;
    }

    .xs-h-3px {
        height: 3px !important;
    }

    .xs-h-4px {
        height: 4px !important;
    }

    .xs-h-5px {
        height: 5px !important;
    }

    .xs-h-6px {
        height: 6px !important;
    }

    .xs-h-7px {
        height: 7px !important;
    }

    .xs-h-8px {
        height: 8px !important;
    }

    .xs-h-9px {
        height: 9px !important;
    }

    .xs-h-10px {
        height: 10px !important;
    }

    .xs-h-20px {
        height: 20px !important;
    }

    .xs-h-30px {
        height: 30px !important;
    }

    .xs-h-40px {
        height: 40px !important;
    }

    .xs-h-42px {
        height: 42px !important;
    }

    .xs-h-50px {
        height: 50px !important;
    }

    .xs-h-60px {
        height: 60px !important;
    }

    .xs-h-70px {
        height: 70px !important;
    }

    .xs-h-80px {
        height: 80px !important;
    }

    .xs-h-90px {
        height: 90px !important;
    }

    .xs-h-100px {
        height: 100px !important;
    }

    .xs-h-110px {
        height: 110px !important;
    }

    .xs-h-120px {
        height: 120px !important;
    }

    .xs-h-130px {
        height: 130px !important;
    }

    .xs-h-140px {
        height: 140px !important;
    }

    .xs-h-150px {
        height: 150px !important;
    }

    .xs-h-160px {
        height: 160px !important;
    }

    .xs-h-170px {
        height: 170px !important;
    }

    .xs-h-180px {
        height: 180px !important;
    }

    .xs-h-190px {
        height: 190px !important;
    }

    .xs-h-200px {
        height: 200px !important;
    }

    .xs-h-250px {
        height: 250px !important;
    }

    .xs-h-300px {
        height: 300px !important;
    }

    .xs-h-350px {
        height: 350px !important;
    }

    .xs-h-400px {
        height: 400px !important;
    }

    .xs-h-450px {
        height: 450px !important;
    }

    .xs-h-500px {
        height: 500px !important;
    }

    .xs-h-520px {
        height: 520px !important;
    }

    .xs-h-550px {
        height: 550px !important;
    }

    .xs-h-580px {
        height: 580px !important;
    }

    .xs-h-600px {
        height: 600px !important;
    }

    .xs-h-650px {
        height: 650px !important;
    }

    .xs-h-700px {
        height: 700px !important;
    }

    .xs-h-720px {
        height: 720px !important;
    }

    .xs-h-750px {
        height: 750px !important;
    }

    .xs-h-800px {
        height: 800px !important;
    }

    .xs-h-820px {
        height: 820px !important;
    }

    .xs-h-830px {
        height: 830px !important;
    }

    .xs-h-850px {
        height: 850px !important;
    }

    .xs-h-50 {
        height: 50% !important;
    }

    .xs-h-100 {
        height: 100% !important;
    }

    .xs-h-auto {
        height: auto !important;
    }

    /* 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;
    }

    .xs-text-center {
        text-align: center !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;
        background: #008E54 !important;
    }

    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item a {
        color: #fff;
    }

    [data-mobile-nav-style=modern] .navbar-modern-inner .dropdown-menu {
        background: #008E54 !important;
        border: none;
    }

    [data-mobile-nav-style=modern] .navbar-modern-inner .dropdown-menu li a {
        color: #fff;
    }

    [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);
    }

    .navbar-collapse-show[data-mobile-nav-style=modern] .navbar-toggler:focus {
        outline: 0;
        box-shadow: none !important;
    }

    /* 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-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-container.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;
    }

    .job-details .main-details ul {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .job-details .main-details .job-snapshot-title {
        font-size: 16px;
    }

    .job-details .job-property-heading {
        font-size: 15px;
    }

    .job-details .job-property-value {
        font-size: 15px;
    }

    .accordion-style-03 .panel-heading .alt-font.bold {
        font-family: 'deichmannregular';
        font-weight: 700;
    }

    .job-results-row .card-name {
        line-height: 26px;
        border-bottom: none;
    }

    .job-results-row .job-title-wrapper {
        padding-left: 0px;
        padding-right: 0px;
    }

    .job-results-row .card-info {
        padding-left: 0px;
        padding-right: 0px;
        display: block;
    }

    .job-results-row .card-info p {
        display: block;
    }

    /* .job-results-row .card-info span {
        display: block;
    } */
    .job-results-row .details-arrow {
        margin-top: 0px;
    }

    #job-results .job-team {
        margin-left: 20px;
        font-size: 20px;
    }

    /* Quote Framed Block */
    .quote_framed.fancy-text-box-style-01 .fancy-text-box .fancy-text-content {
        font-size: 80px;
        line-height: 90px;
        letter-spacing: -5px;
    }
}

@media screen and (max-width: 395px) {
    .grid.gutter-medium li, .grid.gutter-large li {
        padding: 7px 0
    }
}

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

    /* NEW STYLES */
    .interactive-banners-style-08 .interactive-banners-box-image {
        max-height: 300px;
    }

    .btn.btn-large {
        max-width: none;
    }

    .accordion-style-03 .panel-heading .alt-font.bold {
        font-family: 'deichmannregular';
        font-weight: 700;
    }
}

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

@media (min-width: 768px) and (max-width: 991px) {
    .job-details-page .container {
        max-width: 920px;
    }

    .job-details .main-details ul li::before {
        content: none;
    }
}/**
 * placeholder-loading v0.5.0
 * Author: Zalog (https://www.zalog.ro/)
 * License: MIT
 **/
.ph-item {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
  padding: 30px 15px 15px 15px;
  overflow: hidden;
  direction: ltr;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
}
.ph-item,
.ph-item *,
.ph-item ::after,
.ph-item ::before {
  box-sizing: border-box;
}
.ph-item::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  z-index: 1;
  width: 500%;
  margin-left: -250%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 54%) 50% 50%;
  -webkit-animation: phAnimation 0.8s linear infinite;
          animation: phAnimation 0.8s linear infinite;
  content: " ";
  pointer-events: none;
}
.ph-item > * {
  display: flex;
  flex: 1 1 auto;
  flex-flow: column;
  margin-bottom: 15px;
  padding-right: 15px;
  padding-left: 15px;
}

.ph-row {
  display: flex;
  flex-wrap: wrap;
  margin-top: -7.5px;
}
.ph-row div {
  height: 10px;
  margin-top: 7.5px;
  background-color: #ced4da;
}
.ph-row .big, .ph-row.big div {
  height: 20px;
}
.ph-row .empty {
  background-color: rgba(255, 255, 255, 0);
}

.ph-col-2 {
  flex: 0 0 16.6666666667%;
}

.ph-col-4 {
  flex: 0 0 33.3333333333%;
}

.ph-col-6 {
  flex: 0 0 50%;
}

.ph-col-8 {
  flex: 0 0 66.6666666667%;
}

.ph-col-10 {
  flex: 0 0 83.3333333333%;
}

.ph-col-12 {
  flex: 0 0 100%;
}

[class*=ph-col] {
  direction: ltr;
}
[class*=ph-col] > * + .ph-row {
  margin-top: 0;
}
[class*=ph-col] > * + * {
  margin-top: 7.5px;
}

.ph-avatar {
  position: relative;
  width: 100%;
  min-width: 60px;
  overflow: hidden;
  background-color: #ced4da;
  border-radius: 50%;
}
.ph-avatar::before {
  display: block;
  padding-top: 100%;
  content: " ";
}

.ph-picture {
  width: 100%;
  height: 120px;
  background-color: #ced4da;
}

@-webkit-keyframes phAnimation {
  0% {
    transform: translate3d(-30%, 0, 0);
  }
  100% {
    transform: translate3d(30%, 0, 0);
  }
}

@keyframes phAnimation {
  0% {
    transform: translate3d(-30%, 0, 0);
  }
  100% {
    transform: translate3d(30%, 0, 0);
  }
}.BorlabsCookie *{box-sizing:border-box}.BorlabsCookie *::before,.BorlabsCookie *::after{box-sizing:inherit}.BorlabsCookie * div,.BorlabsCookie * span,.BorlabsCookie * h1,.BorlabsCookie * h2,.BorlabsCookie * h3,.BorlabsCookie * h4,.BorlabsCookie * h5,.BorlabsCookie * h6,.BorlabsCookie * p,.BorlabsCookie * a,.BorlabsCookie * em,.BorlabsCookie * img,.BorlabsCookie * small,.BorlabsCookie * strike,.BorlabsCookie * strong,.BorlabsCookie * sub,.BorlabsCookie * sup,.BorlabsCookie * b,.BorlabsCookie * u,.BorlabsCookie * i,.BorlabsCookie * center,.BorlabsCookie * ol,.BorlabsCookie * ul,.BorlabsCookie * li,.BorlabsCookie * fieldset,.BorlabsCookie * form,.BorlabsCookie * label,.BorlabsCookie * legend{margin:0;padding:0;border:0;color:inherit;vertical-align:baseline;font-family:inherit;font-size:inherit;font-style:initial;font-weight:initial;letter-spacing:initial;line-height:initial;text-decoration:initial;text-transform:initial;word-spacing:initial}.borlabs-hide{display:none}.borlabs-position-fix{position:initial !important;transform:unset !important}._brlbs-btn-cookie-preference{display:inline-block;font-family:inherit;font-size:inherit;padding:.5em 1em;text-decoration:none;transition:background-color 125ms linear}.BorlabsCookie ._brlbs-cursor{cursor:pointer}.BorlabsCookie .text-left{text-align:left !important}.BorlabsCookie .text-center{text-align:center !important}.BorlabsCookie .text-right{text-align:right !important}.BorlabsCookie table._brlbs th{text-align:left}.BorlabsCookie table._brlbs td,.BorlabsCookie table._brlbs th{padding:.3rem}.BorlabsCookie ._brlbs-responsive-table{min-height:.01%;overflow:auto}.BorlabsCookie label._brlbs-focused{outline:Highlight;outline-color:-webkit-focus-ring-color;outline-style:solid;outline-width:2px}.BorlabsCookie .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.BorlabsCookie .sr-only-focusable:active,.BorlabsCookie .sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.BorlabsCookie .container,.BorlabsCookie .container-fluid,.BorlabsCookie .container-xl,.BorlabsCookie .container-lg,.BorlabsCookie .container-md,.BorlabsCookie .container-sm{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media(min-width: 576px){.BorlabsCookie .container-sm,.BorlabsCookie .container{max-width:540px}}@media(min-width: 768px){.BorlabsCookie .container-md,.BorlabsCookie .container-sm,.BorlabsCookie .container{max-width:720px}}@media(min-width: 992px){.BorlabsCookie .container-lg,.BorlabsCookie .container-md,.BorlabsCookie .container-sm,.BorlabsCookie .container{max-width:960px}}@media(min-width: 1200px){.BorlabsCookie .container-xl,.BorlabsCookie .container-lg,.BorlabsCookie .container-md,.BorlabsCookie .container-sm,.BorlabsCookie .container{max-width:1140px}}.BorlabsCookie .row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.BorlabsCookie .no-gutters{margin-right:0;margin-left:0}.BorlabsCookie .no-gutters>.col,.BorlabsCookie .no-gutters>[class*=col-]{padding-right:0;padding-left:0}.BorlabsCookie .col-xl,.BorlabsCookie .col-xl-12,.BorlabsCookie .col-xl-11,.BorlabsCookie .col-xl-10,.BorlabsCookie .col-xl-9,.BorlabsCookie .col-xl-8,.BorlabsCookie .col-xl-7,.BorlabsCookie .col-xl-6,.BorlabsCookie .col-xl-5,.BorlabsCookie .col-xl-4,.BorlabsCookie .col-xl-3,.BorlabsCookie .col-xl-2,.BorlabsCookie .col-xl-1,.BorlabsCookie .col-lg,.BorlabsCookie .col-lg-12,.BorlabsCookie .col-lg-11,.BorlabsCookie .col-lg-10,.BorlabsCookie .col-lg-9,.BorlabsCookie .col-lg-8,.BorlabsCookie .col-lg-7,.BorlabsCookie .col-lg-6,.BorlabsCookie .col-lg-5,.BorlabsCookie .col-lg-4,.BorlabsCookie .col-lg-3,.BorlabsCookie .col-lg-2,.BorlabsCookie .col-lg-1,.BorlabsCookie .col-md,.BorlabsCookie .col-md-12,.BorlabsCookie .col-md-11,.BorlabsCookie .col-md-10,.BorlabsCookie .col-md-9,.BorlabsCookie .col-md-8,.BorlabsCookie .col-md-7,.BorlabsCookie .col-md-6,.BorlabsCookie .col-md-5,.BorlabsCookie .col-md-4,.BorlabsCookie .col-md-3,.BorlabsCookie .col-md-2,.BorlabsCookie .col-md-1,.BorlabsCookie .col-sm,.BorlabsCookie .col-sm-12,.BorlabsCookie .col-sm-11,.BorlabsCookie .col-sm-10,.BorlabsCookie .col-sm-9,.BorlabsCookie .col-sm-8,.BorlabsCookie .col-sm-7,.BorlabsCookie .col-sm-6,.BorlabsCookie .col-sm-5,.BorlabsCookie .col-sm-4,.BorlabsCookie .col-sm-3,.BorlabsCookie .col-sm-2,.BorlabsCookie .col-sm-1,.BorlabsCookie .col,.BorlabsCookie .col-12,.BorlabsCookie .col-11,.BorlabsCookie .col-10,.BorlabsCookie .col-9,.BorlabsCookie .col-8,.BorlabsCookie .col-7,.BorlabsCookie .col-6,.BorlabsCookie .col-5,.BorlabsCookie .col-4,.BorlabsCookie .col-3,.BorlabsCookie .col-2,.BorlabsCookie .col-1{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.BorlabsCookie .col{flex-basis:0;flex-grow:1;max-width:100%}.BorlabsCookie .col-1{flex:0 0 8.33333333%;max-width:8.33333333%}.BorlabsCookie .col-2{flex:0 0 16.66666667%;max-width:16.66666667%}.BorlabsCookie .col-3{flex:0 0 25%;max-width:25%}.BorlabsCookie .col-4{flex:0 0 33.33333333%;max-width:33.33333333%}.BorlabsCookie .col-5{flex:0 0 41.66666667%;max-width:41.66666667%}.BorlabsCookie .col-6{flex:0 0 50%;max-width:50%}.BorlabsCookie .col-7{flex:0 0 58.33333333%;max-width:58.33333333%}.BorlabsCookie .col-8{flex:0 0 66.66666667%;max-width:66.66666667%}.BorlabsCookie .col-9{flex:0 0 75%;max-width:75%}.BorlabsCookie .col-10{flex:0 0 83.33333333%;max-width:83.33333333%}.BorlabsCookie .col-11{flex:0 0 91.66666667%;max-width:91.66666667%}.BorlabsCookie .col-12{flex:0 0 100%;max-width:100%}@media(min-width: 576px){.BorlabsCookie .col-sm{flex-basis:0;flex-grow:1;max-width:100%}.BorlabsCookie .col-sm-1{flex:0 0 8.33333333%;max-width:8.33333333%}.BorlabsCookie .col-sm-2{flex:0 0 16.66666667%;max-width:16.66666667%}.BorlabsCookie .col-sm-3{flex:0 0 25%;max-width:25%}.BorlabsCookie .col-sm-4{flex:0 0 33.33333333%;max-width:33.33333333%}.BorlabsCookie .col-sm-5{flex:0 0 41.66666667%;max-width:41.66666667%}.BorlabsCookie .col-sm-6{flex:0 0 50%;max-width:50%}.BorlabsCookie .col-sm-7{flex:0 0 58.33333333%;max-width:58.33333333%}.BorlabsCookie .col-sm-8{flex:0 0 66.66666667%;max-width:66.66666667%}.BorlabsCookie .col-sm-9{flex:0 0 75%;max-width:75%}.BorlabsCookie .col-sm-10{flex:0 0 83.33333333%;max-width:83.33333333%}.BorlabsCookie .col-sm-11{flex:0 0 91.66666667%;max-width:91.66666667%}.BorlabsCookie .col-sm-12{flex:0 0 100%;max-width:100%}}@media(min-width: 768px){.BorlabsCookie .col-md{flex-basis:0;flex-grow:1;max-width:100%}.BorlabsCookie .col-md-1{flex:0 0 8.33333333%;max-width:8.33333333%}.BorlabsCookie .col-md-2{flex:0 0 16.66666667%;max-width:16.66666667%}.BorlabsCookie .col-md-3{flex:0 0 25%;max-width:25%}.BorlabsCookie .col-md-4{flex:0 0 33.33333333%;max-width:33.33333333%}.BorlabsCookie .col-md-5{flex:0 0 41.66666667%;max-width:41.66666667%}.BorlabsCookie .col-md-6{flex:0 0 50%;max-width:50%}.BorlabsCookie .col-md-7{flex:0 0 58.33333333%;max-width:58.33333333%}.BorlabsCookie .col-md-8{flex:0 0 66.66666667%;max-width:66.66666667%}.BorlabsCookie .col-md-9{flex:0 0 75%;max-width:75%}.BorlabsCookie .col-md-10{flex:0 0 83.33333333%;max-width:83.33333333%}.BorlabsCookie .col-md-11{flex:0 0 91.66666667%;max-width:91.66666667%}.BorlabsCookie .col-md-12{flex:0 0 100%;max-width:100%}}@media(min-width: 992px){.BorlabsCookie .col-lg{flex-basis:0;flex-grow:1;max-width:100%}.BorlabsCookie .col-lg-1{flex:0 0 8.33333333%;max-width:8.33333333%}.BorlabsCookie .col-lg-2{flex:0 0 16.66666667%;max-width:16.66666667%}.BorlabsCookie .col-lg-3{flex:0 0 25%;max-width:25%}.BorlabsCookie .col-lg-4{flex:0 0 33.33333333%;max-width:33.33333333%}.BorlabsCookie .col-lg-5{flex:0 0 41.66666667%;max-width:41.66666667%}.BorlabsCookie .col-lg-6{flex:0 0 50%;max-width:50%}.BorlabsCookie .col-lg-7{flex:0 0 58.33333333%;max-width:58.33333333%}.BorlabsCookie .col-lg-8{flex:0 0 66.66666667%;max-width:66.66666667%}.BorlabsCookie .col-lg-9{flex:0 0 75%;max-width:75%}.BorlabsCookie .col-lg-10{flex:0 0 83.33333333%;max-width:83.33333333%}.BorlabsCookie .col-lg-11{flex:0 0 91.66666667%;max-width:91.66666667%}.BorlabsCookie .col-lg-12{flex:0 0 100%;max-width:100%}}@media(min-width: 1200px){.BorlabsCookie .col-xl{flex-basis:0;flex-grow:1;max-width:100%}.BorlabsCookie .col-xl-1{flex:0 0 8.33333333%;max-width:8.33333333%}.BorlabsCookie .col-xl-2{flex:0 0 16.66666667%;max-width:16.66666667%}.BorlabsCookie .col-xl-3{flex:0 0 25%;max-width:25%}.BorlabsCookie .col-xl-4{flex:0 0 33.33333333%;max-width:33.33333333%}.BorlabsCookie .col-xl-5{flex:0 0 41.66666667%;max-width:41.66666667%}.BorlabsCookie .col-xl-6{flex:0 0 50%;max-width:50%}.BorlabsCookie .col-xl-7{flex:0 0 58.33333333%;max-width:58.33333333%}.BorlabsCookie .col-xl-8{flex:0 0 66.66666667%;max-width:66.66666667%}.BorlabsCookie .col-xl-9{flex:0 0 75%;max-width:75%}.BorlabsCookie .col-xl-10{flex:0 0 83.33333333%;max-width:83.33333333%}.BorlabsCookie .col-xl-11{flex:0 0 91.66666667%;max-width:91.66666667%}.BorlabsCookie .col-xl-12{flex:0 0 100%;max-width:100%}}.BorlabsCookie .d-block{display:block !important}.BorlabsCookie .d-flex{display:flex !important}@media(min-width: 576px){.BorlabsCookie .d-sm-block{display:block !important}.BorlabsCookie .d-sm-flex{display:flex !important}}@media(min-width: 768px){.BorlabsCookie .d-md-block{display:block !important}.BorlabsCookie .d-md-flex{display:flex !important}}@media(min-width: 992px){.BorlabsCookie .d-lg-block{display:block !important}.BorlabsCookie .d-lg-flex{display:flex !important}}@media(min-width: 1200px){.BorlabsCookie .d-xl-block{display:block !important}.BorlabsCookie .d-xl-flex{display:flex !important}}.BorlabsCookie .flex-row{flex-direction:row !important}.BorlabsCookie .flex-fill{flex:1 1 auto !important}.BorlabsCookie .justify-content-between{justify-content:space-between !important}.BorlabsCookie .align-items-start{align-items:flex-start !important}.BorlabsCookie .align-items-end{align-items:flex-end !important}.BorlabsCookie .align-items-center{align-items:center !important}.BorlabsCookie .align-items-baseline{align-items:baseline !important}.BorlabsCookie .align-items-stretch{align-items:stretch !important}@media(min-width: 576px){.BorlabsCookie .flex-sm-row{flex-direction:row !important}.BorlabsCookie .flex-sm-fill{flex:1 1 auto !important}.BorlabsCookie .justify-content-sm-between{justify-content:space-between !important}.BorlabsCookie .align-items-sm-start{align-items:flex-start !important}.BorlabsCookie .align-items-sm-end{align-items:flex-end !important}.BorlabsCookie .align-items-sm-center{align-items:center !important}.BorlabsCookie .align-items-sm-baseline{align-items:baseline !important}.BorlabsCookie .align-items-sm-stretch{align-items:stretch !important}}@media(min-width: 768px){.BorlabsCookie .flex-md-row{flex-direction:row !important}.BorlabsCookie .flex-md-fill{flex:1 1 auto !important}.BorlabsCookie .justify-content-md-between{justify-content:space-between !important}.BorlabsCookie .align-items-md-start{align-items:flex-start !important}.BorlabsCookie .align-items-md-end{align-items:flex-end !important}.BorlabsCookie .align-items-md-center{align-items:center !important}.BorlabsCookie .align-items-md-baseline{align-items:baseline !important}.BorlabsCookie .align-items-md-stretch{align-items:stretch !important}}@media(min-width: 992px){.BorlabsCookie .flex-lg-row{flex-direction:row !important}.BorlabsCookie .flex-lg-fill{flex:1 1 auto !important}.BorlabsCookie .justify-content-lg-between{justify-content:space-between !important}.BorlabsCookie .align-items-lg-start{align-items:flex-start !important}.BorlabsCookie .align-items-lg-end{align-items:flex-end !important}.BorlabsCookie .align-items-lg-center{align-items:center !important}.BorlabsCookie .align-items-lg-baseline{align-items:baseline !important}.BorlabsCookie .align-items-lg-stretch{align-items:stretch !important}}@media(min-width: 1200px){.BorlabsCookie .flex-xl-row{flex-direction:row !important}.BorlabsCookie .flex-xl-fill{flex:1 1 auto !important}.BorlabsCookie .justify-content-xl-between{justify-content:space-between !important}.BorlabsCookie .align-items-xl-start{align-items:flex-start !important}.BorlabsCookie .align-items-xl-end{align-items:flex-end !important}.BorlabsCookie .align-items-xl-center{align-items:center !important}.BorlabsCookie .align-items-xl-baseline{align-items:baseline !important}.BorlabsCookie .align-items-xl-stretch{align-items:stretch !important}}.BorlabsCookie .w-25{width:25% !important}.BorlabsCookie .w-50{width:50% !important}.BorlabsCookie .w-75{width:75% !important}.BorlabsCookie .w-100{width:100% !important}.BorlabsCookie .w-auto{width:auto !important}.BorlabsCookie .h-25{height:25% !important}.BorlabsCookie .h-50{height:50% !important}.BorlabsCookie .h-75{height:75% !important}.BorlabsCookie .h-100{height:100% !important}.BorlabsCookie .h-auto{height:auto !important}.BorlabsCookie .mw-100{max-width:100% !important}.BorlabsCookie .mh-100{max-height:100% !important}.BorlabsCookie .min-vw-100{min-width:100vw !important}.BorlabsCookie .min-vh-100{min-height:100vh !important}.BorlabsCookie .vw-100{width:100vw !important}.BorlabsCookie .vh-100{height:100vh !important}.BorlabsCookie ._brlbs-animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.BorlabsCookie ._brlbs-animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.BorlabsCookie ._brlbs-animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}.BorlabsCookie ._brlbs-animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s}.BorlabsCookie ._brlbs-animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s}.BorlabsCookie ._brlbs-animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}.BorlabsCookie ._brlbs-animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s}.BorlabsCookie ._brlbs-animated.fast{-webkit-animation-duration:800ms;animation-duration:800ms}.BorlabsCookie ._brlbs-animated.faster{-webkit-animation-duration:500ms;animation-duration:500ms}.BorlabsCookie ._brlbs-animated.slow{-webkit-animation-duration:2s;animation-duration:2s}.BorlabsCookie ._brlbs-animated.slower{-webkit-animation-duration:3s;animation-duration:3s}@media(print), (prefers-reduced-motion: reduce){.BorlabsCookie ._brlbs-animated{-webkit-animation-duration:1ms !important;animation-duration:1ms !important;transition-duration:1ms !important;-webkit-animation-iteration-count:1 !important;animation-iteration-count:1 !important}}.BorlabsCookie._brlbs-switch-consent{align-items:center;display:flex;font-size:inherit}.BorlabsCookie._brlbs-switch-consent ._brlbs-btn-switch--textRight{margin-right:2em}.BorlabsCookie ._brlbs-title{display:inline-block;vertical-align:middle;margin-bottom:0}.BorlabsCookie ._brlbs-title::before{content:"|";display:inline-block;margin:0 .25rem 0 0}.BorlabsCookie ._brlbs-checkbox{color:inherit;cursor:pointer;display:block;padding-left:2em;position:relative}.BorlabsCookie ._brlbs-checkbox input{position:absolute;opacity:0 !important;width:auto;z-index:-1}.BorlabsCookie ._brlbs-checkbox input:checked~._brlbs-checkbox-indicator::after{opacity:1}.BorlabsCookie ._brlbs-checkbox input:disabled~._brlbs-checkbox-indicator::after{opacity:1}.BorlabsCookie ._brlbs-checkbox ._brlbs-checkbox-indicator{border-style:solid;border-width:2px;padding:0 !important;position:absolute;left:0;top:0;height:20px;width:20px;transition:.25s}.BorlabsCookie ._brlbs-checkbox ._brlbs-checkbox-indicator::after{content:"";border-style:solid;border-width:0 2px 2px 0;border-radius:1px;position:absolute;left:5px;top:1px;height:11px;width:6px;transform:rotate(45deg);opacity:0}.BorlabsCookie ._brlbs-btn-switch{position:relative;display:inline-block;margin:0;width:50px;height:26px;vertical-align:middle}.BorlabsCookie ._brlbs-btn-switch input{opacity:0;width:0;height:0}.BorlabsCookie ._brlbs-btn-switch input:checked+._brlbs-slider{background-color:#2295f3}.BorlabsCookie ._brlbs-btn-switch input:checked+._brlbs-slider:before{transform:translateX(24px)}.BorlabsCookie ._brlbs-btn-switch ._brlbs-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#bbc0c7;transition:.4s}.BorlabsCookie ._brlbs-btn-switch ._brlbs-slider::before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;background-color:#fff;transition:.4s}.BorlabsCookie ._brlbs-btn-switch-status{position:absolute;top:50%;right:calc(100% + 6px);transform:translateY(-50%)}.BorlabsCookie ._brlbs-btn-switch--textRight ._brlbs-btn-switch-status{right:auto;left:calc(100% + 6px)}.BorlabsCookie ._brlbs-btn-switch-status::before{content:attr(data-inactive);white-space:nowrap}.BorlabsCookie ._brlbs-btn-switch>input:checked~._brlbs-btn-switch-status::before{content:attr(data-active)}#BorlabsCookieBox a{font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-decoration:inherit;text-transform:inherit;word-spacing:inherit}#BorlabsCookieBox a:focus{outline:Highlight !important;outline-color:-webkit-focus-ring-color !important;outline-style:solid !important;outline-width:2px !important}#BorlabsCookieBox:not(._brlbs-keyboard) a:focus{outline:0 !important}#BorlabsCookieBox ._brlbs-animated{visibility:visible}#BorlabsCookieBox .container{background:inherit;display:block;float:none;padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto;min-height:auto;position:inherit}#BorlabsCookieBox ._brlbs-bar .container{overflow:auto !important;width:100% !important;max-width:none !important;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}#BorlabsCookieBox ._brlbs-box .container{overflow:auto !important;width:auto !important}#BorlabsCookieBox .container::before{display:initial}#BorlabsCookieBox .container::after{content:" ";display:block;height:2px}#BorlabsCookieBox .container .row{background:inherit;color:inherit;display:flex;min-width:1px;pointer-events:inherit;width:auto;max-width:none}#BorlabsCookieBox .container .row.no-gutters{margin-left:0;margin-right:0}#BorlabsCookieBox .container .row::before,#BorlabsCookieBox .container .row::after{display:initial}#BorlabsCookieBox .bcac-item{margin:.5em 0;padding:.5em}#BorlabsCookieBox .bcac-item ._brlbs-h4{font-size:1.25em;margin:0 0 .25em 0}#BorlabsCookieBox .bcac-item p{font-size:.875em}#BorlabsCookieBox .bcac-item p,#BorlabsCookieBox .bcac-item span{color:inherit}#BorlabsCookieBox>div{display:none}#BorlabsCookieBox>div.show-cookie-box{display:flex}#BorlabsCookieBox>div:not(._brlbs-block-content){position:absolute;width:100%;z-index:999999}#BorlabsCookieBox>div:not(._brlbs-block-content).top-left{top:0}#BorlabsCookieBox>div:not(._brlbs-block-content).top-center{top:0}#BorlabsCookieBox>div:not(._brlbs-block-content).top-right{top:0}#BorlabsCookieBox>div:not(._brlbs-block-content).middle-left{top:50%}#BorlabsCookieBox>div:not(._brlbs-block-content).middle-center{top:50%}#BorlabsCookieBox>div:not(._brlbs-block-content).middle-right{top:50%}#BorlabsCookieBox>div:not(._brlbs-block-content).bottom-left{bottom:0}#BorlabsCookieBox>div:not(._brlbs-block-content).bottom-center{bottom:0}#BorlabsCookieBox>div:not(._brlbs-block-content).bottom-right{bottom:0}#BorlabsCookieBox h3,#BorlabsCookieBox ._brlbs-h3{background:inherit;color:inherit;font-family:inherit;font-size:1.625em;line-height:1.125em;word-break:break-all}#BorlabsCookieBox ul{display:flex;flex-flow:wrap;justify-content:center;list-style:none;margin:.9375em 0;padding:0}#BorlabsCookieBox ul li{color:inherit;font-family:inherit;font-size:1em;line-height:1.25em;list-style:none;margin:0 .9375em .375em 0}#BorlabsCookieBox ul li:last-child{margin:0}#BorlabsCookieBox ul li::before{content:"●";margin:0 4px 0 0}#BorlabsCookieBox p{color:inherit;font-family:inherit;font-size:1em;line-height:1.4em;margin:.9375em 0}#BorlabsCookieBox p:last-child{margin:0}#BorlabsCookieBox p ._brlbs-paragraph:last-child{margin-bottom:0}#BorlabsCookieBox ._brlbs-flex-center{display:flex;align-items:center;justify-content:center}#BorlabsCookieBox ._brlbs-flex-center p{margin-bottom:0}#BorlabsCookieBox ._brlbs-flex-left{display:flex;align-items:center;justify-content:left;margin:0 0 .9375em 0}#BorlabsCookieBox ._brlbs-actions{display:inline}#BorlabsCookieBox ._brlbs-accept{font-family:inherit;text-align:center}#BorlabsCookieBox ._brlbs-block-content{background:rgba(0,0,0,0);left:0;position:fixed;height:100%;top:0;width:100%;z-index:999999}#BorlabsCookieBox ._brlbs-block-content._brlbs-bg-animation{transition:background-color 250ms linear}#BorlabsCookieBox ._brlbs-block-content._brlbs-bg-dark{background:rgba(0,0,0,.6)}#BorlabsCookieBox ._brlbs-branding{font-family:inherit;font-size:.75em;margin:0}#BorlabsCookieBox ._brlbs-branding a{text-decoration:none}#BorlabsCookieBox ._brlbs-branding img{display:inline-block;max-height:16px;max-width:16px;vertical-align:middle}#BorlabsCookieBox ._brlbs-btn{display:inline-block;font-family:inherit;font-size:1.25em;padding:.75em 2em;text-decoration:none;transition:background-color 125ms linear}#BorlabsCookieBox ._brlbs-paragraph{display:block;margin-bottom:.6em}#BorlabsCookieBox ._brlbs-paragraph._brlbs-text-technology{display:inline}#BorlabsCookieBox ._brlbs-paragraph._brlbs-text-personal-data{display:inline}#BorlabsCookieBox ._brlbs-paragraph._brlbs-text-more-information{display:inline}#BorlabsCookieBox ._brlbs-paragraph._brlbs-text-no-commitment{display:inline}#BorlabsCookieBox ._brlbs-paragraph._brlbs-text-revoke{display:inline}#BorlabsCookieBox ._brlbs-paragraph._brlbs-text-individual-settings{display:inline}#BorlabsCookieBox ._brlbs-paragraph._brlbs-text-non-eu-data-transfer{margin-top:.6em}#BorlabsCookieBox .cookie-logo{height:auto;max-width:48px;padding:0 8px 0 0;vertical-align:middle;width:100%}#BorlabsCookieBox ._brlbs-legal{font-family:inherit;font-size:.75em;text-align:center}#BorlabsCookieBox ._brlbs-manage{font-family:inherit;font-size:.75em;text-align:center}#BorlabsCookieBox ._brlbs-refuse{font-family:inherit;font-size:.75em;text-align:center}#BorlabsCookieBox ._brlbs-refuse a{color:inherit}#BorlabsCookieBox ._brlbs-manage-btn{font-family:inherit;text-align:center}#BorlabsCookieBox ._brlbs-manage-btn a{font-size:1.25em;color:inherit}#BorlabsCookieBox ._brlbs-manage-btn a:hover{color:inherit}#BorlabsCookieBox ._brlbs-refuse-btn{font-family:inherit;text-align:center}#BorlabsCookieBox ._brlbs-refuse-btn a{font-size:1.25em;color:inherit}#BorlabsCookieBox ._brlbs-refuse-btn a:hover{color:inherit}#BorlabsCookieBox .top-left{align-items:flex-start;justify-content:flex-start}#BorlabsCookieBox .top-center{align-items:flex-start;justify-content:center}#BorlabsCookieBox .top-right{align-items:flex-start;justify-content:flex-end}#BorlabsCookieBox .middle-left{align-items:center;justify-content:flex-start}#BorlabsCookieBox .middle-center{align-items:center;justify-content:center}#BorlabsCookieBox .middle-right{align-items:center;justify-content:flex-end}#BorlabsCookieBox .bottom-left{align-items:flex-end;justify-content:flex-start}#BorlabsCookieBox .bottom-center{align-items:flex-end;justify-content:center}#BorlabsCookieBox .bottom-right{align-items:flex-end;justify-content:flex-end}#BorlabsCookieBox ._brlbs-box,#BorlabsCookieBox ._brlbs-bar{box-shadow:0 4px 8px rgba(0,0,0,.2);padding:15px 0;max-height:100vh;overflow:auto}#BorlabsCookieBox ._brlbs-bar-wrap{display:block;max-width:100%;width:100%;z-index:1000000}#BorlabsCookieBox ._brlbs-bar-wrap._brlbs-position-fixed{position:fixed}#BorlabsCookieBox ._brlbs-bar-wrap .cookie-preference ._brlbs-flex-center{justify-content:left}#BorlabsCookieBox ._brlbs-bar._brlbs-bar-slim .cookie-box p{margin:0}#BorlabsCookieBox ._brlbs-bar._brlbs-bar-slim .cookie-box p._brlbs-accept{margin:.9375em 0}#BorlabsCookieBox ._brlbs-bar._brlbs-bar-slim ._brlbs-actions-mobile{display:none}#BorlabsCookieBox ._brlbs-bar ul{justify-content:center;margin:.5em 0}#BorlabsCookieBox ._brlbs-bar ._brlbs-no-padding-right{padding-right:0}#BorlabsCookieBox ._brlbs-bar ._brlbs-separator::before{content:"|";display:inline-block;margin:0 2px}#BorlabsCookieBox ._brlbs-bar .cookie-logo{padding:0 8px 0 0;vertical-align:middle;width:100%}#BorlabsCookieBox ._brlbs-bar ._brlbs-legal{text-align:center}#BorlabsCookieBox ._brlbs-box-wrap{display:block;max-width:550px;width:100%;z-index:1000000}#BorlabsCookieBox ._brlbs-box-wrap._brlbs-position-fixed{position:fixed}#BorlabsCookieBox ._brlbs-box._brlbs-box-slim>.container ._brlbs-manage{margin:0}#BorlabsCookieBox ._brlbs-box._brlbs-box-slim>.container ._brlbs-refuse{margin:.5em 0 0 0}#BorlabsCookieBox ._brlbs-box ._brlbs-separator::before{content:"|";display:inline-block;margin:0 2px}#BorlabsCookieBox .cookie-preference .container.not-visible{height:0}#BorlabsCookieBox .cookie-preference table{margin:1em 0 0 0;width:100%}#BorlabsCookieBox .cookie-preference table tr td,#BorlabsCookieBox .cookie-preference table tr th{border-bottom:1px solid}#BorlabsCookieBox .cookie-preference table tr:last-child td,#BorlabsCookieBox .cookie-preference table tr:last-child th{border-bottom:0}#BorlabsCookieBox .cookie-preference table th{text-align:left;width:40%}#BorlabsCookieBox .cookie-preference table td{text-align:left}#BorlabsCookieBox .cookie-preference table td,#BorlabsCookieBox .cookie-preference table th{font-size:.875em;padding:.25em .5em}#BorlabsCookieBox .cookie-preference ._brlbs-accept{text-align:left}#BorlabsCookieBox .cookie-preference ._brlbs-btn{font-size:1em;margin:0 0 .9375em 0;padding:.75em 1.5em}#BorlabsCookieBox .cookie-preference ._brlbs-legal{text-align:right}#BorlabsCookieBox .cookie-preference ._brlbs-pp-url{overflow:hidden;text-overflow:ellipsis;width:100%;max-width:0}#BorlabsCookieBox .cookie-preference ._brlbs-refuse{margin:0 0 .9375em 0;text-align:right}#BorlabsCookieBox .cookie-preference ._brlbs-separator::before{content:"|";display:inline-block;margin:0 2px}#BorlabsCookieBox ._brlbs-bar-advanced ul,#BorlabsCookieBox ._brlbs-box-advanced ul{justify-content:space-between}#BorlabsCookieBox ._brlbs-bar-advanced ul li,#BorlabsCookieBox ._brlbs-box-advanced ul li{line-height:1.375em;margin:0 .9375em .875em 0}#BorlabsCookieBox ._brlbs-bar-advanced ul li::before,#BorlabsCookieBox ._brlbs-box-advanced ul li::before{content:"";margin:0}#BorlabsCookieBox ._brlbs-box-plus-wrap{max-width:768px}#BorlabsCookieBox ._brlbs-box-plus #CookieBoxTextDescription{padding-top:10px;overflow:visible;max-height:100%}#BorlabsCookieBox ._brlbs-box-plus ._brlbs-legal{padding-top:10px}#BorlabsCookieBox ._brlbs-box-plus ._brlbs-button-area{padding-top:.475em}#BorlabsCookieBox ._brlbs-box-plus ._brlbs-button-area p:last-child{margin:.475em 0}#BorlabsCookieBox ._brlbs-box-plus ul{display:block}#BorlabsCookieBox ._brlbs-box-plus ul li{line-height:1.375em;padding:.475em .9375em .475em 0}#BorlabsCookieBox ._brlbs-box-plus ul li ._brlbs-checkbox{font-weight:600}#BorlabsCookieBox ._brlbs-box-plus ul li ._brlbs-service-group-description{padding-top:8px}#BorlabsCookieBox ._brlbs-box-plus ul li::before{content:"";margin:0}#CookieBoxTextDescription{overflow:auto;max-height:50vh}#CookiePrefDescription{overflow:auto;max-height:40vh}.BorlabsCookie ._brlbs-content-blocker{line-height:1.5em}.BorlabsCookie ._brlbs-content-blocker ._brlbs-caption{padding:1em}.BorlabsCookie ._brlbs-content-blocker ._brlbs-caption label{color:inherit}.BorlabsCookie ._brlbs-content-blocker ._brlbs-caption label input{background:none;border:0;display:inline-block;height:auto;margin:inherit;position:static;vertical-align:middle;width:auto;-webkit-appearance:auto}.BorlabsCookie ._brlbs-content-blocker ._brlbs-caption label input::before{content:""}.BorlabsCookie ._brlbs-content-blocker ._brlbs-caption label small{vertical-align:middle}.BorlabsCookie ._brlbs-content-blocker ._brlbs-caption p{margin-bottom:1em}.BorlabsCookie ._brlbs-content-blocker ._brlbs-caption p:last-child{margin:0}.BorlabsCookie ._brlbs-content-blocker ._brlbs-caption small{font-size:.875em}.BorlabsCookie ._brlbs-content-blocker ._brlbs-default{background:#efefef;margin-bottom:1em;padding:1em;text-align:center}.BorlabsCookie ._brlbs-content-blocker ._brlbs-default label input{vertical-align:middle;width:auto}.BorlabsCookie ._brlbs-content-blocker ._brlbs-default p{margin-bottom:1em}.BorlabsCookie ._brlbs-content-blocker ._brlbs-default p:last-child{margin:0}.BorlabsCookie ._brlbs-content-blocker ._brlbs-default small{font-size:.875em}.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed{margin-bottom:1em;position:relative;display:inline-block;overflow:hidden}.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-thumbnail{display:block;max-width:100%}.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-caption{top:50%;left:0;position:absolute;width:100%;text-align:center;transform:translateY(-50%)}.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed a._brlbs-btn{display:inline-flex;align-items:center;justify-content:center}.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed a._brlbs-btn._brlbs-icon-play-black::before{background:url("data:image/svg+xml,%3Csvg version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 x=%270%27 y=%270%27 width=%2778%27 height=%2778%27 viewBox=%270, 0, 78, 78%27%3E%3Cg id=%27Layer_1%27%3E%3Cg%3E%3Cpath d=%27M7.5,71.5 L7.5,7.5 L55.5,37.828 L7.5,71.5%27 fill=%27%23000000%27/%3E%3Cpath d=%27M7.5,71.5 L7.5,7.5 L55.5,37.828 L7.5,71.5%27 fill-opacity=%270%27 stroke=%27%23000000%27 stroke-width=%2712%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center;background-size:contain;content:" ";display:inline-block;margin-right:4px;height:1.142857143em;width:.857142857em}.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed a._brlbs-btn._brlbs-icon-play-white::before{background:url("data:image/svg+xml,%3Csvg version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 x=%270%27 y=%270%27 width=%2778%27 height=%2778%27 viewBox=%270, 0, 78, 78%27%3E%3Cg id=%27Layer_1%27%3E%3Cg%3E%3Cpath d=%27M7.5,71.5 L7.5,7.5 L55.5,37.828 L7.5,71.5%27 fill=%27%23ffffff%27/%3E%3Cpath d=%27M7.5,71.5 L7.5,7.5 L55.5,37.828 L7.5,71.5%27 fill-opacity=%270%27 stroke=%27%23ffffff%27 stroke-width=%2712%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center;background-size:contain;content:" ";display:inline-block;margin-right:4px;height:1.142857143em;width:.857142857em}.BorlabsCookie ._brlbs-content-blocker ._brlbs-btn{display:inline-block;font-family:inherit;padding:.5em 1em;text-decoration:none;transition:background-color 125ms linear}._brlbs-fluid-width-video-wrapper{padding:56.2963% 0 0 0;position:relative;width:100%}._brlbs-fluid-width-video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.fusion-video .BorlabsCookie{top:0;left:0;position:absolute}.bricks-video-wrapper .BorlabsCookie,.brxe-video .BorlabsCookie{position:absolute;width:100%;height:100%;top:0}.bricks-video-wrapper .BorlabsCookie ._brlbs-embed,.brxe-video .BorlabsCookie ._brlbs-embed{width:100%}.bricks-video-wrapper .BorlabsCookie ._brlbs-embed ._brlbs-thumbnail,.brxe-video .BorlabsCookie ._brlbs-embed ._brlbs-thumbnail{width:100%}.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper .BorlabsCookie{top:0;left:0;position:absolute}.wpb_video_widget .wpb_video_wrapper .BorlabsCookie{display:block;height:100%;left:0;margin:0;position:absolute;top:0;width:100%}.wpb_wrapper .fb_type_standard{height:auto}#BorlabsCookieBoxWidget{position:fixed;transition:all 500ms ease;opacity:1;line-height:0;z-index:999998;padding:20px}#BorlabsCookieBoxWidget:hover{opacity:.8}#BorlabsCookieBoxWidget svg{width:48px;height:48px;filter:drop-shadow(0 0 4px rgba(0, 0, 0, 0.2))}#BorlabsCookieBoxWidget.bottom-left{left:0;bottom:0}#BorlabsCookieBoxWidget.bottom-right{bottom:0;right:0}@media(max-width: 424px){#BorlabsCookieBox ._brlbs-bar._brlbs-bar-slim ._brlbs-separator::before{content:"";display:block;margin:0}}@media(min-width: 576px){#BorlabsCookieBox ._brlbs-bar ul.show-cookie-logo{margin:.5em 0 0 16.6666666667%}}@media(max-width: 767px){#BorlabsCookieBox ._brlbs-box,#BorlabsCookieBox ._brlbs-bar{max-height:85vh}#BorlabsCookieBox ._brlbs-box-plus-wrap{max-width:550px}#BorlabsCookieBox ._brlbs-bar._brlbs-bar-slim p{margin:0 0 .5em 0}#BorlabsCookieBox ._brlbs-bar._brlbs-bar-slim ._brlbs-actions{display:none}#BorlabsCookieBox ._brlbs-bar._brlbs-bar-slim p._brlbs-actions-mobile{display:block;margin:.9375em 0;text-align:center}#BorlabsCookieBox ._brlbs-bar .align-items-center{align-items:flex-start !important}#BorlabsCookieBox .cookie-preference ._brlbs-accept,#BorlabsCookieBox .cookie-preference ._brlbs-refuse{text-align:center}#BorlabsCookieBoxWidget._brlbs-hide-mobile{opacity:0;pointer-events:none;transform:translateY(25px)}#BorlabsCookieBoxWidget svg{width:32px;height:32px}}
._brlbs-animated {
 --animate-duration: 1s;
 --animate-delay: 1s;
}
@keyframes _brlbs-fadeIn {
 from {
 opacity: 0;
 }

 to {
 opacity: 1;
 }
}

#BorlabsCookieBox ._brlbs-fadeIn {
 animation-name: _brlbs-fadeIn;
}
@keyframes _brlbs-fadeOut {
 from {
 opacity: 1;
 }

 to {
 opacity: 0;
 }
}

#BorlabsCookieBox ._brlbs-fadeOut {
 animation-name: _brlbs-fadeOut;
}
#BorlabsCookieBox * { font-family: inherit; }#BorlabsCookieBox ._brlbs-bar-advanced ul, #BorlabsCookieBox ._brlbs-box-advanced ul { justify-content: space-around; }#BorlabsCookieBox ._brlbs-bar, #BorlabsCookieBox ._brlbs-box { background: #fff; border-radius: 4px; color: #555; font-size: 14px; }#BorlabsCookieBox a { color: #008e54; }#BorlabsCookieBox a:hover { color: #008e54; }#BorlabsCookieBox ._brlbs-btn { background: #ffffff; border-radius: 4px; color: #555555; }#BorlabsCookieBox ._brlbs-btn:hover { background: #008e54; border-radius: 4px; color: #ffffff; }#BorlabsCookieBox ._brlbs-refuse-btn a, #BorlabsCookieBox a._brlbs-refuse-btn { background: #ffffff; border-radius: 4px; color: #555555; }#BorlabsCookieBox ._brlbs-refuse-btn a:hover, #BorlabsCookieBox a._brlbs-refuse-btn:hover { background: #008e54; border-radius: 4px; color: #ffffff; }#BorlabsCookieBox ._brlbs-manage-btn a { background: #ffffff; border-radius: 4px; color: #555555; }#BorlabsCookieBox ._brlbs-manage-btn a:hover { background: #008e54; border-radius: 4px; color: #ffffff; }#BorlabsCookieBox ._brlbs-btn-accept-all { background: #008e54; border-radius: 4px; color: #ffffff; }#BorlabsCookieBox ._brlbs-btn-accept-all:hover { background: #008e54; border-radius: 4px; color: #bdc1c8; }#BorlabsCookieBox ._brlbs-btn-accept-all { background: #008e54; border-radius: 4px; color: #ffffff; }#BorlabsCookieBox ._brlbs-btn-accept-all:hover { background: #008e54; border-radius: 4px; color: #bdc1c8; }#BorlabsCookieBox ._brlbs-legal { color: #aaa; }#BorlabsCookieBox ._brlbs-legal a { color: inherit; }#BorlabsCookieBox ._brlbs-legal a:hover { color: #aaa; }#BorlabsCookieBox ._brlbs-branding { color: #000; }#BorlabsCookieBox ._brlbs-branding a { color: inherit; }#BorlabsCookieBox ._brlbs-branding a:hover { color: inherit; }#BorlabsCookieBox ._brlbs-manage a { color: #008e54; }#BorlabsCookieBox ._brlbs-manage a:hover { color: #008e54; }#BorlabsCookieBox ._brlbs-refuse { color: #888; }#BorlabsCookieBox ._brlbs-refuse a:hover { color: #888; }#BorlabsCookieBox ul li::before { color: #008e54; }#BorlabsCookieBox .cookie-box ._brlbs-btn { width: 100%; }.BorlabsCookie ._brlbs-btn-switch ._brlbs-slider { background-color: #bdc1c8; }.BorlabsCookie ._brlbs-btn-switch input:checked + ._brlbs-slider { background-color: #008e54; }.BorlabsCookie ._brlbs-btn-switch ._brlbs-slider::before { background-color: #fff; }.BorlabsCookie ._brlbs-btn-switch input:checked + ._brlbs-slider:before { background-color: #fff; }.BorlabsCookie ._brlbs-checkbox ._brlbs-checkbox-indicator { background-color: #fff; border-color: #008e54; border-radius: 4px; }.BorlabsCookie ._brlbs-checkbox input:checked ~ ._brlbs-checkbox-indicator { background-color: #008e54; border-color: #008e54; }.BorlabsCookie ._brlbs-checkbox input:checked ~ ._brlbs-checkbox-indicator::after { border-color: #fff; }.BorlabsCookie ._brlbs-checkbox input:disabled ~ ._brlbs-checkbox-indicator { background-color: #e6e6e6; border-color: #e6e6e6; }.BorlabsCookie ._brlbs-checkbox input:disabled ~ ._brlbs-checkbox-indicator::after { border-color: #999; }#BorlabsCookieBox .bcac-item { background-color: #f7f7f7; border-radius: 0px; color: #555; }#BorlabsCookieBox .cookie-preference table { background-color: #fff; border-radius: 0px; color: #555; }#BorlabsCookieBox .cookie-preference table { background-color: #fff; border-radius: 0px; color: #555; }#BorlabsCookieBox .cookie-preference table tr td, #BorlabsCookieBox .cookie-preference table tr th { background-color: #fff; border-color: #008e54; }.BorlabsCookie ._brlbs-btn-switch ._brlbs-slider { border-radius: 34px; }.BorlabsCookie ._brlbs-btn-switch ._brlbs-slider::before { border-radius: 50%; }.BorlabsCookie ._brlbs-content-blocker { font-family: inherit; font-size: 14px; }.BorlabsCookie ._brlbs-content-blocker ._brlbs-caption { background: hsla(0, 0%, 0%, 0.8); color: #fff; }.BorlabsCookie ._brlbs-content-blocker ._brlbs-caption a { color: #28a745; }.BorlabsCookie ._brlbs-content-blocker ._brlbs-caption a:hover { color: #30c553; }.BorlabsCookie ._brlbs-content-blocker a._brlbs-btn { background: #28a745; border-radius: 4px; color: #fff; }.BorlabsCookie ._brlbs-content-blocker a._brlbs-btn:hover { background: #30c553; color: #fff; }#BorlabsCookieBoxWidget svg {color: #008e54;}a._brlbs-btn-cookie-preference { background: #008e54 !important; border-radius: 4px !important; color: #ffffff !important; }a._brlbs-btn-cookie-preference:hover { background: #008e54 !important; color: #bdc1c8 !important; }#BorlabsCookieBox p {
margin-bottom: 10px!important;
}

.BorlabsCookie ._brlbs-facebook {
 border: 1px solid #e1e8ed;
 border-radius: 6px;
 max-width: 516px;
 padding: 3px 0;
}
.BorlabsCookie ._brlbs-facebook a._brlbs-btn {
 background: #4267b2;
 border-radius: 2px;
}
.BorlabsCookie ._brlbs-facebook a._brlbs-btn:hover {
 background: #3b5998;
}
.BorlabsCookie ._brlbs-google-maps a._brlbs-btn {
 background: #4285f4;
 border-radius: 3px;
}
.BorlabsCookie ._brlbs-google-maps a._brlbs-btn:hover {
 background: #fff;
 color: #4285f4;
}.BorlabsCookie ._brlbs-instagram {
 border: 1px solid #e1e8ed;
 border-radius: 6px;
 max-width: 516px;
 padding: 3px 0;
}
.BorlabsCookie ._brlbs-instagram a._brlbs-btn {
 background: #3897f0;
 border-radius: 4px;
}
.BorlabsCookie ._brlbs-instagram a._brlbs-btn:hover {
 background: #117ee4;
}
.BorlabsCookie ._brlbs-twitter {
 border: 1px solid #e1e8ed;
 border-radius: 3px;
 max-width: 516px;
}
.BorlabsCookie ._brlbs-twitter a._brlbs-btn {
 background: #1da1f2;
 border-radius: 0;
}
.BorlabsCookie ._brlbs-twitter a._brlbs-btn:hover {
 background: #fff;
 color: #1da1f2;
}
.BorlabsCookie ._brlbs-video-vimeo a._brlbs-btn {
 background: #00adef;
 border-radius: 20px;
}
.BorlabsCookie ._brlbs-video-vimeo a._brlbs-btn:hover {
 background: #fff;
 color: #00adef;
}
.BorlabsCookie ._brlbs-video-vimeo a._brlbs-btn._brlbs-icon-play-white:hover::before {
 background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0' y='0' width='78' height='78' viewBox='0, 0, 78, 78'%3E%3Cg id='Layer_1'%3E%3Cg%3E%3Cpath d='M7.5,71.5 L7.5,7.5 L55.5,37.828 L7.5,71.5' fill='%2300adef'/%3E%3Cpath d='M7.5,71.5 L7.5,7.5 L55.5,37.828 L7.5,71.5' fill-opacity='0' stroke='%2300adef' stroke-width='12' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center;
 background-size: contain;
 content: " ";
}