/**
* Display
*/

.eso-d-inline-block { display: inline-block; }
.eso-d-block { display: block; }
.eso-d-none { display: none !important; }

/**
* Text
*/

.eso-t-center { text-align: center; }
.eso-t-left { text-align: left; }
.eso-t-right { text-align: right; }
.eso-t-lighter { font-weight: lighter; }
.eso-t-normal { font-weight: normal; }
.eso-t-bold { font-weight: bold; }
.eso-t-upper { text-transform: uppercase; }

/**
* Font
*/

.eso-f-10 { font-size: 10px; }
.eso-f-12 { font-size: 12px; }
.eso-f-14 { font-size: 14px; }
.eso-f-16 { font-size: 16px; }
.eso-f-18 { font-size: 18px; }
.eso-f-20 { font-size: 20px; }
.eso-f-30 { font-size: 30px; }
.eso-f-40 { font-size: 40px; }
.eso-f-50 { font-size: 50px; }

.eso-rem-1 { font-size: 1rem; }
.eso-rem-15 { font-size: 1.5rem; }
.eso-rem-2 { font-size: 2rem; }
.eso-rem-25 { font-size: 2.5rem; }
.eso-rem-3 { font-size: 3rem; }
.eso-rem-35 { font-size: 3.5rem; }
.eso-rem-4 { font-size: 4rem; }
.eso-rem-45 { font-size: 4.5rem; }
.eso-rem-5 { font-size: 5rem; }

.eso-text-shadow { text-shadow: 1px 1px #000; }

/**
* Padding
*/

.eso-p-0 { padding: 0; }
.eso-pt-0 { padding-top: 0; }
.eso-pr-0 { padding-right: 0; }
.eso-pb-0 { padding-bottom: 0; }
.eso-pl-0 { padding-left: 0; }

.eso-p-1 { padding: 5px; }
.eso-pt-1 { padding-top: 5px; }
.eso-pr-1 { padding-right: 5px; }
.eso-pb-1 { padding-bottom: 5px; }
.eso-pl-1 { padding-left: 5px; }

.eso-p-2 { padding: 10px; }
.eso-pt-2 { padding-top: 10px; }
.eso-pr-2 { padding-right: 10px; }
.eso-pb-2 { padding-bottom: 10px; }
.eso-pl-2 { padding-left: 10px; }

.eso-p-3 { padding: 15px; }
.eso-pt-3 { padding-top: 15px; }
.eso-pr-3 { padding-right: 15px; }
.eso-pb-3 { padding-bottom: 15px; }
.eso-pl-3 { padding-left: 15px; }

.eso-p-medium { padding: 50px; }
.eso-pt-medium { padding-top: 50px; }
.eso-pr-medium { padding-right: 50px; }
.eso-pb-medium { padding-bottom: 50px; }
.eso-pl-medium { padding-left: 50px; }

.eso-p-large { padding: 50px; }
.eso-pt-large { padding-top: 100px; }
.eso-pr-large { padding-right: 100px; }
.eso-pb-large { padding-bottom: 100px; }
.eso-pl-large { padding-left: 100px; }

/**
* Margin
*/

.eso-m-0 { margin: 0; }
.eso-mt-0 { margin-top: 0; }
.eso-mr-0 { margin-right: 0; }
.eso-mb-0 { margin-bottom: 0; }
.eso-ml-0 { margin-left: 0; }

.eso-m-1 { margin: 5px; }
.eso-mt-1 { margin-top: 5px; }
.eso-mr-1 { margin-right: 5px; }
.eso-mb-1 { margin-bottom: 5px; }
.eso-ml-1 { margin-left: 5px; }

.eso-m-2 { margin: 10px; }
.eso-mt-2 { margin-top: 10px; }
.eso-mr-2 { margin-right: 10px; }
.eso-mb-2 { margin-bottom: 10px; }
.eso-ml-2 { margin-left: 10px; }

.eso-m-3 { margin: 15px; }
.eso-mt-3 { margin-top: 15px; }
.eso-mr-3 { margin-right: 15px; }
.eso-mb-3 { margin-bottom: 15px; }
.eso-ml-3 { margin-left: 15px; }

.eso-m-medium { margin: 50px; }
.eso-mt-medium { margin-top: 50px; }
.eso-mr-medium { margin-right: 50px; }
.eso-mb-medium { margin-bottom: 50px; }
.eso-ml-medium { margin-left: 50px; }

.eso-m-large { margin: 100px; }
.eso-mt-large { margin-top: 100px; }
.eso-mr-large { margin-right: 100px; }
.eso-mb-large { margin-bottom: 100px; }
.eso-ml-large { margin-left: 100px; }

/**
* Rounding
*/

.eso-rounded { border-radius: .5rem; }
.eso-rounded-top { border-top-left-radius: .5rem; border-top-right-radius: .5rem; }
.eso-rounded-right { border-top-right-radius: .5rem; border-bottom-right-radius: .5rem; }
.eso-rounded-bottom { border-bottom-left-radius: .5rem; border-bottom-right-radius: .5rem; }
.eso-rounded-left { border-top-left-radius: .5rem; border-bottom-left-radius: .5rem; }
.eso-round { border-radius: 50%; }
.eso-round-image { border-radius: 50%; }
.eso-round-image img { border-radius: 50%; }

/**
* Border Color
*/

.eso-border-1 { transition: border-color 0.35s; }
.eso-border-2 { transition: border-color 0.35s; }
.eso-border-3 { transition: border-color 0.35s; }
.eso-border-4 { transition: border-color 0.35s; }
.eso-border-5 { transition: border-color 0.35s; }
.eso-border-dark { transition: border-color 0.35s; }

/**
* Shadows
*/

.eso-box-shadow-wide { box-shadow: 0px 0px 25px 40px rgba(0, 0, 0, 0.2) }
.eso-box-shadow { transition: box-shadow 0.25s; }
.eso-box-shadow:hover { box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04) }
.eso-box-shadow-on { box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04) }

/**
* RGBA Bg
*/

.eso-rgbg-25 { background-color: rgba(0, 0, 0, 0.25) }
.eso-rgbg-5 { background-color: rgba(0, 0, 0, 0.5) }
.eso-rgbg-75 { background-color: rgba(0, 0, 0, 0.75) }
.eso-rgba-bg-25 { background-color: rgba(0, 0, 0, 0.25) }
.eso-rgba-bg-5 { background-color: rgba(0, 0, 0, 0.5) }
.eso-rgba-bg-75 { background-color: rgba(0, 0, 0, 0.75) }

.eso-rgbg-25-white { background-color: rgba(255, 255, 255, 0.25) }
.eso-rgbg-5-white { background-color: rgba(255, 255, 255, 0.5) }
.eso-rgbg-75-white { background-color: rgba(255, 255, 255, 0.75) }
.eso-rgba-bg-25-white { background-color: rgba(255, 255, 255, 0.25) }
.eso-rgba-bg-5-white { background-color: rgba(255, 255, 255, 0.5) }
.eso-rgba-bg-75-white { background-color: rgba(255, 255, 255, 0.75) }

.eso-rgba-bg-25-before {position: relative; z-index: 0; }
.eso-rgba-bg-25-before > div { position: relative; z-index: 1; }
.eso-rgba-bg-25-before:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.25)}
.eso-rgba-bg-5-before { position: relative; z-index: 0; }
.eso-rgba-bg-5-before > div { position: relative; z-index: 1; }
.eso-rgba-bg-5-before:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5)}
.eso-rgba-bg-75-before { position: relative; z-index: 0; }
.eso-rgba-bg-75-before > div { position: relative; z-index: 1; }
.eso-rgba-bg-75-before:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.75)}

.eso-rgba-bg-25-before-white {position: relative; z-index: 0; }
.eso-rgba-bg-25-before-white > div { position: relative; z-index: 1; }
.eso-rgba-bg-25-before-white:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.25)}
.eso-rgba-bg-5-before-white { position: relative; z-index: 0; }
.eso-rgba-bg-5-before-white > div { position: relative; z-index: 1; }
.eso-rgba-bg-5-before-white:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.5)}
.eso-rgba-bg-75-before-white { position: relative; z-index: 0; }
.eso-rgba-bg-75-before-white > div { position: relative; z-index: 1; }
.eso-rgba-bg-75-before-white:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.75)}


/**
* Slick
*/

.slick-slider .slick-dots li button:before {
    font-size: 15px;
    transition: all .25s;
}

/**
* Widgets & features
*/
.eso-display-inline > .so-panel { display: inline-block; }
.eso-modal { display: none; }
.iziModal .iziModal-wrap .iziModal-iframe { margin: 0 0 -8px 0; }
