/*===================================
  01. Google font
====================================== */
@import url('https://fonts.googleapis.com/css?family=Muli:300,300i,400,400i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Poppins:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

#loading {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    z-index: 999999;
}

.load-circle:after,
.load-circle:before {
    content: '';
    background: #fff;
    height: 50%;
    width: 100%;
    position: absolute;
    left: 0;
    transition: all 1s;
}

.load-circle:after {
    top: 0;
}

.load-circle:before {
    bottom: 0;
}


.load-circle {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 10px solid #e8e8e8;
    border-top: 10px solid #000;
    -webkit-animation: rotate 1.2s infinite linear;
    animation: rotate 1.2s infinite linear;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

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

    100% {
        transform: rotate(360deg);
    }
}

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

    100% {
        transform: rotate(360deg);
    }
}


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

.font-main {
    font-family: 'Muli', sans-serif;
}

a,
.m-btn {
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -ms-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
}
/*===================================
  02. Reset
====================================== */
body {
    font-family: 'Muli', sans-serif;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-weight: normal;
    font-style: normal;
    font-size: 15px;
    color: #626262;
}

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

a:focus,
a:active,
button:focus,
button:active,
input[type="button"]:focus,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: none;
}

input[type="button"],
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
textarea,
input[type="submit"] {
    -webkit-appearance: none;
    outline: none;
}

input,
textarea,
select {
    border: 1px solid #d1d1d1;
    font-size: 14px;
    padding: 8px 15px;
    width: 100%;
    margin: 0;
    max-width: 100%;
    resize: none;
}

    input[type="checkbox"],
    input[type="radio"] {
        width: auto;
    }

ul,
ol,
dl {
    list-style-position: outside;
    margin-bottom: 25px
}

::selection {
    color: #000;
    background: #dbdbdb;
}

::-moz-selection {
    color: #000;
    background: #dbdbdb;
}

::-webkit-input-placeholder {
    color: #6f6f6f;
    text-overflow: ellipsis;
}

::-moz-placeholder {
    color: #6f6f6f;
    text-overflow: ellipsis;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #6f6f6f;
    text-overflow: ellipsis;
    opacity: 1;
}

/*===================================
  03. Heading
====================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 25px;
    padding: 0;
    letter-spacing: 0;
    font-weight: 400
}

h1 {
    font-size: 70px;
}

h2 {
    font-size: 55px;
}

h3 {
    font-size: 48px;
}

h4 {
    font-size: 40px;
}

h5 {
    font-size: 32px;
}

h6 {
    font-size: 25px;
}

@media (max-width: 767px) {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin: 0 0 17px;
        padding: 0;
        letter-spacing: 0;
        font-weight: 400;
    }

    h1 {
        font-size: 37px;
    }

    h2 {
        font-size: 30px;
    }

    h3 {
        font-size: 28px;
    }

    h4 {
        font-size: 24px;
    }

    h5 {
        font-size: 20px;
    }

    h6 {
        font-size: 18px;
    }
}

/*===================================
  04. Position
====================================== */
.position-relative-m {
    position: relative;
}

.position-static-m {
    position: static;
}

.position-absolute-m {
    position: absolute;
}

.position-fixed-m {
    position: fixed;
}

.z-inder1 {
    z-index: 1;
}

.z-inder11 {
    z-index: 11;
}

.z-inder111 {
    z-index: 111;
}

.z-inder9 {
    z-index: 9;
}

.z-inder99 {
    z-index: 99;
}

.z-inder999 {
    z-index: 999;
}

@media (max-width: 1200px) {
    .lg-position-relative-m {
        position: relative;
    }

    .lg-position-static-m {
        position: static;
    }

    .lg-position-absolute-m {
        position: absolute;
    }

    .lg-position-fixed-m {
        position: fixed;
    }
}

@media (max-width: 991px) {
    .md-position-relative-m {
        position: relative;
    }

    .md-position-static-m {
        position: static;
    }

    .md-position-absolute-m {
        position: absolute;
    }

    .md-position-fixed-m {
        position: fixed;
    }
}

@media (max-width: 767px) {
    .sm-position-relative-m {
        position: relative;
    }

    .sm-position-static-m {
        position: static;
    }

    .sm-position-absolute-m {
        position: absolute;
    }

    .sm-position-fixed-m {
        position: fixed;
    }
}

@media (min-width: 1201px) {
    .lg-position-relative-min {
        position: relative;
    }

    .lg-position-static-min {
        position: static;
    }

    .lg-position-absolute-min {
        position: absolute;
    }

    .lg-position-fixed-min {
        position: fixed;
    }
}

@media (min-width: 992px) {
    .md-position-relative-min {
        position: relative;
    }

    .md-position-static-min {
        position: static;
    }

    .md-position-absolute-min {
        position: absolute;
    }

    .md-position-fixed-min {
        position: fixed;
    }
}

@media (min-width: 768px) {
    .sm-position-relative-m {
        position: relative;
    }

    .sm-position-static-m {
        position: static;
    }

    .sm-position-absolute-m {
        position: absolute;
    }

    .sm-position-fixed-m {
        position: fixed;
    }
}

/* top */
.top-auto {
    top: auto
}

.top-inherit {
    top: inherit !important;
}

.top-0 {
    top: 0 !important;
}

.top-1 {
    top: 1px
}

.top-2 {
    top: 2px
}

.top-3 {
    top: 3px
}

.top-4 {
    top: 4px
}

.top-5 {
    top: 5px
}

.top-6 {
    top: 6px
}

.top-7 {
    top: 7px
}

.top-8 {
    top: 8px
}

.top-9 {
    top: 9px
}

.top-10 {
    top: 10px
}

.top-15 {
    top: 15px
}

.top-20 {
    top: 20px
}

.top-25 {
    top: 25px
}

.top-30 {
    top: 30px
}

.top-35 {
    top: 35px
}

.top-40 {
    top: 40px
}

.top-45 {
    top: 45px
}

.top-50 {
    top: 50px
}

.top-minus1 {
    top: -1px
}

.top-minus2 {
    top: -2px
}

.top-minus3 {
    top: -3px
}

.top-minus4 {
    top: -4px
}

.top-minus5 {
    top: -5px
}

.top-minus6 {
    top: -6px
}

.top-minus7 {
    top: -7px
}

.top-minus8 {
    top: -8px
}

.top-minus9 {
    top: -9px
}

.top-minus10 {
    top: -10px
}

.top-minus15 {
    top: -15px
}

.top-minus20 {
    top: -20px
}

.top-minus25 {
    top: -25px
}

.top-minus30 {
    top: -30px
}

.top-minus35 {
    top: -35px
}

.top-minus40 {
    top: -40px
}

/* bottom */
.bottom-auto {
    bottom: auto
}

.bottom-0 {
    bottom: 0
}

.bottom-1 {
    bottom: 1px
}

.bottom-2 {
    bottom: 2px
}

.bottom-3 {
    bottom: 3px
}

.bottom-4 {
    bottom: 4px
}

.bottom-5 {
    bottom: 5px
}

.bottom-6 {
    bottom: 6px
}

.bottom-7 {
    bottom: 7px
}

.bottom-8 {
    bottom: 8px
}

.bottom-9 {
    bottom: 9px
}

.bottom-10 {
    bottom: 10px
}

.bottom-15 {
    bottom: 15px
}

.bottom-20 {
    bottom: 20px
}

.bottom-25 {
    bottom: 25px
}

.bottom-30 {
    bottom: 30px
}

.bottom-35 {
    bottom: 35px
}

.bottom-40 {
    bottom: 40px
}

.bottom-45 {
    bottom: 45px
}

.bottom-50 {
    bottom: 50px
}

/* left */
.left-auto {
    left: auto
}

.left-0 {
    left: 0
}

.left-1 {
    left: 1px
}

.left-2 {
    left: 2px
}

.left-3 {
    left: 3px
}

.left-4 {
    left: 4px
}

.left-5 {
    left: 5px
}

.left-6 {
    left: 6px
}

.left-7 {
    left: 7px
}

.left-8 {
    left: 8px
}

.left-9 {
    left: 9px
}

.left-10 {
    left: 10px
}

.left-15 {
    left: 15px
}

.left-20 {
    left: 20px
}

.left-25 {
    left: 25px
}

.left-30 {
    left: 30px
}

.left-35 {
    left: 35px
}

.left-40 {
    left: 40px
}

.left-45 {
    left: 45px
}

.left-50 {
    left: 50px
}

.left-minus1 {
    left: -1px
}

.left-minus2 {
    left: -2px
}

.left-minus3 {
    left: -3px
}

.left-minus4 {
    left: -4px
}

.left-minus5 {
    left: -5px
}

.left-minus6 {
    left: -6px
}

.left-minus7 {
    left: -7px
}

.left-minus8 {
    left: -8px
}

.left-minus9 {
    left: -9px
}

.left-minus10 {
    left: -10px
}

.left-minus15 {
    left: -15px
}

.left-minus20 {
    left: -20px
}

.left-minus25 {
    left: -25px
}

.left-minus30 {
    left: -30px
}

.left-minus35 {
    left: -35px
}

.left-minus40 {
    left: -40px
}

.left-minus50 {
    left: -50px
}

/* right */
.right-auto {
    right: auto
}

.right-0 {
    right: 0
}

.right-1 {
    right: 1px
}

.right-2 {
    right: 2px
}

.right-3 {
    right: 3px
}

.right-4 {
    right: 4px
}

.right-5 {
    right: 5px
}

.right-6 {
    right: 6px
}

.right-7 {
    right: 7px
}

.right-8 {
    right: 8px
}

.right-9 {
    right: 9px
}

.right-10 {
    right: 10px
}

.right-15 {
    right: 15px
}

.right-20 {
    right: 20px
}

.right-25 {
    right: 25px
}

.right-30 {
    right: 30px
}

.right-35 {
    right: 35px
}

.right-40 {
    right: 40px
}

.right-45 {
    right: 45px
}

.right-50 {
    right: 50px
}


/*===================================
  05. Forms
====================================== */
.input-big,
.textarea-big,
.select-big select {
    padding: 18px 25px;
    font-size: 14px;
    border-radius: 0;
}

.input-medium,
.textarea-medium,
.select-medium select {
    padding: 12px 20px;
    font-size: 14px;
    line-height: normal;
    border-radius: 0;
}

.input-small,
.textarea-small {
    padding: 12px 15px;
    font-size: 11px;
    line-height: normal
}

.select-small select {
    padding: 12px 15px;
    line-height: normal;
    font-size: 11px;
}

.input-medium-light,
.textarea-medium-light,
.select-medium-light select {
    padding: 12px 25px;
    font-size: 12px;
    line-height: normal
}

.input-extra-small,
.textarea-extra-small,
.select-extra-small select {
    padding: 9px 17px;
    font-size: 12px;
    line-height: normal
}

.select-style {
    width: 100%;
    overflow: hidden;
    border: 1px solid #d1d1d1;
    position: relative;
}

    .select-style:after {
        width: 16px;
        height: 16px;
        background: url("../../../inventheme.com/themeforest/eau/eau/static/img/select-arrow.png") no-repeat 97% 50%;
        content: "";
        position: absolute;
        right: 12px;
        top: 0;
        bottom: 0;
        margin: auto;
        pointer-events: none;
    }

    .select-style select {
        width: 100%;
        border: none;
        box-shadow: none;
        background-color: #fff;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        cursor: pointer;
        color: inherit;
    }

        .select-style select:focus {
            outline: none;
            border: none;
            box-shadow: none
        }

/*Dark Input*/
.dark-form {
    background: rgba(0,0,0,0.5);
    border: none;
    color: #666;
}

    .dark-form select {
        background: transparent;
    }

/*Border form*/
.border-form {
    border: none;
    border-bottom: 1px solid #484848;
    background: transparent;
    padding-left: 0;
    padding-right: 0;
    color: #666;
}

    .border-form select {
        background: none;
        padding-right: 25px;
        padding-left: 0;
    }

.input-bg {
    background: #f5f5f5;
    color: #222;
}

/*===================================
  06. Section
====================================== */
.section {
    padding: 80px 0;
}

@media (max-width: 991px) {
    .section {
        padding: 60px 0;
    }
}

@media (max-width: 767px) {
    .section {
        padding: 40px 0;
    }
}

/*===================================
  07. Main Banner
====================================== */
.full-screen {
    min-height: 100vh;
}

.main-half-slider .slider {
    height: 750px;
}

/*===================================
  08. Owl Slider
====================================== */
.owl-nav .owl-prev,
.owl-nav .owl-next {
    position: absolute;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: rgba(0,0,0,.5);
    text-align: center;
    top: 0;
    bottom: 0;
    position: absolute;
    margin: auto;
}

    .owl-nav .owl-prev i,
    .owl-nav .owl-next i {
        line-height: 45px;
        font-size: 16px;
        color: #fff;
    }

.owl-nav .owl-prev {
    left: 0;
}

.owl-nav .owl-next {
    right: 0;
}
/*===================================
  09. Section Title
====================================== */
.hr-title {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    overflow: hidden;
    text-align: center;
}

    .hr-title span {
        position: relative;
        display: inline-block;
        text-transform: uppercase;
        font-weight: 600;
    }

        .hr-title span:after {
            content: "";
            position: absolute;
            top: 50%;
            height: 1px;
            width: 99%;
            display: block;
            border-bottom: 1px solid;
            left: 100%;
            margin-left: 25px;
            opacity: .15;
        }

        .hr-title span:before {
            content: "";
            position: absolute;
            top: 50%;
            height: 1px;
            width: 99%;
            display: block;
            border-bottom: 1px solid;
            right: 100%;
            margin-right: 25px;
            opacity: .15;
        }

/*===================================
  10. Breadcrumbs
====================================== */
.breadcrumbs {
    margin: 0;
    padding: 0;
}

    .breadcrumbs li {
        display: inline-block;
        vertical-align: top;
        position: relative;
    }

        .breadcrumbs li a {
            color: #000;
        }

    .breadcrumbs > li + li:before {
        margin: 0 11px 0 14px;
        display: inline-block;
        vertical-align: middle;
        opacity: .4;
        content: "";
        width: 5px;
        height: 5px;
        background: #000;
        border-radius: 50%;
    }

    .breadcrumbs li span {
        color: #999
    }

/*===================================
  11. Blockquote
====================================== */
.blockquote {
    padding: 25px 40px;
    margin: 45px 0;
}

.blockquote-left {
    padding: 15px 40px;
    margin: 45px 0;
    border-left: 2px solid;
}

.blockquote-right {
    padding: 15px 40px;
    margin: 45px 0;
    border-right: 2px solid;
}


/*===================================
  12. Dropcap
====================================== */
.first-letter {
    float: left;
    font-size: 50px;
    margin: 0 20px 0 0;
    text-align: center;
    padding: 10px 0;
    font-weight: 600
}

.first-letter-big {
    float: left;
    font-size: 110px;
    line-height: 110px;
    margin: 0 20px 0 0;
    padding: 0 8px;
    text-align: center;
    font-weight: 600;
    position: relative;
}

    .first-letter-big:before {
        position: absolute;
        border-bottom: 1px solid;
        content: "";
        display: block;
        width: 100%;
        top: 55%;
        left: 0
    }

.first-letter-block {
    font-size: 30px;
    height: 55px;
    line-height: 22px;
    padding: 15px 0;
    width: 55px;
    font-weight: 500;
    margin-top: 5px
}


/*===================================
  13. Accordion Styles
====================================== */
/*accordion-08*/
.accordion-08 .mrig-group {
    background: #fff;
    box-shadow: 0 0 12px rgba(0,0,0,.1);
    margin: 20px 0;
    border-radius: 5px;
}

    .accordion-08 .mrig-group:last-child {
        margin-bottom: 0;
    }

.accordion-08 .mrig-heading {
    padding: 25px 25px 25px 65px;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    color: #333;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 15px;
}

    .accordion-08 .mrig-heading i {
        position: absolute;
        left: 20px;
        top: 0;
        font-size: 30px;
        bottom: 0;
        height: 30px;
        margin: auto;
    }

.accordion-08 .mrig-active .mrig-heading i,
.accordion-08 .mrig-active .mrig-heading {
    color: #fff;
}

.accordion-08 .mrig-des {
    padding: 0 15px 15px;
    color: #fff;
}

.accordion-08 .mrig-group {
    background: #fff;
    box-shadow: 0 0 12px rgba(0,0,0,.1);
    margin: 20px 0;
    border-radius: 5px;
}

    .accordion-08 .mrig-group:last-child {
        margin-bottom: 0;
    }

.accordion-08 .mrig-heading {
    padding: 25px 25px 25px 65px;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    color: #333;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 15px;
}

    .accordion-08 .mrig-heading i {
        position: absolute;
        left: 20px;
        top: 0;
        font-size: 30px;
        bottom: 0;
        height: 30px;
        margin: auto;
    }

.accordion-08 .mrig-active .mrig-heading i,
.accordion-08 .mrig-active .mrig-heading {
    color: #fff;
}

.accordion-08 .mrig-des {
    padding: 0 15px 15px;
    color: #fff;
}



/*===================================
  14. Pagination 
====================================== */
.pagination {
    margin: 0px;
}

    .pagination li a {
        font-size: 15px;
        font-weight: 500;
        margin: 0 5px;
        color: #626262;
        border-radius: 3px;
    }

    .pagination > li:first-child > a,
    .pagination > li:first-child > span {
        border-radius: 3px;
    }

    .pagination > li:last-child > a,
    .pagination > li:last-child > span {
        border-radius: 3px;
    }

    .pagination > .active > a,
    .pagination > .active > a:hover {
        color: #626262;
    }

    .pagination > li > a,
    .pagination > li > span {
        background: #f6f7f8;
        border: 0px;
        text-align: center;
    }

    .pagination li a:focus,
    .pagination li a:hover,
    .pagination li span:focus,
    .pagination li span:hover,
    .pagination > .active > a,
    .pagination > .active > a:focus,
    .pagination > .active > a:hover,
    .pagination > .active > span,
    .pagination > .active > span:focus,
    .pagination > .active > span:hover {
        color: #ffffff;
        box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
    }



/*===================================
  15. Button
====================================== */
.m-btn {
    padding: 10px 20px;
    font-size: 13px;
    letter-spacing: 1px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 500;
    display: inline-block;
    border-radius: 3px;
    text-align: center;
    border: 2px solid;
    cursor: pointer;
}

a.m-btn {
    color: #fff;
    text-decoration: none;
}

.m-btn:hover,
.m-btn:focus {
    background: #232323;
    color: #fff;
    border-color: #232323;
}

/* button size */
.m-btn.m-btn-xs {
    padding: 5px 14px;
    font-size: 12px;
}

.m-btn.m-btn-s {
    padding: 10px 18px;
    font-size: 12px;
}

.m-btn.m-btn-m {
    padding: 12px 20px;
    font-size: 14px;
}

.m-btn.m-btn-l {
    padding: 14px 20px;
    font-size: 15px;
}

.m-btn.m-btn-xl {
    padding: 18px 25px;
    font-size: 16px;
}

.m-btn + .m-btn {
    margin: 0 10px;
}

.m-btn i {
    margin-left: 6px;
    vertical-align: middle;
    position: relative;
    top: -1px
}

/* button background */
.m-btn.m-btn-white {
    background: #ffffff;
    border-color: #ffffff;
    color: #232323
}

    .m-btn.m-btn-white:hover,
    .m-btn.m-btn-white:focus {
        background: #232323;
        border-color: #232323;
        color: #fff
    }

.m-btn.m-btn-black {
    background: #000000;
    border-color: #000000;
    color: #fff
}

    .m-btn.m-btn-black:hover,
    .m-btn.m-btn-black:focus {
        background: transparent;
        color: #000
    }

/* button transparent */
.m-btn.m-btn-t-white {
    background: transparent;
    border-color: #ffffff;
    color: #ffffff
}

    .m-btn.m-btn-t-white:hover,
    .m-btn.m-btn-t-white:focus {
        background: #ffffff;
        border-color: #ffffff;
        color: #232323
    }

.m-btn.m-btn-t-black {
    background: transparent;
    border-color: #000000;
    color: #000000
}

    .m-btn.m-btn-t-black:hover,
    .m-btn.m-btn-t-black:focus {
        background: #000000;
        border-color: #000000;
        color: #ffffff
    }

.m-btn-shadow {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}

.m-btn-round {
    border-radius: 30px;
}

.m-btn-icon {
    padding: 0;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    line-height: 45px;
    display: inline-block;
    color: #fff;
}

    .m-btn-icon:hover {
        background: #232323;
    }

a.m-btn-icon:focus,
a.m-btn-icon:hover,
a.m-btn-icon:active {
    color: #fff;
}

.m-btn-icon.m-btn-icon-l {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    line-height: 65px;
}

.m-btn-icon.play:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
    z-index: 0;
}

.m-btn-icon.m-btn-icon-xl {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    line-height: 90px;
    font-size: 35px;
}

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

.btn {
    box-shadow: none !important;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background: #353535;
    color: #ffffff;
    border-color: #353535;
}

@media (max-width: 767px) {
    .m-btn + .m-btn {
        margin: 10px;
    }
}

.store-btn {
    display: inline-block;
    vertical-align: top;
    box-shadow: 0 20px 55px rgba(0,0,0,0.33);
    padding: 8px 20px 8px 46px;
    text-align: left;
    position: relative;
    border-radius: 5px;
    color: #fff;
}

    .store-btn:active,
    .store-btn:focus,
    .store-btn:hover {
        color: #fff;
        text-decoration: none;
    }

    .store-btn i {
        position: absolute;
        left: 10px;
        font-size: 25px;
        top: 13px;
        pointer-events: none;
    }

    .store-btn em {
        font-style: normal;
        font-size: 10px;
        display: block;
        pointer-events: none;
    }

    .store-btn span {
        margin: 0;
        padding: 0;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 600;
        vertical-align: top;
        pointer-events: none;
    }

/*===================================
  16. Social Icons
====================================== */
.social-icons {
    margin: 0;
    padding: 0;
}

    .social-icons li {
        display: inline-block;
        vertical-align: top;
        margin: 0 8px;
    }

    .social-icons a {
        font-size: 20px;
        width: 50px;
        height: 50px;
        line-height: 48px;
        display: inline-block;
        border-radius: 100%;
        position: relative;
        border: 1px solid rgba(0, 0, 0, 0.1);
        color: #232323;
        text-align: center;
        z-index: 1;
        background: #fff;
        -webkit-transition: ease all 0.3s;
        -moz-transition: ease all 0.3s;
        -o-transition: ease all 0.3s;
        transition: ease all 0.3s;
    }

        .social-icons a.facebook:hover {
            background-color: #3b5998;
            color: #fff;
        }

        .social-icons a.twitter:hover {
            background-color: #00aced;
            color: #fff;
        }

        .social-icons a.google:hover {
            background-color: #dc4a38;
            color: #fff;
        }

        .social-icons a.dribbble:hover {
            background-color: #ea4c89;
            color: #fff;
        }

        .social-icons a.youtube:hover {
            background-color: #bb0000;
            color: #fff;
        }

        .social-icons a.linkedin:hover {
            background-color: #007bb6;
            color: #fff;
        }

        .social-icons a.instagram:hover {
            background-color: #FE1F49;
            color: #fff;
        }

        .social-icons a.pinterest:hover {
            background-color: #CB2027;
            color: #fff;
        }

        .social-icons a.flickr:hover {
            background-color: #ff0084;
            color: #fff;
        }

        .social-icons a.rss:hover {
            background-color: #f2890a;
            color: #fff;
        }

        .social-icons a.behance:hover {
            background-color: #1769ff;
            color: #fff;
        }

        .social-icons a.vine:hover {
            background-color: #00bf8f;
            color: #fff;
        }

        .social-icons a.email:hover {
            background-color: #7d7d7d;
            color: #fff;
        }

        .social-icons a.sms:hover {
            background-color: #ffbd00;
            color: #fff;
        }

        .social-icons a.sharethis:hover {
            background-color: #95D03A;
            color: #fff;
        }

        .social-icons a.reddit:hover {
            background-color: #ff4500;
            color: #fff;
        }

        .social-icons a.tumblr:hover {
            background-color: #32506d;
            color: #fff;
        }

        .social-icons a.digg:hover {
            background-color: #262626;
            color: #fff;
        }

        .social-icons a.stumbleupon:hover {
            background-color: #eb4924;
            color: #fff;
        }

        .social-icons a.whatsapp:hover {
            background-color: #25d366;
            color: #fff;
        }

        .social-icons a.vk:hover {
            background-color: #4c6c91;
            color: #fff;
        }

        .social-icons a.weibo:hover {
            background-color: #ff9933;
            color: #fff;
        }

        .social-icons a.odnoklassniki:hover {
            background-color: #d7772d;
            color: #fff;
        }

        .social-icons a.xing:hover {
            background-color: #1a7576;
            color: #fff;
        }

        .social-icons a.print:hover {
            background-color: #222222;
            color: #fff;
        }

        .social-icons a.blogger:hover {
            background-color: #ff8000;
            color: #fff;
        }

        .social-icons a.flipboard:hover {
            background-color: #e12828;
            color: #fff;
        }

        .social-icons a.meneame:hover {
            background-color: #ff6400;
            color: #fff;
        }

        .social-icons a.mailru:hover {
            background-color: #168de2;
            color: #fff;
        }

        .social-icons a.delicious:hover {
            background-color: #205cc0;
            color: #fff;
        }

        .social-icons a.livejournal:hover {
            background-color: #00b0ea;
            color: #fff;
        }

.social-icons-01 {
    margin: 0;
    padding: 0;
}

    .social-icons-01 li {
        display: inline-block;
        vertical-align: top;
        margin: 0 8px;
    }

    .social-icons-01 a {
        font-size: 20px;
        width: 50px;
        height: 50px;
        line-height: 48px;
        display: inline-block;
        border-radius: 100%;
        position: relative;
        border: 1px solid rgba(0, 0, 0, 0.1);
        color: #232323;
        text-align: center;
        z-index: 1;
        background: #fff;
        -webkit-transition: ease all 0.3s;
        -moz-transition: ease all 0.3s;
        -o-transition: ease all 0.3s;
        transition: ease all 0.3s;
    }

        .social-icons-01 a.facebook {
            background-color: #3b5998;
            color: #fff;
        }

        .social-icons-01 a.twitter {
            background-color: #00aced;
            color: #fff;
        }

        .social-icons-01 a.google {
            background-color: #dc4a38;
            color: #fff;
        }

        .social-icons-01 a.dribbble {
            background-color: #ea4c89;
            color: #fff;
        }

        .social-icons-01 a.youtube {
            background-color: #bb0000;
            color: #fff;
        }

        .social-icons-01 a.linkedin {
            background-color: #007bb6;
            color: #fff;
        }

        .social-icons-01 a.instagram {
            background-color: #FE1F49;
            color: #fff;
        }

        .social-icons-01 a.pinterest {
            background-color: #CB2027;
            color: #fff;
        }

        .social-icons-01 a.flickr {
            background-color: #ff0084;
            color: #fff;
        }

        .social-icons-01 a.rss {
            background-color: #f2890a;
            color: #fff;
        }

        .social-icons-01 a.behance {
            background-color: #1769ff;
            color: #fff;
        }

        .social-icons-01 a.vine {
            background-color: #00bf8f;
            color: #fff;
        }

        .social-icons-01 a.email {
            background-color: #7d7d7d;
            color: #fff;
        }

        .social-icons-01 a.sms {
            background-color: #ffbd00;
            color: #fff;
        }

        .social-icons-01 a.sharethis {
            background-color: #95D03A;
            color: #fff;
        }

        .social-icons-01 a.reddit {
            background-color: #ff4500;
            color: #fff;
        }

        .social-icons-01 a.tumblr {
            background-color: #32506d;
            color: #fff;
        }

        .social-icons-01 a.digg {
            background-color: #262626;
            color: #fff;
        }

        .social-icons-01 a.stumbleupon {
            background-color: #eb4924;
            color: #fff;
        }

        .social-icons-01 a.whatsapp {
            background-color: #25d366;
            color: #fff;
        }

        .social-icons-01 a.vk {
            background-color: #4c6c91;
            color: #fff;
        }

        .social-icons-01 a.weibo {
            background-color: #ff9933;
            color: #fff;
        }

        .social-icons-01 a.odnoklassniki {
            background-color: #d7772d;
            color: #fff;
        }

        .social-icons-01 a.xing {
            background-color: #1a7576;
            color: #fff;
        }

        .social-icons-01 a.print {
            background-color: #222222;
            color: #fff;
        }

        .social-icons-01 a.blogger {
            background-color: #ff8000;
            color: #fff;
        }

        .social-icons-01 a.flipboard {
            background-color: #e12828;
            color: #fff;
        }

        .social-icons-01 a.meneame {
            background-color: #ff6400;
            color: #fff;
        }

        .social-icons-01 a.mailru {
            background-color: #168de2;
            color: #fff;
        }

        .social-icons-01 a.delicious {
            background-color: #205cc0;
            color: #fff;
        }

        .social-icons-01 a.livejournal {
            background-color: #00b0ea;
            color: #fff;
        }

        .social-icons-01 a:hover i {
            -webkit-transform: scale(1.3);
            -moz-transform: scale(1.3);
            -o-transform: scale(1.3);
            transform: scale(1.3);
        }

.social-icons-small li {
    margin: 0 3px;
}

.social-icons-small a {
    font-size: 16px;
    width: 35px;
    height: 35px;
    line-height: 33px;
}

.social-icons-radius-3px a {
    border-radius: 3px;
}

.social-icons-text {
    margin: 0;
    padding: 0;
}

    .social-icons-text li {
        display: inline-block;
        vertical-align: top;
        margin: 8px;
    }

    .social-icons-text a {
        font-size: 14px;
        line-height: 48px;
        display: inline-block;
        position: relative;
        color: #232323;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 1px;
        padding: 0 25px 0 60px;
        z-index: 1;
        border-radius: 5px;
        overflow: hidden;
        -webkit-transition: ease all 0.3s;
        -moz-transition: ease all 0.3s;
        -o-transition: ease all 0.3s;
        transition: ease all 0.3s;
    }

        .social-icons-text a i {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            line-height: 48px;
            width: 45px;
            font-size: 22px;
            border-right: 1px solid rgba(0,0,0,.1);
            background: rgba(0,0,0,.2);
            -webkit-transition: ease all 0.3s;
            -moz-transition: ease all 0.3s;
            -o-transition: ease all 0.3s;
            transition: ease all 0.3s;
        }

        .social-icons-text a:hover i {
            background: rgba(0,0,0,.5);
        }

        .social-icons-text a.facebook {
            background-color: #3b5998;
            color: #fff;
        }

        .social-icons-text a.twitter {
            background-color: #00aced;
            color: #fff;
        }

        .social-icons-text a.google {
            background-color: #dc4a38;
            color: #fff;
        }

        .social-icons-text a.dribbble {
            background-color: #ea4c89;
            color: #fff;
        }

        .social-icons-text a.youtube {
            background-color: #bb0000;
            color: #fff;
        }

        .social-icons-text a.linkedin {
            background-color: #007bb6;
            color: #fff;
        }

        .social-icons-text a.instagram {
            background-color: #FE1F49;
            color: #fff;
        }

        .social-icons-text a.pinterest {
            background-color: #CB2027;
            color: #fff;
        }

        .social-icons-text a.flickr {
            background-color: #ff0084;
            color: #fff;
        }

        .social-icons-text a.rss {
            background-color: #f2890a;
            color: #fff;
        }

        .social-icons-text a.behance {
            background-color: #1769ff;
            color: #fff;
        }

        .social-icons-text a.vine {
            background-color: #00bf8f;
            color: #fff;
        }

        .social-icons-text a.email {
            background-color: #7d7d7d;
            color: #fff;
        }

        .social-icons-text a.sms {
            background-color: #ffbd00;
            color: #fff;
        }

        .social-icons-text a.sharethis {
            background-color: #95D03A;
            color: #fff;
        }

        .social-icons-text a.reddit {
            background-color: #ff4500;
            color: #fff;
        }

        .social-icons-text a.tumblr {
            background-color: #32506d;
            color: #fff;
        }

        .social-icons-text a.digg {
            background-color: #262626;
            color: #fff;
        }

        .social-icons-text a.stumbleupon {
            background-color: #eb4924;
            color: #fff;
        }

        .social-icons-text a.whatsapp {
            background-color: #25d366;
            color: #fff;
        }

        .social-icons-text a.vk {
            background-color: #4c6c91;
            color: #fff;
        }

        .social-icons-text a.weibo {
            background-color: #ff9933;
            color: #fff;
        }

        .social-icons-text a.odnoklassniki {
            background-color: #d7772d;
            color: #fff;
        }

        .social-icons-text a.xing {
            background-color: #1a7576;
            color: #fff;
        }

        .social-icons-text a.print {
            background-color: #222222;
            color: #fff;
        }

        .social-icons-text a.blogger {
            background-color: #ff8000;
            color: #fff;
        }

        .social-icons-text a.flipboard {
            background-color: #e12828;
            color: #fff;
        }

        .social-icons-text a.meneame {
            background-color: #ff6400;
            color: #fff;
        }

        .social-icons-text a.mailru {
            background-color: #168de2;
            color: #fff;
        }

        .social-icons-text a.delicious {
            background-color: #205cc0;
            color: #fff;
        }

        .social-icons-text a.livejournal {
            background-color: #00b0ea;
            color: #fff;
        }

/*===================================
  17. position Center Box
====================================== */

.position-center-box {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translatey(-50%);
    -moz-transform: translatey(-50%);
    -o-transform: translatey(-50%);
    transform: translatey(-50%);
}

/* ===================================
  18. Section Overlay
====================================== */
.section-overlay {
    position: relative;
}

.section-overlay-in {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    margin: auto;
}

.section-overlay-r {
    right: 0;
    left: auto;
}

.section-overlay-l {
    left: 0;
    right: auto;
}

.section-overlay-t {
    top: 0;
    bottom: auto;
}

.section-overlay-b {
    top: auto;
    bottom: 0;
}

.section-overlay-w-50 {
    width: 50%;
}

.section-overlay-h-50 {
    height: 50%;
}

.section-overlay-h-60 {
    height: 60%;
}

.section-overlay-h-70 {
    height: 70%;
}

.section-overlay-h-80 {
    height: 80%;
}

.section-overlay-h-90 {
    height: 90%;
}

.section-overlay-h-100vh {
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
}


/* ===================================
  19. Icon
====================================== */
.icon-xs {
    font-size: 16px;
}

.icon-s {
    font-size: 24px;
}

.icon-m {
    font-size: 35px;
}

.icon-l {
    font-size: 40px;
}

.icon-xl {
    font-size: 50px;
}

.icon-xxl {
    font-size: 60px;
}

.icon-round-extra-small {
    border-radius: 100%;
    display: block;
    height: 45px;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    width: 45px;
    font-size: 22px;
    line-height: 45px;
}

.icon-round-small {
    border-radius: 100%;
    display: block;
    height: 80px;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    width: 80px;
    font-size: 32px;
    line-height: 80px;
}

.icon-round-medium {
    border-radius: 100%;
    display: block;
    height: 90px;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    width: 90px;
    font-size: 42px;
    line-height: 90px;
}

.icon-round-large {
    border-radius: 100%;
    display: block;
    height: 150px;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    width: 150px;
    font-size: 65px;
    line-height: 150px;
}

.icon-square-small {
    display: block;
    height: 80px;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    width: 80px;
    font-size: 32px;
    line-height: 80px;
}

.icon-square-medium {
    display: block;
    height: 90px;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    width: 90px;
    font-size: 42px;
    line-height: 90px;
}

.icon-square-large {
    border-radius: 100%;
    display: block;
    height: 150px;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    width: 150px;
    font-size: 65px;
    line-height: 150px;
}

/*===================================
  20. Feature Box
====================================== */
.feature-content p:last-child {
    margin-bottom: 0;
}
/*Feature Box 01*/
.feature-box .icon {
    width: 100px;
    height: 100px;
    display: inline-block;
    vertical-align: top;
    line-height: 100px;
    position: relative;
    border-radius: 50%;
    z-index: 1;
}

    .feature-box .icon:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        border-radius: 50%;
        z-index: 0;
    }

    .feature-box .icon i {
        line-height: 100px;
    }

.feature-box .feature-content {
    position: relative;
    z-index: 1;
}

/*Feature Box 01*/
.feature-box-01 {
    padding-left: 85px;
    position: relative;
}

    .feature-box-01 i {
        position: absolute;
        top: 0;
        left: 0;
        width: 75px;
        text-align: center;
    }

/*Feature Box 02*/
.feature-box-02 {
    padding-right: 75px;
    position: relative;
    text-align: right;
}

    .feature-box-02 i {
        position: absolute;
        top: 0;
        right: 0;
    }

/*Feature Box 03*/
.feature-box-03 .feature-head {
    padding-left: 65px;
    position: relative;
    min-height: 50px;
}

.feature-box-03 i {
    position: absolute;
    top: 0;
    left: 0;
}
/*Feature Hover*/
.feature-hover {
    position: relative;
}

.feature-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 5px;
    -webkit-transition: ease all 0.3s;
    -moz-transition: ease all 0.3s;
    -o-transition: ease all 0.3s;
    transition: ease all 0.3s;
}

.feature-hover i,
.feature-hover .feature-content {
    position: relative;
    z-index: 1;
}

.feature-hover:hover i {
    background: #fff;
    color: #333;
}

.feature-hover:hover .feature-content * {
    color: #fff;
}

.feature-hover:hover .feature-overlay {
    height: 100%;
}


.feature-hover-img {
    position: relative;
}

.feature-overlay-img {
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    background-position: center center;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.feature-hover-img i,
.feature-hover-img .feature-content {
    position: relative;
    z-index: 1;
}

.feature-hover-img.active .feature-overlay-img,
.feature-hover-img:hover .feature-overlay-img {
    opacity: 1;
}

.feature-hover-img.active i,
.feature-hover-img:hover i {
    color: #fff;
}

.feature-hover-img.active .feature-content *,
.feature-hover-img:hover .feature-content * {
    color: #fff;
}

/*Hover End*/

/*===================================
  21. List Styles
====================================== */
/*Latest Post*/
.latest-post {
    margin: 0;
    padding: 0;
}

    .latest-post li {
        width: 100%;
        display: inline-block;
        vertical-align: top;
        margin-bottom: 15px;
    }

    .latest-post .lp-img {
        width: 60px;
        float: left;
    }

    .latest-post .lp-text {
        overflow: hidden;
        line-height: 14px;
        padding-left: 10px;
    }

/*list-style-tag*/
.list-style-tag {
    margin: 0;
    padding: 0;
}

    .list-style-tag li {
        display: inline-block;
        vertical-align: top;
        margin: 0 3px 5px 0;
    }

        .list-style-tag li a {
            color: #fff;
            padding: 5px 10px;
            display: block;
            border-radius: 3px;
        }

            .list-style-tag li a:hover {
                background: #222;
            }

/* list style 1 */
.list-style-none li {
    list-style: none;
}

.list-style-1 {
    margin: 0;
    padding: 0 0 0 20px;
}

    .list-style-1 li {
        padding: 5px 0
    }

/* list style 2 */
.list-style-2 {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .list-style-2 li {
        position: relative;
        padding: 0 0 0 12px;
        margin: 0 0 9px 0;
    }

        .list-style-2 li:before {
            content: "";
            width: 5px;
            height: 1px;
            position: absolute;
            top: 12px;
            left: 0;
        }

/* list style 3 */
.list-style-3 {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .list-style-3 li {
        position: relative;
        padding: 0 0 0 22px;
        margin: 0 0 15px 0;
    }

        .list-style-3 li:before {
            content: "";
            width: 10px;
            height: 1px;
            position: absolute;
            top: 13px;
            left: 0;
        }

/* list style 4 */
.list-style-4 {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .list-style-4 li {
        position: relative;
        padding: 0 0 10px 22px;
        margin: 0 0 10px 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

        .list-style-4 li:before {
            content: "\e628";
            position: absolute;
            top: 1px;
            left: 0;
            font-family: 'themify';
        }

        .list-style-4 li:last-child {
            border-bottom: 0;
            margin-bottom: 0;
        }


/* list style 5 */
.list-style-5 {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .list-style-5 li {
        position: relative;
        padding: 5px 0 5px 22px;
    }

        .list-style-5 li:before {
            content: "\e661";
            position: absolute;
            top: 5px;
            left: 0;
            font-family: 'themify';
        }

/* list style 6 */
.list-style-6 {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .list-style-6 li {
        position: relative;
        padding: 0 15px 8px 0;
        margin: 0 0 8px 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

        .list-style-6 li span {
            position: absolute;
            top: 3px;
            right: 0;
        }

        .list-style-6 li:last-child {
            border-bottom: none
        }

        .list-style-6 li:before {
            content: "";
        }

/* list style 7 */
.list-style-7 {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .list-style-7 li {
        padding: 0 0 13px 0;
        margin: 0 0 10px 0;
    }

        .list-style-7 li:last-child {
            margin: 0;
            padding: 0;
        }

/* list style 8 */
.list-style-8 {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .list-style-8 li {
        position: relative;
        padding: 15px 0;
        margin: 0 0 4px 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

        .list-style-8 li span {
            margin-bottom: 2px
        }

        .list-style-8 li p {
            margin-bottom: 0
        }

        .list-style-8 li:last-child {
            border-bottom: none
        }

        .list-style-8 li:before {
            content: "";
        }

/* list style 9 */
.list-style-9 {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .list-style-9 li {
        position: relative;
        padding: 15px 0;
        margin: 0 0 4px 0;
        border-bottom: 1px solid #373737;
    }

        .list-style-9 li span {
            margin-bottom: 2px
        }

        .list-style-9 li p {
            margin-bottom: 0
        }

        .list-style-9 li:last-child {
            border-bottom: none
        }

        .list-style-9 li:before {
            content: "";
        }

/* list style 10 */
.list-style-10 {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .list-style-10 li {
        padding: 15px 0;
        margin: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

        .list-style-10 li i {
            float: left;
            margin-top: 5px
        }

        .list-style-10 li span {
            padding-left: 15px;
            display: table
        }

        .list-style-10 li:last-child {
            border-bottom: none
        }

/* list style 6 */
.list-style-11 {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .list-style-11 li {
        position: relative;
        padding: 0 0 8px 0;
        margin: 0 0 8px 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

        .list-style-11 li span {
            position: absolute;
            top: 3px;
            right: 0;
        }

        .list-style-11 li:last-child {
            border-bottom: none
        }

        .list-style-11 li:before {
            content: "";
        }

/* list style 12 */
.list-style-12 {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .list-style-12 li {
        position: relative;
        padding: 5px 0 5px 22px;
    }

        .list-style-12 li:before {
            content: "\e61c";
            position: absolute;
            top: 5px;
            left: 0;
            font-family: 'themify';
        }


/* list style 13 */
.list-style-13 {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .list-style-13 li {
        position: relative;
        padding: 5px 0 5px 22px;
    }

        .list-style-13 li:before {
            content: "\e71b";
            position: absolute;
            top: 5px;
            left: 0;
            font-family: 'themify';
        }

/* list style 14 */
.list-style-14 {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .list-style-14 li {
        position: relative;
        padding: 5px 0 5px 22px;
    }

        .list-style-14 li:before {
            content: "\e65d";
            position: absolute;
            top: 5px;
            left: 0;
            font-family: 'themify';
        }

/* list style 15 */
.list-style-15 {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .list-style-15 li {
        position: relative;
        padding: 5px 0 5px 22px;
    }

        .list-style-15 li:before {
            content: "\e646";
            position: absolute;
            top: 5px;
            left: 0;
            font-family: 'themify';
        }

/*===================================
  22. Newsletter Box
====================================== */
.newsletter-box {
    position: relative;
}

    .newsletter-box .input-medium {
        height: 55px;
        padding-right: 60px;
        border-radius: 50px;
        padding-left: 35px;
    }

    .newsletter-box .m-btn {
        position: absolute;
        right: -2px;
        top: 0px;
        height: 55px;
        width: 60px;
        text-align: center;
        line-height: 45px;
        border: none;
        padding: 0;
        border-radius: 0 30px 30px 0px;
    }

        .newsletter-box .m-btn i {
            font-size: 20px;
            margin: 0;
        }


/*===================================
  23. Blog Style
====================================== */
.blog-item .blog-img img {
    width: 100%;
}

.blog-item .blog-detail {
    padding: 15px;
}

.blog-item .entry-title {
    margin-bottom: 5px;
}

    .blog-item .entry-title a {
        font-size: 18px;
        font-weight: 700;
        line-height: 28px;
    }

.blog-item .entry-meta ul {
    margin: 0;
    padding: 0 0 12px;
}

.blog-item .entry-meta li {
    display: inline-block;
    margin-right: 8px;
}

    .blog-item .entry-meta li i {
        color: #222;
        padding-right: 5px;
    }

    .blog-item .entry-meta li a {
        color: #808080;
        line-height: 0px;
        padding-right: 0px;
        font-size: 12px;
    }

        .blog-item .entry-meta li a i {
            padding-right: 6px;
            color: #222;
        }

        .blog-item .entry-meta li a:hover {
            color: #84ba3f;
        }

.blog-item-01 .blog-detail {
    position: relative;
    padding: 25px 15px 15px;
}

    .blog-item-01 .blog-detail .entry-date {
        padding: 5px 16px;
        top: -16px;
        margin: 0 auto;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .blog-item-01 .blog-detail ul {
        margin: 0;
        padding: 0;
    }

    .blog-item-01 .blog-detail li {
        display: inline-block;
        vertical-align: top;
        font-weight: 600;
        position: relative;
        font-size: 13px;
        padding: 0 7px;
    }

        .blog-item-01 .blog-detail li a {
            color: #a5a5a5;
            font-size: 12px;
        }

    .blog-item-01 .blog-detail ul > li + li:after {
        width: 4px;
        height: 4px;
        float: left;
        position: absolute;
        left: -4px;
        content: "";
        top: 8px;
        background: #848484;
        border-radius: 50%;
    }


/*===================================
  24. Our Team
====================================== */
.our-team-02 .team-img {
    position: relative;
    overflow: hidden;
}

    .our-team-02 .team-img * {
        -webkit-transition: ease all 0.3s;
        -moz-transition: ease all 0.3s;
        -o-transition: ease all 0.3s;
        transition: ease all 0.3s;
    }

    .our-team-02 .team-img .overlay {
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
        bottom: 0;
        opacity: 0.9;
        opacity: 0;
    }

    .our-team-02 .team-img .hover {
        pointer-events: none;
        position: absolute;
        top: 50%;
        width: 100%;
        left: -50%;
        opacity: 0;
        -webkit-transform: translatey(-50%);
        -moz-transform: translatey(-50%);
        -o-transform: translatey(-50%);
        transform: translatey(-50%);
    }

.our-team-02:hover .overlay {
    width: 100%;
    opacity: 0.8;
}

.our-team-02:hover .hover {
    left: 0;
    opacity: 1;
}

.our-team-02:hover img {
    -webkit-transform: scale(1.20);
    -moz-transform: scale(1.20);
    -ms-transform: scale(1.20);
    -o-transform: scale(1.20);
    transform: scale(1.20);
}


/*Our Team 03*/
.our-team-03 .team-img * {
    -webkit-transition: ease all 0.3s;
    -moz-transition: ease all 0.3s;
    -o-transition: ease all 0.3s;
    transition: ease all 0.3s;
}

.our-team-03 .team-img {
    overflow: hidden;
    position: relative;
}

    .our-team-03 .team-img img {
        position: relative;
        top: 0;
    }

    .our-team-03 .team-img ul {
        position: absolute;
        bottom: -45px;
        left: 0;
        right: 0;
        text-align: center;
        padding: 10px 5px 0;
    }

.our-team-03:hover .team-img ul {
    bottom: 0;
}

.our-team-03:hover .team-img img {
    top: -45px;
}

/*===================================
  Tabs Design
====================================== */
.tab-style-1 .nav {
}

    .tab-style-1 .nav li {
        margin: 0 15px;
        display: inline-block;
        vertical-align: top;
    }

        .tab-style-1 .nav li:first-child {
            margin-left: 0;
        }

        .tab-style-1 .nav li:last-child {
            margin-right: 0;
        }

        .tab-style-1 .nav li a {
            display: block;
            font-weight: 700;
            padding: 25px 20px;
            text-align: center;
            position: relative;
        }

            .tab-style-1 .nav li a .a-active {
                width: 0%;
                position: absolute;
                height: 3px;
                float: left;
                left: 0;
                top: 0;
                -webkit-transition: ease all 0.3s;
                -moz-transition: ease all 0.3s;
                -o-transition: ease all 0.3s;
                transition: ease all 0.3s;
            }

            .tab-style-1 .nav li a.active .a-active {
                width: 100%;
            }

            .tab-style-1 .nav li a i {
                display: block;
                font-size: 35px;
                margin-bottom: 10px;
            }

            .tab-style-1 .nav li a.active {
                background: #fff;
            }

.tab-style-1 .tab-content {
    margin-top: -1px;
}

@media (max-width: 767px) {
    .tab-style-1 .nav li a span {
        display: none;
    }

    .tab-style-1 .nav li a {
        padding: 15px 10px;
    }

        .tab-style-1 .nav li a i {
            font-size: 25px;
            margin-bottom: 0;
        }
}

/*===================================
  25. Font Size
====================================== */
.font-11 {
    font-size: 11px;
    line-height: 14px
}

.font-12 {
    font-size: 12px;
    line-height: 20px
}

.font-13 {
    font-size: 13px;
    line-height: 20px
}

.font-14 {
    font-size: 14px;
    line-height: 22px
}

.font-15 {
    font-size: 15px;
    line-height: 22px
}

.font-16 {
    font-size: 16px;
    line-height: 23px
}

.font-17 {
    font-size: 17px;
    line-height: 23px
}

.font-18 {
    font-size: 18px;
    line-height: 26px
}

.font-19 {
    font-size: 19px;
    line-height: 26px
}

.font-20 {
    font-size: 20px;
    line-height: 26px
}

.font-21 {
    font-size: 21px;
    line-height: 26px
}

.font-22 {
    font-size: 22px;
    line-height: 28px
}

.font-23 {
    font-size: 23px;
    line-height: 28px
}

.font-24 {
    font-size: 24px;
    line-height: 28px
}

.font-25 {
    font-size: 25px;
    line-height: 30px
}

.font-26 {
    font-size: 26px;
    line-height: 30px
}

.font-27 {
    font-size: 27px;
    line-height: 30px
}

.font-28 {
    font-size: 28px;
    line-height: 32px
}

.font-29 {
    font-size: 29px;
    line-height: 32px
}

.font-30 {
    font-size: 30px;
    line-height: 34px
}

.font-35 {
    font-size: 35px;
    line-height: 40px
}

.font-40 {
    font-size: 40px;
    line-height: 45px
}

.font-45 {
    font-size: 45px;
    line-height: 50px
}

.font-50 {
    font-size: 50px;
    line-height: 55px
}

.font-55 {
    font-size: 55px;
    line-height: 60px
}

.font-60 {
    font-size: 60px;
    line-height: 65px
}

.font-65 {
    font-size: 65px;
    line-height: 70px
}

.font-70 {
    font-size: 70px;
    line-height: 75px
}

.font-75 {
    font-size: 75px;
    line-height: 80px
}

.font-80 {
    font-size: 80px;
    line-height: 85px
}

.font-85 {
    font-size: 85px;
    line-height: 90px
}

.font-90 {
    font-size: 90px;
    line-height: 95px
}

.font-95 {
    font-size: 95px;
    line-height: 100px
}

.font-100 {
    font-size: 100px;
    line-height: 105px
}

.font-105 {
    font-size: 105px;
    line-height: 110px
}

.font-110 {
    font-size: 110px;
    line-height: 115px
}

.font-115 {
    font-size: 115px;
    line-height: 120px
}

.font-120 {
    font-size: 120px;
    line-height: 125px
}

.font-125 {
    font-size: 125px;
    line-height: 130px
}

.font-130 {
    font-size: 130px;
    line-height: 135px
}

@media (max-width: 1200px) {
    .lg-font-11 {
        font-size: 11px;
        line-height: 14px
    }

    .lg-font-12 {
        font-size: 12px;
        line-height: 20px
    }

    .lg-font-13 {
        font-size: 13px;
        line-height: 20px
    }

    .lg-font-14 {
        font-size: 14px;
        line-height: 22px
    }

    .lg-font-15 {
        font-size: 15px;
        line-height: 22px
    }

    .lg-font-16 {
        font-size: 16px;
        line-height: 23px
    }

    .lg-font-17 {
        font-size: 17px;
        line-height: 23px
    }

    .lg-font-18 {
        font-size: 18px;
        line-height: 26px
    }

    .lg-font-19 {
        font-size: 19px;
        line-height: 26px
    }

    .lg-font-20 {
        font-size: 20px;
        line-height: 26px
    }

    .lg-font-21 {
        font-size: 21px;
        line-height: 26px
    }

    .lg-font-22 {
        font-size: 22px;
        line-height: 28px
    }

    .lg-font-23 {
        font-size: 23px;
        line-height: 28px
    }

    .lg-font-24 {
        font-size: 24px;
        line-height: 28px
    }

    .lg-font-25 {
        font-size: 25px;
        line-height: 30px
    }

    .lg-font-26 {
        font-size: 26px;
        line-height: 30px
    }

    .lg-font-27 {
        font-size: 27px;
        line-height: 30px
    }

    .lg-font-28 {
        font-size: 28px;
        line-height: 32px
    }

    .lg-font-29 {
        font-size: 29px;
        line-height: 32px
    }

    .lg-font-30 {
        font-size: 30px;
        line-height: 34px
    }

    .lg-font-35 {
        font-size: 35px;
        line-height: 40px
    }

    .lg-font-40 {
        font-size: 40px;
        line-height: 45px
    }

    .lg-font-45 {
        font-size: 45px;
        line-height: 50px
    }

    .lg-font-50 {
        font-size: 50px;
        line-height: 55px
    }

    .lg-font-55 {
        font-size: 55px;
        line-height: 60px
    }

    .lg-font-60 {
        font-size: 60px;
        line-height: 65px
    }

    .lg-font-65 {
        font-size: 65px;
        line-height: 70px
    }

    .lg-font-70 {
        font-size: 70px;
        line-height: 75px
    }

    .lg-font-75 {
        font-size: 75px;
        line-height: 80px
    }

    .lg-font-80 {
        font-size: 80px;
        line-height: 85px
    }

    .lg-font-85 {
        font-size: 85px;
        line-height: 90px
    }

    .lg-font-90 {
        font-size: 90px;
        line-height: 95px
    }

    .lg-font-95 {
        font-size: 95px;
        line-height: 100px
    }

    .lg-font-100 {
        font-size: 100px;
        line-height: 105px
    }

    .lg-font-105 {
        font-size: 105px;
        line-height: 110px
    }

    .lg-font-110 {
        font-size: 110px;
        line-height: 115px
    }

    .lg-font-115 {
        font-size: 115px;
        line-height: 120px
    }

    .lg-font-120 {
        font-size: 120px;
        line-height: 125px
    }

    .lg-font-125 {
        font-size: 125px;
        line-height: 130px
    }

    .lg-font-130 {
        font-size: 130px;
        line-height: 135px
    }
}

@media (max-width: 991px) {
    .md-font-11 {
        font-size: 11px;
        line-height: 14px
    }

    .md-font-12 {
        font-size: 12px;
        line-height: 20px
    }

    .md-font-13 {
        font-size: 13px;
        line-height: 20px
    }

    .md-font-14 {
        font-size: 14px;
        line-height: 22px
    }

    .md-font-15 {
        font-size: 15px;
        line-height: 22px
    }

    .md-font-16 {
        font-size: 16px;
        line-height: 23px
    }

    .md-font-17 {
        font-size: 17px;
        line-height: 23px
    }

    .md-font-18 {
        font-size: 18px;
        line-height: 26px
    }

    .md-font-19 {
        font-size: 19px;
        line-height: 26px
    }

    .md-font-20 {
        font-size: 20px;
        line-height: 26px
    }

    .md-font-21 {
        font-size: 21px;
        line-height: 26px
    }

    .md-font-22 {
        font-size: 22px;
        line-height: 28px
    }

    .md-font-23 {
        font-size: 23px;
        line-height: 28px
    }

    .md-font-24 {
        font-size: 24px;
        line-height: 28px
    }

    .md-font-25 {
        font-size: 25px;
        line-height: 30px
    }

    .md-font-26 {
        font-size: 26px;
        line-height: 30px
    }

    .md-font-27 {
        font-size: 27px;
        line-height: 30px
    }

    .md-font-28 {
        font-size: 28px;
        line-height: 32px
    }

    .md-font-29 {
        font-size: 29px;
        line-height: 32px
    }

    .md-font-30 {
        font-size: 30px;
        line-height: 34px
    }

    .md-font-35 {
        font-size: 35px;
        line-height: 40px
    }

    .md-font-40 {
        font-size: 40px;
        line-height: 45px
    }

    .md-font-45 {
        font-size: 45px;
        line-height: 50px
    }

    .md-font-50 {
        font-size: 50px;
        line-height: 55px
    }

    .md-font-55 {
        font-size: 55px;
        line-height: 60px
    }

    .md-font-60 {
        font-size: 60px;
        line-height: 65px
    }

    .md-font-65 {
        font-size: 65px;
        line-height: 70px
    }

    .md-font-70 {
        font-size: 70px;
        line-height: 75px
    }

    .md-font-75 {
        font-size: 75px;
        line-height: 80px
    }

    .md-font-80 {
        font-size: 80px;
        line-height: 85px
    }

    .md-font-85 {
        font-size: 85px;
        line-height: 90px
    }

    .md-font-90 {
        font-size: 90px;
        line-height: 95px
    }

    .md-font-95 {
        font-size: 95px;
        line-height: 100px
    }

    .md-font-100 {
        font-size: 100px;
        line-height: 105px
    }

    .md-font-105 {
        font-size: 105px;
        line-height: 110px
    }

    .md-font-110 {
        font-size: 110px;
        line-height: 115px
    }

    .md-font-115 {
        font-size: 115px;
        line-height: 120px
    }

    .md-font-120 {
        font-size: 120px;
        line-height: 125px
    }

    .md-font-125 {
        font-size: 125px;
        line-height: 130px
    }

    .md-font-130 {
        font-size: 130px;
        line-height: 135px
    }
}


@media (max-width: 767px) {
    .sm-font-11 {
        font-size: 11px;
        line-height: 14px
    }

    .sm-font-12 {
        font-size: 12px;
        line-height: 20px
    }

    .sm-font-13 {
        font-size: 13px;
        line-height: 20px
    }

    .sm-font-14 {
        font-size: 14px;
        line-height: 22px
    }

    .sm-font-15 {
        font-size: 15px;
        line-height: 22px
    }

    .sm-font-16 {
        font-size: 16px;
        line-height: 23px
    }

    .sm-font-17 {
        font-size: 17px;
        line-height: 23px
    }

    .sm-font-18 {
        font-size: 18px;
        line-height: 26px
    }

    .sm-font-19 {
        font-size: 19px;
        line-height: 26px
    }

    .sm-font-20 {
        font-size: 20px;
        line-height: 26px
    }

    .sm-font-21 {
        font-size: 21px;
        line-height: 26px
    }

    .sm-font-22 {
        font-size: 22px;
        line-height: 28px
    }

    .sm-font-23 {
        font-size: 23px;
        line-height: 28px
    }

    .sm-font-24 {
        font-size: 24px;
        line-height: 28px
    }

    .sm-font-25 {
        font-size: 25px;
        line-height: 30px
    }

    .sm-font-26 {
        font-size: 26px;
        line-height: 30px
    }

    .sm-font-27 {
        font-size: 27px;
        line-height: 30px
    }

    .sm-font-28 {
        font-size: 28px;
        line-height: 32px
    }

    .sm-font-29 {
        font-size: 29px;
        line-height: 32px
    }

    .sm-font-30 {
        font-size: 30px;
        line-height: 34px
    }

    .sm-font-35 {
        font-size: 35px;
        line-height: 40px
    }

    .sm-font-40 {
        font-size: 40px;
        line-height: 45px
    }

    .sm-font-45 {
        font-size: 45px;
        line-height: 50px
    }

    .sm-font-50 {
        font-size: 50px;
        line-height: 55px
    }

    .sm-font-55 {
        font-size: 55px;
        line-height: 60px
    }

    .sm-font-60 {
        font-size: 60px;
        line-height: 65px
    }

    .sm-font-65 {
        font-size: 65px;
        line-height: 70px
    }

    .sm-font-70 {
        font-size: 70px;
        line-height: 75px
    }

    .sm-font-75 {
        font-size: 75px;
        line-height: 80px
    }

    .sm-font-80 {
        font-size: 80px;
        line-height: 85px
    }

    .sm-font-85 {
        font-size: 85px;
        line-height: 90px
    }

    .sm-font-90 {
        font-size: 90px;
        line-height: 95px
    }

    .sm-font-95 {
        font-size: 95px;
        line-height: 100px
    }

    .sm-font-100 {
        font-size: 100px;
        line-height: 105px
    }

    .sm-font-105 {
        font-size: 105px;
        line-height: 110px
    }

    .sm-font-110 {
        font-size: 110px;
        line-height: 115px
    }

    .sm-font-115 {
        font-size: 115px;
        line-height: 120px
    }

    .sm-font-120 {
        font-size: 120px;
        line-height: 125px
    }

    .sm-font-125 {
        font-size: 125px;
        line-height: 130px
    }

    .sm-font-130 {
        font-size: 130px;
        line-height: 135px
    }
}

/*===================================
  26. Line Height
====================================== */

.line-height-10 {
    line-height: 10px
}

.line-height-13 {
    line-height: 13px
}

.line-height-18 {
    line-height: 18px
}

.line-height-20 {
    line-height: 20px
}

.line-height-24 {
    line-height: 24px
}

.line-height-22 {
    line-height: 22px
}

.line-height-26 {
    line-height: 26px
}

.line-height-28 {
    line-height: 28px
}

.line-height-30 {
    line-height: 30px
}

.line-height-35 {
    line-height: 35px
}

.line-height-40 {
    line-height: 40px
}

.line-height-45 {
    line-height: 45px
}

.line-height-50 {
    line-height: 50px
}

.line-height-55 {
    line-height: 55px
}

.line-height-60 {
    line-height: 60px
}

.line-height-65 {
    line-height: 65px
}

.line-height-70 {
    line-height: 70px
}

.line-height-75 {
    line-height: 75px
}

.line-height-80 {
    line-height: 80px
}

.line-height-85 {
    line-height: 85px
}

.line-height-90 {
    line-height: 90px
}

.line-height-95 {
    line-height: 95px
}

.line-height-100 {
    line-height: 100px
}

.line-height-110 {
    line-height: 110px
}

.line-height-120 {
    line-height: 120px
}

@media (max-width: 1200px) {
    .lg-line-height-10 {
        line-height: 10px
    }

    .lg-line-height-13 {
        line-height: 13px
    }

    .lg-line-height-18 {
        line-height: 18px
    }

    .lg-line-height-20 {
        line-height: 20px
    }

    .lg-line-height-24 {
        line-height: 24px
    }

    .lg-line-height-22 {
        line-height: 22px
    }

    .lg-line-height-26 {
        line-height: 26px
    }

    .lg-line-height-28 {
        line-height: 28px
    }

    .lg-line-height-30 {
        line-height: 30px
    }

    .lg-line-height-35 {
        line-height: 35px
    }

    .lg-line-height-40 {
        line-height: 40px
    }

    .lg-line-height-45 {
        line-height: 45px
    }

    .lg-line-height-50 {
        line-height: 50px
    }

    .lg-line-height-55 {
        line-height: 55px
    }

    .lg-line-height-60 {
        line-height: 60px
    }

    .lg-line-height-65 {
        line-height: 65px
    }

    .lg-line-height-70 {
        line-height: 70px
    }

    .lg-line-height-75 {
        line-height: 75px
    }

    .lg-line-height-80 {
        line-height: 80px
    }

    .lg-line-height-85 {
        line-height: 85px
    }

    .lg-line-height-90 {
        line-height: 90px
    }

    .lg-line-height-95 {
        line-height: 95px
    }

    .lg-line-height-100 {
        line-height: 100px
    }

    .lg-line-height-110 {
        line-height: 110px
    }

    .lg-line-height-120 {
        line-height: 120px
    }
}

@media (max-width: 991px) {
    .md-line-height-10 {
        line-height: 10px
    }

    .md-line-height-13 {
        line-height: 13px
    }

    .md-line-height-18 {
        line-height: 18px
    }

    .md-line-height-20 {
        line-height: 20px
    }

    .md-line-height-24 {
        line-height: 24px
    }

    .md-line-height-22 {
        line-height: 22px
    }

    .md-line-height-26 {
        line-height: 26px
    }

    .md-line-height-28 {
        line-height: 28px
    }

    .md-line-height-30 {
        line-height: 30px
    }

    .md-line-height-35 {
        line-height: 35px
    }

    .md-line-height-40 {
        line-height: 40px
    }

    .md-line-height-45 {
        line-height: 45px
    }

    .md-line-height-50 {
        line-height: 50px
    }

    .md-line-height-55 {
        line-height: 55px
    }

    .md-line-height-60 {
        line-height: 60px
    }

    .md-line-height-65 {
        line-height: 65px
    }

    .md-line-height-70 {
        line-height: 70px
    }

    .md-line-height-75 {
        line-height: 75px
    }

    .md-line-height-80 {
        line-height: 80px
    }

    .md-line-height-85 {
        line-height: 85px
    }

    .md-line-height-90 {
        line-height: 90px
    }

    .md-line-height-95 {
        line-height: 95px
    }

    .md-line-height-100 {
        line-height: 100px
    }

    .md-line-height-110 {
        line-height: 110px
    }

    .md-line-height-120 {
        line-height: 120px
    }
}

@media (max-width: 767px) {
    .sm-line-height-10 {
        line-height: 10px
    }

    .sm-line-height-13 {
        line-height: 13px
    }

    .sm-line-height-18 {
        line-height: 18px
    }

    .sm-line-height-20 {
        line-height: 20px
    }

    .sm-line-height-24 {
        line-height: 24px
    }

    .sm-line-height-22 {
        line-height: 22px
    }

    .sm-line-height-26 {
        line-height: 26px
    }

    .sm-line-height-28 {
        line-height: 28px
    }

    .sm-line-height-30 {
        line-height: 30px
    }

    .sm-line-height-35 {
        line-height: 35px
    }

    .sm-line-height-40 {
        line-height: 40px
    }

    .sm-line-height-45 {
        line-height: 45px
    }

    .sm-line-height-50 {
        line-height: 50px
    }

    .sm-line-height-55 {
        line-height: 55px
    }

    .sm-line-height-60 {
        line-height: 60px
    }

    .sm-line-height-65 {
        line-height: 65px
    }

    .sm-line-height-70 {
        line-height: 70px
    }

    .sm-line-height-75 {
        line-height: 75px
    }

    .sm-line-height-80 {
        line-height: 80px
    }

    .sm-line-height-85 {
        line-height: 85px
    }

    .sm-line-height-90 {
        line-height: 90px
    }

    .sm-line-height-95 {
        line-height: 95px
    }

    .sm-line-height-100 {
        line-height: 100px
    }

    .sm-line-height-110 {
        line-height: 110px
    }

    .sm-line-height-120 {
        line-height: 120px
    }
}

/*===================================
  27. Font Weight
====================================== */
.font-w-100 {
    font-weight: 100
}

.font-w-200 {
    font-weight: 200
}

.font-w-300 {
    font-weight: 300
}

.font-w-400 {
    font-weight: 400
}

.font-w-500 {
    font-weight: 500
}

.font-w-600 {
    font-weight: 600
}

.font-w-700 {
    font-weight: 700
}

.font-w-800 {
    font-weight: 800
}

.font-w-900 {
    font-weight: 900
}

@media (max-width: 1200px) {
    .lg-font-w-100 {
        font-weight: 100
    }

    .lg-font-w-200 {
        font-weight: 200
    }

    .lg-font-w-300 {
        font-weight: 300
    }

    .lg-font-w-400 {
        font-weight: 400
    }

    .lg-font-w-500 {
        font-weight: 500
    }

    .lg-font-w-600 {
        font-weight: 600
    }

    .lg-font-w-700 {
        font-weight: 700
    }

    .lg-font-w-800 {
        font-weight: 800
    }

    .lg-font-w-900 {
        font-weight: 900
    }
}

@media (max-width: 991px) {
    .md-font-w-100 {
        font-weight: 100
    }

    .md-font-w-200 {
        font-weight: 200
    }

    .md-font-w-300 {
        font-weight: 300
    }

    .md-font-w-400 {
        font-weight: 400
    }

    .md-font-w-500 {
        font-weight: 500
    }

    .md-font-w-600 {
        font-weight: 600
    }

    .md-font-w-700 {
        font-weight: 700
    }

    .md-font-w-800 {
        font-weight: 800
    }

    .md-font-w-900 {
        font-weight: 900
    }
}

@media (max-width: 767px) {
    .sm-font-w-100 {
        font-weight: 100
    }

    .sm-font-w-200 {
        font-weight: 200
    }

    .sm-font-w-300 {
        font-weight: 300
    }

    .sm-font-w-400 {
        font-weight: 400
    }

    .sm-font-w-500 {
        font-weight: 500
    }

    .sm-font-w-600 {
        font-weight: 600
    }

    .sm-font-w-700 {
        font-weight: 700
    }

    .sm-font-w-800 {
        font-weight: 800
    }

    .sm-font-w-900 {
        font-weight: 900
    }
}

/*===================================
  28. Text Style
====================================== */
.text-overflow {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-underline {
    text-decoration: underline;
}

.font-normal {
    font-style: normal;
}

.font-italic {
    font-style: italic;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-capitalize {
    text-transform: capitalize;
}

@media (max-width: 1200px) {
    .lg-text-underline {
        text-decoration: underline;
    }

    .lg-font-normal {
        font-style: normal;
    }

    .lg-font-italic {
        font-style: italic;
    }

    .lg-text-uppercase {
        text-transform: uppercase;
    }

    .lg-text-lowercase {
        text-transform: lowercase;
    }

    .lg-text-capitalize {
        text-transform: capitalize;
    }
}

@media (max-width: 991px) {
    .md-text-underline {
        text-decoration: underline;
    }

    .md-font-normal {
        font-style: normal;
    }

    .md-font-italic {
        font-style: italic;
    }

    .md-text-uppercase {
        text-transform: uppercase;
    }

    .md-text-lowercase {
        text-transform: lowercase;
    }

    .md-text-capitalize {
        text-transform: capitalize;
    }
}

@media (max-width: 767px) {
    .sm-text-underline {
        text-decoration: underline;
    }

    .sm-font-normal {
        font-style: normal;
    }

    .sm-font-italic {
        font-style: italic;
    }

    .sm-text-uppercase {
        text-transform: uppercase;
    }

    .sm-text-lowercase {
        text-transform: lowercase;
    }

    .sm-text-capitalize {
        text-transform: capitalize;
    }
}

/*===================================
  29. Colors
====================================== */
.color-white {
    color: #FFF
}

.color-black {
    color: #000
}

.color-extra-dark-gray {
    color: #232323
}

.color-dark-gray {
    color: #626262
}

.color-extra-medium-gray {
    color: #757575
}

.color-medium-gray {
    color: #939393
}

.color-extra-light-gray {
    color: #b7b7b7
}

.color-light-gray {
    color: #f7f7f7
}

.color-very-light-gray {
    color: #ededed
}

@media (max-width: 1200px) {
    .lg-text-underline {
        text-decoration: underline;
    }

    .lg-font-normal {
        font-style: normal;
    }

    .lg-font-italic {
        font-style: italic;
    }

    .lg-text-uppercase {
        text-transform: uppercase;
    }

    .lg-text-lowercase {
        text-transform: lowercase;
    }

    .lg-text-capitalize {
        text-transform: capitalize;
    }
}

@media (max-width: 991px) {
    .md-color-white {
        color: #FFF
    }

    .md-color-black {
        color: #000
    }

    .md-color-extra-dark-gray {
        color: #232323
    }

    .md-color-dark-gray {
        color: #626262
    }

    .md-color-extra-medium-gray {
        color: #757575
    }

    .md-color-medium-gray {
        color: #939393
    }

    .md-color-extra-light-gray {
        color: #b7b7b7
    }

    .md-color-light-gray {
        color: #f7f7f7
    }

    .md-color-very-light-gray {
        color: #ededed
    }
}

@media (max-width: 767px) {
    .sm-color-white {
        color: #FFF
    }

    .sm-color-black {
        color: #000
    }

    .sm-color-extra-dark-gray {
        color: #232323
    }

    .sm-color-dark-gray {
        color: #626262
    }

    .sm-color-extra-medium-gray {
        color: #757575
    }

    .sm-color-medium-gray {
        color: #939393
    }

    .sm-color-extra-light-gray {
        color: #b7b7b7
    }

    .sm-color-light-gray {
        color: #f7f7f7
    }

    .sm-color-very-light-gray {
        color: #ededed
    }
}


/*===================================
  30. Background
====================================== */
.transparent-bg {
    background-color: transparent;
}

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

.black-bg {
    background-color: #000;
}

.dark-bg {
    background-color: #1a1a1a;
}

.extra-dark-gray-bg {
    background-color: #1c1c1c;
}

.dark-gray-bg {
    background-color: #757575;
}

.extra-medium-gray-bg {
    background-color: #939393;
}

.medium-gray-bg {
    background-color: #dbdbdb;
}

.extra-light-gray-bg {
    background-color: #e0e0e0
}

.medium-light-gray-bg {
    background-color: #ededed
}

.gray-bg {
    background-color: #f6f6ff
}

.light-gray-bg {
    background-color: #f7f7f7
}

.very-light-gray-bg {
    background-color: #fafafa
}

.transparent-white-bg {
    background-color: rgba(255,255,255,0.3);
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(37%, rgba(255,255,255,0)), color-stop(96%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}

.transparent-black-bg {
    background-color: rgba(0,0,0,0);
    background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0)), color-stop(37%, rgba(0,0,0,0)), color-stop(96%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,1)));
    background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%);
    background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
}

.white-opacity-bg {
    background-color: rgba(255, 255, 255, 0.85);
}

.black-opacity-bg {
    background-color: rgba(0, 0, 0, 0.85);
}

.black-opacity-light-bg {
    background-color: rgba(0, 0, 0, 0.5);
}

.charcoal-gray-bg {
    background-color: #0e0f10;
}

.red-bg {
    background-color: #f44336
}

.pink-bg {
    background-color: #E91E63
}

.purple-bg {
    background-color: #9C27B0
}

.deep-purple-bg {
    background-color: #673AB7
}

.indigo-bg {
    background-color: #3F51B5
}

.blue-bg {
    background-color: #2196F3
}

.light-blue-bg {
    background-color: #03A9F4
}

.cyan-bg {
    background-color: #00BCD4
}

.teal-bg {
    background-color: #009688
}

.green-bg {
    background-color: #4CAF50
}

.light-green-bg {
    background-color: #8BC34A
}

.lime-bg {
    background-color: #CDDC39
}

.yellow-bg {
    background-color: #FFEB3B
}

.amber-bg {
    background-color: #FFC107
}

.orange-bg {
    background-color: #FF9800
}

.deep-orange-bg {
    background-color: #FF5722
}

.deep-brown-bg {
    background-color: #795548
}

.blue-gray-bg {
    background-color: #607D8B
}

.overlay-bg {
    position: relative;
}

    .overlay-bg .overlay-inner {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        content: "";
        z-index: 0;
    }


@media (max-width: 1200px) {
    .lg-transparent-bg {
        background-color: transparent;
    }

    .lg-white-bg {
        background-color: #fff;
    }

    .lg-black-bg {
        background-color: #000;
    }

    .lg-dark-bg {
        background-color: #1a1a1a;
    }

    .lg-extra-dark-gray-bg {
        background-color: #1c1c1c;
    }

    .lg-dark-gray-bg {
        background-color: #757575;
    }

    .lg-extra-medium-gray-bg {
        background-color: #939393;
    }

    .lg-medium-gray-bg {
        background-color: #dbdbdb;
    }

    .lg-extra-light-gray-bg {
        background-color: #e0e0e0
    }

    .lg-medium-light-gray-bg {
        background-color: #ededed
    }

    .lg-light-gray-bg {
        background-color: #f7f7f7
    }

    .lg-very-light-gray-bg {
        background-color: #fafafa
    }

    .lg-deep-pink-bg {
        background-color: #ff214f;
    }

    .lg-transparent-white-bg {
        background-color: rgba(255,255,255,0.3);
        background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(37%, rgba(255,255,255,0)), color-stop(96%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
        background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%);
        background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%);
        background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%);
        background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
    }

    .lg-transparent-black-bg {
        background-color: rgba(0,0,0,0);
        background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0)), color-stop(37%, rgba(0,0,0,0)), color-stop(96%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,1)));
        background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%);
        background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%);
        background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%);
        background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
    }

    .lg-white-opacity-bg {
        background-color: rgba(255, 255, 255, 0.85);
    }

    .lg-black-opacity-bg {
        background-color: rgba(0, 0, 0, 0.85);
    }

    .lg-black-opacity-light-bg {
        background-color: rgba(0, 0, 0, 0.5);
    }

    .lg-deep-pink-opacity-bg {
        background-color: rgba(255, 33, 79, 0.85);
    }

    .lg-charcoal-gray-bg {
        background-color: #0e0f10;
    }

    .lg-red-bg {
        background-color: #f44336
    }

    .lg-pink-bg {
        background-color: #E91E63
    }

    .lg-purple-bg {
        background-color: #9C27B0
    }

    .lg-deep-purple-bg {
        background-color: #673AB7
    }

    .lg-indigo-bg {
        background-color: #3F51B5
    }

    .lg-blue-bg {
        background-color: #2196F3
    }

    .lg-light-blue-bg {
        background-color: #03A9F4
    }

    .lg-cyan-bg {
        background-color: #00BCD4
    }

    .lg-teal-bg {
        background-color: #009688
    }

    .lg-green-bg {
        background-color: #4CAF50
    }

    .lg-light-green-bg {
        background-color: #8BC34A
    }

    .lg-lime-bg {
        background-color: #CDDC39
    }

    .lg-yellow-bg {
        background-color: #FFEB3B
    }

    .lg-amber-bg {
        background-color: #FFC107
    }

    .lg-orange-bg {
        background-color: #FF9800
    }

    .lg-deep-orange-bg {
        background-color: #FF5722
    }

    .lg-deep-brown-bg {
        background-color: #795548
    }

    .lg-blue-gray-bg {
        background-color: #607D8B
    }
}

@media (max-width: 991px) {
    .md-transparent-bg {
        background-color: transparent;
    }

    .md-white-bg {
        background-color: #fff;
    }

    .md-black-bg {
        background-color: #000;
    }

    .md-dark-bg {
        background-color: #1a1a1a;
    }

    .md-extra-dark-gray-bg {
        background-color: #1c1c1c;
    }

    .md-dark-gray-bg {
        background-color: #757575;
    }

    .md-extra-medium-gray-bg {
        background-color: #939393;
    }

    .md-medium-gray-bg {
        background-color: #dbdbdb;
    }

    .md-extra-light-gray-bg {
        background-color: #e0e0e0
    }

    .md-medium-light-gray-bg {
        background-color: #ededed
    }

    .md-light-gray-bg {
        background-color: #f7f7f7
    }

    .md-very-light-gray-bg {
        background-color: #fafafa
    }

    .md-deep-pink-bg {
        background-color: #ff214f;
    }

    .md-transparent-white-bg {
        background-color: rgba(255,255,255,0.3);
        background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(37%, rgba(255,255,255,0)), color-stop(96%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
        background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%);
        background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%);
        background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%);
        background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
    }

    .md-transparent-black-bg {
        background-color: rgba(0,0,0,0);
        background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0)), color-stop(37%, rgba(0,0,0,0)), color-stop(96%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,1)));
        background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%);
        background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%);
        background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%);
        background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
    }

    .md-white-opacity-bg {
        background-color: rgba(255, 255, 255, 0.85);
    }

    .md-black-opacity-bg {
        background-color: rgba(0, 0, 0, 0.85);
    }

    .md-black-opacity-light-bg {
        background-color: rgba(0, 0, 0, 0.5);
    }

    .md-deep-pink-opacity-bg {
        background-color: rgba(255, 33, 79, 0.85);
    }

    .md-charcoal-gray-bg {
        background-color: #0e0f10;
    }

    .md-red-bg {
        background-color: #f44336
    }

    .md-pink-bg {
        background-color: #E91E63
    }

    .md-purple-bg {
        background-color: #9C27B0
    }

    .md-deep-purple-bg {
        background-color: #673AB7
    }

    .md-indigo-bg {
        background-color: #3F51B5
    }

    .md-blue-bg {
        background-color: #2196F3
    }

    .md-light-blue-bg {
        background-color: #03A9F4
    }

    .md-cyan-bg {
        background-color: #00BCD4
    }

    .md-teal-bg {
        background-color: #009688
    }

    .md-green-bg {
        background-color: #4CAF50
    }

    .md-light-green-bg {
        background-color: #8BC34A
    }

    .md-lime-bg {
        background-color: #CDDC39
    }

    .md-yellow-bg {
        background-color: #FFEB3B
    }

    .md-amber-bg {
        background-color: #FFC107
    }

    .md-orange-bg {
        background-color: #FF9800
    }

    .md-deep-orange-bg {
        background-color: #FF5722
    }

    .md-deep-brown-bg {
        background-color: #795548
    }

    .md-blue-gray-bg {
        background-color: #607D8B
    }
}

@media (max-width: 767px) {
    .sm-transparent-bg {
        background-color: transparent;
    }

    .sm-white-bg {
        background-color: #fff;
    }

    .sm-black-bg {
        background-color: #000;
    }

    .sm-dark-bg {
        background-color: #1a1a1a;
    }

    .sm-extra-dark-gray-bg {
        background-color: #1c1c1c;
    }

    .sm-dark-gray-bg {
        background-color: #757575;
    }

    .sm-extra-medium-gray-bg {
        background-color: #939393;
    }

    .sm-medium-gray-bg {
        background-color: #dbdbdb;
    }

    .sm-extra-light-gray-bg {
        background-color: #e0e0e0
    }

    .sm-medium-light-gray-bg {
        background-color: #ededed
    }

    .sm-light-gray-bg {
        background-color: #f7f7f7
    }

    .sm-very-light-gray-bg {
        background-color: #fafafa
    }

    .sm-deep-pink-bg {
        background-color: #ff214f;
    }

    .sm-transparent-white-bg {
        background-color: rgba(255,255,255,0.3);
        background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(37%, rgba(255,255,255,0)), color-stop(96%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
        background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%);
        background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%);
        background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%);
        background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
    }

    .sm-transparent-black-bg {
        background-color: rgba(0,0,0,0);
        background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0)), color-stop(37%, rgba(0,0,0,0)), color-stop(96%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,1)));
        background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%);
        background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%);
        background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%);
        background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
    }

    .sm-white-opacity-bg {
        background-color: rgba(255, 255, 255, 0.85);
    }

    .sm-black-opacity-bg {
        background-color: rgba(0, 0, 0, 0.85);
    }

    .sm-black-opacity-light-bg {
        background-color: rgba(0, 0, 0, 0.5);
    }

    .sm-deep-pink-opacity-bg {
        background-color: rgba(255, 33, 79, 0.85);
    }

    .sm-charcoal-gray-bg {
        background-color: #0e0f10;
    }

    .sm-red-bg {
        background-color: #f44336
    }

    .sm-pink-bg {
        background-color: #E91E63
    }

    .sm-purple-bg {
        background-color: #9C27B0
    }

    .sm-deep-purple-bg {
        background-color: #673AB7
    }

    .sm-indigo-bg {
        background-color: #3F51B5
    }

    .sm-blue-bg {
        background-color: #2196F3
    }

    .sm-light-blue-bg {
        background-color: #03A9F4
    }

    .sm-cyan-bg {
        background-color: #00BCD4
    }

    .sm-teal-bg {
        background-color: #009688
    }

    .sm-green-bg {
        background-color: #4CAF50
    }

    .sm-light-green-bg {
        background-color: #8BC34A
    }

    .sm-lime-bg {
        background-color: #CDDC39
    }

    .sm-yellow-bg {
        background-color: #FFEB3B
    }

    .sm-amber-bg {
        background-color: #FFC107
    }

    .sm-orange-bg {
        background-color: #FF9800
    }

    .sm-deep-orange-bg {
        background-color: #FF5722
    }

    .sm-deep-brown-bg {
        background-color: #795548
    }

    .sm-blue-gray-bg {
        background-color: #607D8B
    }
}

/*===================================
  31. Hover Box
====================================== */
.hover-white-bg,
.hover-shadow {
    -webkit-transition: ease all .3s;
    -moz-transition: ease all .3s;
    -o-transition: ease all .3s;
    transition: ease all .3s;
}

    .hover-white-bg:hover {
        background: #fff;
    }

    .hover-shadow:hover {
        box-shadow: rgba(58,78,95,0.2) 0 10px 16px, rgba(58,78,95,0.05) 0 -5px 16px;
    }
/*===================================
  32. box-shadow
====================================== */
.box-shadow-light {
    box-shadow: 0 0 3px rgba(0,0,0,.1);
}

.box-shadow {
    box-shadow: 0 0 3px rgba(0,0,0, .2);
}

.box-shadow-dark {
    box-shadow: 0 0 4px rgba(0,0,0,.4);
}

.box-shadow-large {
    box-shadow: 0 0 12px rgba(0,0,0,.1);
}

.box-shadow-extra-large {
    box-shadow: rgba(58,78,95,0.2) 0 10px 16px, rgba(58,78,95,0.05) 0 -5px 16px;
}

/*==============================
  33. opacity
================================*/
.opacity1 {
    opacity: .1
}

.opacity2 {
    opacity: .2
}

.opacity3 {
    opacity: .3
}

.opacity4 {
    opacity: .4
}

.opacity5 {
    opacity: .5
}

.opacity6 {
    opacity: .6
}

.opacity7 {
    opacity: .7
}

.opacity8 {
    opacity: .8
}

.opacity9 {
    opacity: .9
}

@media (max-width: 1200px) {
    .lg-opacity1 {
        opacity: .1
    }

    .lg-opacity2 {
        opacity: .2
    }

    .lg-opacity3 {
        opacity: .3
    }

    .lg-opacity4 {
        opacity: .4
    }

    .lg-opacity5 {
        opacity: .5
    }

    .lg-opacity6 {
        opacity: .6
    }

    .lg-opacity7 {
        opacity: .7
    }

    .lg-opacity8 {
        opacity: .8
    }

    .lg-opacity9 {
        opacity: .9
    }
}

@media (max-width: 991px) {
    .md-opacity1 {
        opacity: .1
    }

    .md-opacity2 {
        opacity: .2
    }

    .md-opacity3 {
        opacity: .3
    }

    .md-opacity4 {
        opacity: .4
    }

    .md-opacity5 {
        opacity: .5
    }

    .md-opacity6 {
        opacity: .6
    }

    .md-opacity7 {
        opacity: .7
    }

    .md-opacity8 {
        opacity: .8
    }

    .md-opacity9 {
        opacity: .9
    }
}

@media (max-width: 767px) {
    .sm-opacity1 {
        opacity: .1
    }

    .sm-opacity2 {
        opacity: .2
    }

    .sm-opacity3 {
        opacity: .3
    }

    .sm-opacity4 {
        opacity: .4
    }

    .sm-opacity5 {
        opacity: .5
    }

    .sm-opacity6 {
        opacity: .6
    }

    .sm-opacity7 {
        opacity: .7
    }

    .sm-opacity8 {
        opacity: .8
    }

    .sm-opacity9 {
        opacity: .9
    }
}


/*==============================
  34. Letter Spacing
================================*/
.letter-spacing-1 {
    letter-spacing: 1px
}

.letter-spacing-2 {
    letter-spacing: 2px
}

.letter-spacing-3 {
    letter-spacing: 3px
}

.letter-spacing-4 {
    letter-spacing: 4px
}

.letter-spacing-5 {
    letter-spacing: 5px
}

.letter-spacing-6 {
    letter-spacing: 6px
}

.letter-spacing-7 {
    letter-spacing: 7px
}

.letter-spacing-8 {
    letter-spacing: 8px
}

.letter-spacing-9 {
    letter-spacing: 9px
}

.letter-spacing-10 {
    letter-spacing: 10px
}

@media (max-width: 1200px) {
    .lg-letter-spacing-1 {
        letter-spacing: 1px
    }

    .lg-letter-spacing-2 {
        letter-spacing: 2px
    }

    .lg-letter-spacing-3 {
        letter-spacing: 3px
    }

    .lg-letter-spacing-4 {
        letter-spacing: 4px
    }

    .lg-letter-spacing-5 {
        letter-spacing: 5px
    }

    .lg-letter-spacing-6 {
        letter-spacing: 6px
    }

    .lg-letter-spacing-7 {
        letter-spacing: 7px
    }

    .lg-letter-spacing-8 {
        letter-spacing: 8px
    }

    .lg-letter-spacing-9 {
        letter-spacing: 9px
    }

    .lg-letter-spacing-10 {
        letter-spacing: 10px
    }
}

@media (max-width: 991px) {
    .md-letter-spacing-1 {
        letter-spacing: 1px
    }

    .md-letter-spacing-2 {
        letter-spacing: 2px
    }

    .md-letter-spacing-3 {
        letter-spacing: 3px
    }

    .md-letter-spacing-4 {
        letter-spacing: 4px
    }

    .md-letter-spacing-5 {
        letter-spacing: 5px
    }

    .md-letter-spacing-6 {
        letter-spacing: 6px
    }

    .md-letter-spacing-7 {
        letter-spacing: 7px
    }

    .md-letter-spacing-8 {
        letter-spacing: 8px
    }

    .md-letter-spacing-9 {
        letter-spacing: 9px
    }

    .md-letter-spacing-10 {
        letter-spacing: 10px
    }
}

@media (max-width: 767px) {
    .sm-letter-spacing-1 {
        letter-spacing: 1px
    }

    .sm-letter-spacing-2 {
        letter-spacing: 2px
    }

    .sm-letter-spacing-3 {
        letter-spacing: 3px
    }

    .sm-letter-spacing-4 {
        letter-spacing: 4px
    }

    .sm-letter-spacing-5 {
        letter-spacing: 5px
    }

    .sm-letter-spacing-6 {
        letter-spacing: 6px
    }

    .sm-letter-spacing-7 {
        letter-spacing: 7px
    }

    .sm-letter-spacing-8 {
        letter-spacing: 8px
    }

    .sm-letter-spacing-9 {
        letter-spacing: 9px
    }

    .sm-letter-spacing-10 {
        letter-spacing: 10px
    }
}


/*==============================
  35. Margins
================================*/

/*Margin All*/
.m-auto-all {
    margin: auto;
}

.m-0px {
    margin: 0;
}

.m-5px {
    margin: 5px
}

.m-10px {
    margin: 10px
}

.m-15px {
    margin: 15px
}

.m-20px {
    margin: 20px
}

.m-25px {
    margin: 25px
}

.m-30px {
    margin: 30px
}

.m-35px {
    margin: 35px
}

.m-40px {
    margin: 40px
}

.m-45px {
    margin: 45px
}

.m-50px {
    margin: 50px
}

.m-55px {
    margin: 55px
}

.m-60px {
    margin: 60px
}

.m-65px {
    margin: 65px
}

.m-70px {
    margin: 70px
}

.m-75px {
    margin: 75px
}

.m-80px {
    margin: 80px
}

.m-85px {
    margin: 85px
}

.m-90px {
    margin: 90px
}

.m-95px {
    margin: 95px
}

.m-100px {
    margin: 100px
}

/*Margin top buttom*/
.m-0px-tb {
    margin-top: 0px;
    margin-bottom: 0px;
}

.m-5px-tb {
    margin-top: 5px;
    margin-bottom: 5px;
}

.m-10px-tb {
    margin-top: 10px;
    margin-bottom: 10px;
}

.m-15px-tb {
    margin-top: 15px;
    margin-bottom: 15px;
}

.m-20px-tb {
    margin-top: 20px;
    margin-bottom: 20px;
}

.m-25px-tb {
    margin-top: 25px;
    margin-bottom: 25px;
}

.m-30px-tb {
    margin-top: 30px;
    margin-bottom: 30px;
}

.m-35px-tb {
    margin-top: 35px;
    margin-bottom: 35px;
}

.m-40px-tb {
    margin-top: 40px;
    margin-bottom: 40px;
}

.m-45px-tb {
    margin-top: 45px;
    margin-bottom: 45px;
}

.m-50px-tb {
    margin-top: 50px;
    margin-bottom: 50px;
}

.m-55px-tb {
    margin-top: 55px;
    margin-bottom: 55px;
}

.m-60px-tb {
    margin-top: 60px;
    margin-bottom: 60px;
}

.m-65px-tb {
    margin-top: 65px;
    margin-bottom: 65px;
}

.m-70px-tb {
    margin-top: 70px;
    margin-bottom: 70px;
}

.m-75px-tb {
    margin-top: 75px;
    margin-bottom: 75px;
}

.m-80px-tb {
    margin-top: 80px;
    margin-bottom: 80px;
}

.m-85px-tb {
    margin-top: 85px;
    margin-bottom: 85px;
}

.m-90px-tb {
    margin-top: 90px;
    margin-bottom: 90px;
}

.m-95px-tb {
    margin-top: 95px;
    margin-bottom: 95px;
}

.m-100px-tb {
    margin-top: 100px;
    margin-bottom: 100px;
}

/*Margin left right*/
.m-0px-lr {
    margin-left: 0px;
    margin-right: 0px
}

.m-5px-lr {
    margin-left: 5px;
    margin-right: 5px
}

.m-10px-lr {
    margin-left: 10px;
    margin-right: 10px
}

.m-15px-lr {
    margin-left: 15px;
    margin-right: 15px
}

.m-20px-lr {
    margin-left: 20px;
    margin-right: 20px
}

.m-25px-lr {
    margin-left: 25px;
    margin-right: 25px
}

.m-30px-lr {
    margin-left: 30px;
    margin-right: 30px
}

.m-35px-lr {
    margin-left: 35px;
    margin-right: 35px
}

.m-40px-lr {
    margin-left: 40px;
    margin-right: 40px
}

.m-45px-lr {
    margin-left: 45px;
    margin-right: 45px
}

.m-50px-lr {
    margin-left: 50px;
    margin-right: 50px
}

.m-55px-lr {
    margin-left: 55px;
    margin-right: 55px
}

.m-60px-lr {
    margin-left: 60px;
    margin-right: 60px
}

.m-65px-lr {
    margin-left: 65px;
    margin-right: 65px
}

.m-70px-lr {
    margin-left: 70px;
    margin-right: 70px
}

.m-75px-lr {
    margin-left: 75px;
    margin-right: 75px
}

.m-80px-lr {
    margin-left: 80px;
    margin-right: 80px
}

.m-85px-lr {
    margin-left: 85px;
    margin-right: 85px
}

.m-90px-lr {
    margin-left: 90px;
    margin-right: 90px
}

.m-95px-lr {
    margin-left: 95px;
    margin-right: 95px
}

.m-100px-lr {
    margin-left: 100px;
    margin-right: 100px
}


/*Margin top*/
.m-0px-t {
    margin-top: 0px
}

.m-5px-t {
    margin-top: 5px
}

.m-10px-t {
    margin-top: 10px
}

.m-15px-t {
    margin-top: 15px
}

.m-20px-t {
    margin-top: 20px
}

.m-25px-t {
    margin-top: 25px
}

.m-30px-t {
    margin-top: 30px
}

.m-35px-t {
    margin-top: 35px
}

.m-40px-t {
    margin-top: 40px
}

.m-45px-t {
    margin-top: 45px
}

.m-50px-t {
    margin-top: 50px
}

.m-55px-t {
    margin-top: 55px
}

.m-60px-t {
    margin-top: 60px
}

.m-65px-t {
    margin-top: 65px
}

.m-70px-t {
    margin-top: 70px
}

.m-75px-t {
    margin-top: 75px
}

.m-80px-t {
    margin-top: 80px
}

.m-85px-t {
    margin-top: 85px
}

.m-90px-t {
    margin-top: 90px
}

.m-95px-t {
    margin-top: 95px
}

.m-100px-t {
    margin-top: 100px
}

/*Margin Bottom*/
.m-0px-b {
    margin-bottom: 0px
}

.m-5px-b {
    margin-bottom: 5px
}

.m-10px-b {
    margin-bottom: 10px
}

.m-15px-b {
    margin-bottom: 15px
}

.m-20px-b {
    margin-bottom: 20px
}

.m-25px-b {
    margin-bottom: 25px
}

.m-30px-b {
    margin-bottom: 30px
}

.m-35px-b {
    margin-bottom: 35px
}

.m-40px-b {
    margin-bottom: 40px
}

.m-45px-b {
    margin-bottom: 45px
}

.m-50px-b {
    margin-bottom: 50px
}

.m-55px-b {
    margin-bottom: 55px
}

.m-60px-b {
    margin-bottom: 60px
}

.m-65px-b {
    margin-bottom: 65px
}

.m-70px-b {
    margin-bottom: 70px
}

.m-75px-b {
    margin-bottom: 75px
}

.m-80px-b {
    margin-bottom: 80px
}

.m-85px-b {
    margin-bottom: 85px
}

.m-90px-b {
    margin-bottom: 90px
}

.m-95px-b {
    margin-bottom: 95px
}

.m-100px-b {
    margin-bottom: 100px
}

/*Margin Left*/
.m-0px-l {
    margin-left: 0px
}

.m-5px-l {
    margin-left: 5px
}

.m-10px-l {
    margin-left: 10px
}

.m-15px-l {
    margin-left: 15px
}

.m-20px-l {
    margin-left: 20px
}

.m-25px-l {
    margin-left: 25px
}

.m-30px-l {
    margin-left: 30px
}

.m-35px-l {
    margin-left: 35px
}

.m-40px-l {
    margin-left: 40px
}

.m-45px-l {
    margin-left: 45px
}

.m-50px-l {
    margin-left: 50px
}

.m-55px-l {
    margin-left: 55px
}

.m-60px-l {
    margin-left: 60px
}

.m-65px-l {
    margin-left: 65px
}

.m-70px-l {
    margin-left: 70px
}

.m-75px-l {
    margin-left: 75px
}

.m-80px-l {
    margin-left: 80px
}

.m-85px-l {
    margin-left: 85px
}

.m-90px-l {
    margin-left: 90px
}

.m-95px-l {
    margin-left: 95px
}

.m-100px-l {
    margin-left: 100px
}

/*Margin right*/
.m-0px-r {
    margin-right: 0px
}

.m-5px-r {
    margin-right: 5px
}

.m-10px-r {
    margin-right: 10px
}

.m-15px-r {
    margin-right: 15px
}

.m-20px-r {
    margin-right: 20px
}

.m-25px-r {
    margin-right: 25px
}

.m-30px-r {
    margin-right: 30px
}

.m-35px-r {
    margin-right: 35px
}

.m-40px-r {
    margin-right: 40px
}

.m-45px-r {
    margin-right: 45px
}

.m-50px-r {
    margin-right: 50px
}

.m-55px-r {
    margin-right: 55px
}

.m-60px-r {
    margin-right: 60px
}

.m-65px-r {
    margin-right: 65px
}

.m-70px-r {
    margin-right: 70px
}

.m-75px-r {
    margin-right: 75px
}

.m-80px-r {
    margin-right: 80px
}

.m-85px-r {
    margin-right: 85px
}

.m-90px-r {
    margin-right: 90px
}

.m-95px-r {
    margin-right: 95px
}

.m-100px-r {
    margin-right: 100px
}


@media (max-width: 1200px) {
    /*Margin All*/
    .lg-m-0px {
        margin: 0;
    }

    .lg-m-5px {
        margin: 5px
    }

    .lg-m-10px {
        margin: 10px
    }

    .lg-m-15px {
        margin: 15px
    }

    .lg-m-20px {
        margin: 20px
    }

    .lg-m-25px {
        margin: 25px
    }

    .lg-m-30px {
        margin: 30px
    }

    .lg-m-35px {
        margin: 35px
    }

    .lg-m-40px {
        margin: 40px
    }

    .lg-m-45px {
        margin: 45px
    }

    .lg-m-50px {
        margin: 50px
    }

    .lg-m-55px {
        margin: 55px
    }

    .lg-m-60px {
        margin: 60px
    }

    .lg-m-65px {
        margin: 65px
    }

    .lg-m-70px {
        margin: 70px
    }

    .lg-m-75px {
        margin: 75px
    }

    .lg-m-80px {
        margin: 80px
    }

    .lg-m-85px {
        margin: 85px
    }

    .lg-m-90px {
        margin: 90px
    }

    .lg-m-95px {
        margin: 95px
    }

    .lg-m-100px {
        margin: 100px
    }

    /*Margin top buttom*/
    .lg-m-0px-tb {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .lg-m-5px-tb {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .lg-m-10px-tb {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .lg-m-15px-tb {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .lg-m-20px-tb {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .lg-m-25px-tb {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .lg-m-30px-tb {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .lg-m-35px-tb {
        margin-top: 35px;
        margin-bottom: 35px;
    }

    .lg-m-40px-tb {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .lg-m-45px-tb {
        margin-top: 45px;
        margin-bottom: 45px;
    }

    .lg-m-50px-tb {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .lg-m-55px-tb {
        margin-top: 55px;
        margin-bottom: 55px;
    }

    .lg-m-60px-tb {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .lg-m-65px-tb {
        margin-top: 65px;
        margin-bottom: 65px;
    }

    .lg-m-70px-tb {
        margin-top: 70px;
        margin-bottom: 70px;
    }

    .lg-m-75px-tb {
        margin-top: 75px;
        margin-bottom: 75px;
    }

    .lg-m-80px-tb {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .lg-m-85px-tb {
        margin-top: 85px;
        margin-bottom: 85px;
    }

    .lg-m-90px-tb {
        margin-top: 90px;
        margin-bottom: 90px;
    }

    .lg-m-95px-tb {
        margin-top: 95px;
        margin-bottom: 95px;
    }

    .lg-m-100px-tb {
        margin-top: 100px;
        margin-bottom: 100px;
    }

    /*Margin left right*/
    .lg-m-0px-lr {
        margin-left: 0px;
        margin-right: 0px
    }

    .lg-m-5px-lr {
        margin-left: 5px;
        margin-right: 5px
    }

    .lg-m-10px-lr {
        margin-left: 10px;
        margin-right: 10px
    }

    .lg-m-15px-lr {
        margin-left: 15px;
        margin-right: 15px
    }

    .lg-m-20px-lr {
        margin-left: 20px;
        margin-right: 20px
    }

    .lg-m-25px-lr {
        margin-left: 25px;
        margin-right: 25px
    }

    .lg-m-30px-lr {
        margin-left: 30px;
        margin-right: 30px
    }

    .lg-m-35px-lr {
        margin-left: 35px;
        margin-right: 35px
    }

    .lg-m-40px-lr {
        margin-left: 40px;
        margin-right: 40px
    }

    .lg-m-45px-lr {
        margin-left: 45px;
        margin-right: 45px
    }

    .lg-m-50px-lr {
        margin-left: 50px;
        margin-right: 50px
    }

    .lg-m-55px-lr {
        margin-left: 55px;
        margin-right: 55px
    }

    .lg-m-60px-lr {
        margin-left: 60px;
        margin-right: 60px
    }

    .lg-m-65px-lr {
        margin-left: 65px;
        margin-right: 65px
    }

    .lg-m-70px-lr {
        margin-left: 70px;
        margin-right: 70px
    }

    .lg-m-75px-lr {
        margin-left: 75px;
        margin-right: 75px
    }

    .lg-m-80px-lr {
        margin-left: 80px;
        margin-right: 80px
    }

    .lg-m-85px-lr {
        margin-left: 85px;
        margin-right: 85px
    }

    .lg-m-90px-lr {
        margin-left: 90px;
        margin-right: 90px
    }

    .lg-m-95px-lr {
        margin-left: 95px;
        margin-right: 95px
    }

    .lg-m-100px-lr {
        margin-left: 100px;
        margin-right: 100px
    }


    /*Margin top*/
    .lg-m-0px-t {
        margin-top: 0px
    }

    .lg-m-5px-t {
        margin-top: 5px
    }

    .lg-m-10px-t {
        margin-top: 10px
    }

    .lg-m-15px-t {
        margin-top: 15px
    }

    .lg-m-20px-t {
        margin-top: 20px
    }

    .lg-m-25px-t {
        margin-top: 25px
    }

    .lg-m-30px-t {
        margin-top: 30px
    }

    .lg-m-35px-t {
        margin-top: 35px
    }

    .lg-m-40px-t {
        margin-top: 40px
    }

    .lg-m-45px-t {
        margin-top: 45px
    }

    .lg-m-50px-t {
        margin-top: 50px
    }

    .lg-m-55px-t {
        margin-top: 55px
    }

    .lg-m-60px-t {
        margin-top: 60px
    }

    .lg-m-65px-t {
        margin-top: 65px
    }

    .lg-m-70px-t {
        margin-top: 70px
    }

    .lg-m-75px-t {
        margin-top: 75px
    }

    .lg-m-80px-t {
        margin-top: 80px
    }

    .lg-m-85px-t {
        margin-top: 85px
    }

    .lg-m-90px-t {
        margin-top: 90px
    }

    .lg-m-95px-t {
        margin-top: 95px
    }

    .lg-m-100px-t {
        margin-top: 100px
    }

    /*Margin Bottom*/
    .lg-m-0px-b {
        margin-bottom: 0px
    }

    .lg-m-5px-b {
        margin-bottom: 5px
    }

    .lg-m-10px-b {
        margin-bottom: 10px
    }

    .lg-m-15px-b {
        margin-bottom: 15px
    }

    .lg-m-20px-b {
        margin-bottom: 20px
    }

    .lg-m-25px-b {
        margin-bottom: 25px
    }

    .lg-m-30px-b {
        margin-bottom: 30px
    }

    .lg-m-35px-b {
        margin-bottom: 35px
    }

    .lg-m-40px-b {
        margin-bottom: 40px
    }

    .lg-m-45px-b {
        margin-bottom: 45px
    }

    .lg-m-50px-b {
        margin-bottom: 50px
    }

    .lg-m-55px-b {
        margin-bottom: 55px
    }

    .lg-m-60px-b {
        margin-bottom: 60px
    }

    .lg-m-65px-b {
        margin-bottom: 65px
    }

    .lg-m-70px-b {
        margin-bottom: 70px
    }

    .lg-m-75px-b {
        margin-bottom: 75px
    }

    .lg-m-80px-b {
        margin-bottom: 80px
    }

    .lg-m-85px-b {
        margin-bottom: 85px
    }

    .lg-m-90px-b {
        margin-bottom: 90px
    }

    .lg-m-95px-b {
        margin-bottom: 95px
    }

    .lg-m-100px-b {
        margin-bottom: 100px
    }

    /*Margin Left*/
    .lg-m-0px-l {
        margin-left: 0px
    }

    .lg-m-5px-l {
        margin-left: 5px
    }

    .lg-m-10px-l {
        margin-left: 10px
    }

    .lg-m-15px-l {
        margin-left: 15px
    }

    .lg-m-20px-l {
        margin-left: 20px
    }

    .lg-m-25px-l {
        margin-left: 25px
    }

    .lg-m-30px-l {
        margin-left: 30px
    }

    .lg-m-35px-l {
        margin-left: 35px
    }

    .lg-m-40px-l {
        margin-left: 40px
    }

    .lg-m-45px-l {
        margin-left: 45px
    }

    .lg-m-50px-l {
        margin-left: 50px
    }

    .lg-m-55px-l {
        margin-left: 55px
    }

    .lg-m-60px-l {
        margin-left: 60px
    }

    .lg-m-65px-l {
        margin-left: 65px
    }

    .lg-m-70px-l {
        margin-left: 70px
    }

    .lg-m-75px-l {
        margin-left: 75px
    }

    .lg-m-80px-l {
        margin-left: 80px
    }

    .lg-m-85px-l {
        margin-left: 85px
    }

    .lg-m-90px-l {
        margin-left: 90px
    }

    .lg-m-95px-l {
        margin-left: 95px
    }

    .lg-m-100px-l {
        margin-left: 100px
    }

    /*Margin right*/
    .lg-m-0px-r {
        margin-right: 0px
    }

    .lg-m-5px-r {
        margin-right: 5px
    }

    .lg-m-10px-r {
        margin-right: 10px
    }

    .lg-m-15px-r {
        margin-right: 15px
    }

    .lg-m-20px-r {
        margin-right: 20px
    }

    .lg-m-25px-r {
        margin-right: 25px
    }

    .lg-m-30px-r {
        margin-right: 30px
    }

    .lg-m-35px-r {
        margin-right: 35px
    }

    .lg-m-40px-r {
        margin-right: 40px
    }

    .lg-m-45px-r {
        margin-right: 45px
    }

    .lg-m-50px-r {
        margin-right: 50px
    }

    .lg-m-55px-r {
        margin-right: 55px
    }

    .lg-m-60px-r {
        margin-right: 60px
    }

    .lg-m-65px-r {
        margin-right: 65px
    }

    .lg-m-70px-r {
        margin-right: 70px
    }

    .lg-m-75px-r {
        margin-right: 75px
    }

    .lg-m-80px-r {
        margin-right: 80px
    }

    .lg-m-85px-r {
        margin-right: 85px
    }

    .lg-m-90px-r {
        margin-right: 90px
    }

    .lg-m-95px-r {
        margin-right: 95px
    }

    .lg-m-100px-r {
        margin-right: 100px
    }
}

@media (max-width: 991px) {
    /*Margin All*/
    .md-m-0px {
        margin: 0;
    }

    .md-m-5px {
        margin: 5px
    }

    .md-m-10px {
        margin: 10px
    }

    .md-m-15px {
        margin: 15px
    }

    .md-m-20px {
        margin: 20px
    }

    .md-m-25px {
        margin: 25px
    }

    .md-m-30px {
        margin: 30px
    }

    .md-m-35px {
        margin: 35px
    }

    .md-m-40px {
        margin: 40px
    }

    .md-m-45px {
        margin: 45px
    }

    .md-m-50px {
        margin: 50px
    }

    .md-m-55px {
        margin: 55px
    }

    .md-m-60px {
        margin: 60px
    }

    .md-m-65px {
        margin: 65px
    }

    .md-m-70px {
        margin: 70px
    }

    .md-m-75px {
        margin: 75px
    }

    .md-m-80px {
        margin: 80px
    }

    .md-m-85px {
        margin: 85px
    }

    .md-m-90px {
        margin: 90px
    }

    .md-m-95px {
        margin: 95px
    }

    .md-m-100px {
        margin: 100px
    }

    /*Margin top buttom*/
    .md-m-0px-tb {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .md-m-5px-tb {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .md-m-10px-tb {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .md-m-15px-tb {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .md-m-20px-tb {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .md-m-25px-tb {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .md-m-30px-tb {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .md-m-35px-tb {
        margin-top: 35px;
        margin-bottom: 35px;
    }

    .md-m-40px-tb {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .md-m-45px-tb {
        margin-top: 45px;
        margin-bottom: 45px;
    }

    .md-m-50px-tb {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .md-m-55px-tb {
        margin-top: 55px;
        margin-bottom: 55px;
    }

    .md-m-60px-tb {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .md-m-65px-tb {
        margin-top: 65px;
        margin-bottom: 65px;
    }

    .md-m-70px-tb {
        margin-top: 70px;
        margin-bottom: 70px;
    }

    .md-m-75px-tb {
        margin-top: 75px;
        margin-bottom: 75px;
    }

    .md-m-80px-tb {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .md-m-85px-tb {
        margin-top: 85px;
        margin-bottom: 85px;
    }

    .md-m-90px-tb {
        margin-top: 90px;
        margin-bottom: 90px;
    }

    .md-m-95px-tb {
        margin-top: 95px;
        margin-bottom: 95px;
    }

    .md-m-100px-tb {
        margin-top: 100px;
        margin-bottom: 100px;
    }

    /*Margin left right*/
    .md-m-0px-lr {
        margin-left: 0px;
        margin-right: 0px
    }

    .md-m-5px-lr {
        margin-left: 5px;
        margin-right: 5px
    }

    .md-m-10px-lr {
        margin-left: 10px;
        margin-right: 10px
    }

    .md-m-15px-lr {
        margin-left: 15px;
        margin-right: 15px
    }

    .md-m-20px-lr {
        margin-left: 20px;
        margin-right: 20px
    }

    .md-m-25px-lr {
        margin-left: 25px;
        margin-right: 25px
    }

    .md-m-30px-lr {
        margin-left: 30px;
        margin-right: 30px
    }

    .md-m-35px-lr {
        margin-left: 35px;
        margin-right: 35px
    }

    .md-m-40px-lr {
        margin-left: 40px;
        margin-right: 40px
    }

    .md-m-45px-lr {
        margin-left: 45px;
        margin-right: 45px
    }

    .md-m-50px-lr {
        margin-left: 50px;
        margin-right: 50px
    }

    .md-m-55px-lr {
        margin-left: 55px;
        margin-right: 55px
    }

    .md-m-60px-lr {
        margin-left: 60px;
        margin-right: 60px
    }

    .md-m-65px-lr {
        margin-left: 65px;
        margin-right: 65px
    }

    .md-m-70px-lr {
        margin-left: 70px;
        margin-right: 70px
    }

    .md-m-75px-lr {
        margin-left: 75px;
        margin-right: 75px
    }

    .md-m-80px-lr {
        margin-left: 80px;
        margin-right: 80px
    }

    .md-m-85px-lr {
        margin-left: 85px;
        margin-right: 85px
    }

    .md-m-90px-lr {
        margin-left: 90px;
        margin-right: 90px
    }

    .md-m-95px-lr {
        margin-left: 95px;
        margin-right: 95px
    }

    .md-m-100px-lr {
        margin-left: 100px;
        margin-right: 100px
    }


    /*Margin top*/
    .md-m-0px-t {
        margin-top: 0px
    }

    .md-m-5px-t {
        margin-top: 5px
    }

    .md-m-10px-t {
        margin-top: 10px
    }

    .md-m-15px-t {
        margin-top: 15px
    }

    .md-m-20px-t {
        margin-top: 20px
    }

    .md-m-25px-t {
        margin-top: 25px
    }

    .md-m-30px-t {
        margin-top: 30px
    }

    .md-m-35px-t {
        margin-top: 35px
    }

    .md-m-40px-t {
        margin-top: 40px
    }

    .md-m-45px-t {
        margin-top: 45px
    }

    .md-m-50px-t {
        margin-top: 50px
    }

    .md-m-55px-t {
        margin-top: 55px
    }

    .md-m-60px-t {
        margin-top: 60px
    }

    .md-m-65px-t {
        margin-top: 65px
    }

    .md-m-70px-t {
        margin-top: 70px
    }

    .md-m-75px-t {
        margin-top: 75px
    }

    .md-m-80px-t {
        margin-top: 80px
    }

    .md-m-85px-t {
        margin-top: 85px
    }

    .md-m-90px-t {
        margin-top: 90px
    }

    .md-m-95px-t {
        margin-top: 95px
    }

    .md-m-100px-t {
        margin-top: 100px
    }

    /*Margin Bottom*/
    .md-m-0px-b {
        margin-bottom: 0px
    }

    .md-m-5px-b {
        margin-bottom: 5px
    }

    .md-m-10px-b {
        margin-bottom: 10px
    }

    .md-m-15px-b {
        margin-bottom: 15px
    }

    .md-m-20px-b {
        margin-bottom: 20px
    }

    .md-m-25px-b {
        margin-bottom: 25px
    }

    .md-m-30px-b {
        margin-bottom: 30px
    }

    .md-m-35px-b {
        margin-bottom: 35px
    }

    .md-m-40px-b {
        margin-bottom: 40px
    }

    .md-m-45px-b {
        margin-bottom: 45px
    }

    .md-m-50px-b {
        margin-bottom: 50px
    }

    .md-m-55px-b {
        margin-bottom: 55px
    }

    .md-m-60px-b {
        margin-bottom: 60px
    }

    .md-m-65px-b {
        margin-bottom: 65px
    }

    .md-m-70px-b {
        margin-bottom: 70px
    }

    .md-m-75px-b {
        margin-bottom: 75px
    }

    .md-m-80px-b {
        margin-bottom: 80px
    }

    .md-m-85px-b {
        margin-bottom: 85px
    }

    .md-m-90px-b {
        margin-bottom: 90px
    }

    .md-m-95px-b {
        margin-bottom: 95px
    }

    .md-m-100px-b {
        margin-bottom: 100px
    }

    /*Margin Left*/
    .md-m-0px-l {
        margin-left: 0px
    }

    .md-m-5px-l {
        margin-left: 5px
    }

    .md-m-10px-l {
        margin-left: 10px
    }

    .md-m-15px-l {
        margin-left: 15px
    }

    .md-m-20px-l {
        margin-left: 20px
    }

    .md-m-25px-l {
        margin-left: 25px
    }

    .md-m-30px-l {
        margin-left: 30px
    }

    .md-m-35px-l {
        margin-left: 35px
    }

    .md-m-40px-l {
        margin-left: 40px
    }

    .md-m-45px-l {
        margin-left: 45px
    }

    .md-m-50px-l {
        margin-left: 50px
    }

    .md-m-55px-l {
        margin-left: 55px
    }

    .md-m-60px-l {
        margin-left: 60px
    }

    .md-m-65px-l {
        margin-left: 65px
    }

    .md-m-70px-l {
        margin-left: 70px
    }

    .md-m-75px-l {
        margin-left: 75px
    }

    .md-m-80px-l {
        margin-left: 80px
    }

    .md-m-85px-l {
        margin-left: 85px
    }

    .md-m-90px-l {
        margin-left: 90px
    }

    .md-m-95px-l {
        margin-left: 95px
    }

    .md-m-100px-l {
        margin-left: 100px
    }

    /*Margin right*/
    .md-m-0px-r {
        margin-right: 0px
    }

    .md-m-5px-r {
        margin-right: 5px
    }

    .md-m-10px-r {
        margin-right: 10px
    }

    .md-m-15px-r {
        margin-right: 15px
    }

    .md-m-20px-r {
        margin-right: 20px
    }

    .md-m-25px-r {
        margin-right: 25px
    }

    .md-m-30px-r {
        margin-right: 30px
    }

    .md-m-35px-r {
        margin-right: 35px
    }

    .md-m-40px-r {
        margin-right: 40px
    }

    .md-m-45px-r {
        margin-right: 45px
    }

    .md-m-50px-r {
        margin-right: 50px
    }

    .md-m-55px-r {
        margin-right: 55px
    }

    .md-m-60px-r {
        margin-right: 60px
    }

    .md-m-65px-r {
        margin-right: 65px
    }

    .md-m-70px-r {
        margin-right: 70px
    }

    .md-m-75px-r {
        margin-right: 75px
    }

    .md-m-80px-r {
        margin-right: 80px
    }

    .md-m-85px-r {
        margin-right: 85px
    }

    .md-m-90px-r {
        margin-right: 90px
    }

    .md-m-95px-r {
        margin-right: 95px
    }

    .md-m-100px-r {
        margin-right: 100px
    }
}


@media (max-width: 767px) {
    /*Margin All*/
    .sm-m-0px {
        margin: 0;
    }

    .sm-m-5px {
        margin: 5px
    }

    .sm-m-10px {
        margin: 10px
    }

    .sm-m-15px {
        margin: 15px
    }

    .sm-m-20px {
        margin: 20px
    }

    .sm-m-25px {
        margin: 25px
    }

    .sm-m-30px {
        margin: 30px
    }

    .sm-m-35px {
        margin: 35px
    }

    .sm-m-40px {
        margin: 40px
    }

    .sm-m-45px {
        margin: 45px
    }

    .sm-m-50px {
        margin: 50px
    }

    .sm-m-55px {
        margin: 55px
    }

    .sm-m-60px {
        margin: 60px
    }

    .sm-m-65px {
        margin: 65px
    }

    .sm-m-70px {
        margin: 70px
    }

    .sm-m-75px {
        margin: 75px
    }

    .sm-m-80px {
        margin: 80px
    }

    .sm-m-85px {
        margin: 85px
    }

    .sm-m-90px {
        margin: 90px
    }

    .sm-m-95px {
        margin: 95px
    }

    .sm-m-100px {
        margin: 100px
    }

    /*Margin top buttom*/
    .sm-m-0px-tb {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .sm-m-5px-tb {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .sm-m-10px-tb {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .sm-m-15px-tb {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .sm-m-20px-tb {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .sm-m-25px-tb {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .sm-m-30px-tb {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .sm-m-35px-tb {
        margin-top: 35px;
        margin-bottom: 35px;
    }

    .sm-m-40px-tb {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .sm-m-45px-tb {
        margin-top: 45px;
        margin-bottom: 45px;
    }

    .sm-m-50px-tb {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .sm-m-55px-tb {
        margin-top: 55px;
        margin-bottom: 55px;
    }

    .sm-m-60px-tb {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .sm-m-65px-tb {
        margin-top: 65px;
        margin-bottom: 65px;
    }

    .sm-m-70px-tb {
        margin-top: 70px;
        margin-bottom: 70px;
    }

    .sm-m-75px-tb {
        margin-top: 75px;
        margin-bottom: 75px;
    }

    .sm-m-80px-tb {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .sm-m-85px-tb {
        margin-top: 85px;
        margin-bottom: 85px;
    }

    .sm-m-90px-tb {
        margin-top: 90px;
        margin-bottom: 90px;
    }

    .sm-m-95px-tb {
        margin-top: 95px;
        margin-bottom: 95px;
    }

    .sm-m-100px-tb {
        margin-top: 100px;
        margin-bottom: 100px;
    }

    /*Margin left right*/
    .sm-m-0px-lr {
        margin-left: 0px;
        margin-right: 0px
    }

    .sm-m-5px-lr {
        margin-left: 5px;
        margin-right: 5px
    }

    .sm-m-10px-lr {
        margin-left: 10px;
        margin-right: 10px
    }

    .sm-m-15px-lr {
        margin-left: 15px;
        margin-right: 15px
    }

    .sm-m-20px-lr {
        margin-left: 20px;
        margin-right: 20px
    }

    .sm-m-25px-lr {
        margin-left: 25px;
        margin-right: 25px
    }

    .sm-m-30px-lr {
        margin-left: 30px;
        margin-right: 30px
    }

    .sm-m-35px-lr {
        margin-left: 35px;
        margin-right: 35px
    }

    .sm-m-40px-lr {
        margin-left: 40px;
        margin-right: 40px
    }

    .sm-m-45px-lr {
        margin-left: 45px;
        margin-right: 45px
    }

    .sm-m-50px-lr {
        margin-left: 50px;
        margin-right: 50px
    }

    .sm-m-55px-lr {
        margin-left: 55px;
        margin-right: 55px
    }

    .sm-m-60px-lr {
        margin-left: 60px;
        margin-right: 60px
    }

    .sm-m-65px-lr {
        margin-left: 65px;
        margin-right: 65px
    }

    .sm-m-70px-lr {
        margin-left: 70px;
        margin-right: 70px
    }

    .sm-m-75px-lr {
        margin-left: 75px;
        margin-right: 75px
    }

    .sm-m-80px-lr {
        margin-left: 80px;
        margin-right: 80px
    }

    .sm-m-85px-lr {
        margin-left: 85px;
        margin-right: 85px
    }

    .sm-m-90px-lr {
        margin-left: 90px;
        margin-right: 90px
    }

    .sm-m-95px-lr {
        margin-left: 95px;
        margin-right: 95px
    }

    .sm-m-100px-lr {
        margin-left: 100px;
        margin-right: 100px
    }

    /*Margin top*/
    .sm-m-0px-t {
        margin-top: 0px
    }

    .sm-m-5px-t {
        margin-top: 5px
    }

    .sm-m-10px-t {
        margin-top: 10px
    }

    .sm-m-15px-t {
        margin-top: 15px
    }

    .sm-m-20px-t {
        margin-top: 20px
    }

    .sm-m-25px-t {
        margin-top: 25px
    }

    .sm-m-30px-t {
        margin-top: 30px
    }

    .sm-m-35px-t {
        margin-top: 35px
    }

    .sm-m-40px-t {
        margin-top: 40px
    }

    .sm-m-45px-t {
        margin-top: 45px
    }

    .sm-m-50px-t {
        margin-top: 50px
    }

    .sm-m-55px-t {
        margin-top: 55px
    }

    .sm-m-60px-t {
        margin-top: 60px
    }

    .sm-m-65px-t {
        margin-top: 65px
    }

    .sm-m-70px-t {
        margin-top: 70px
    }

    .sm-m-75px-t {
        margin-top: 75px
    }

    .sm-m-80px-t {
        margin-top: 80px
    }

    .sm-m-85px-t {
        margin-top: 85px
    }

    .sm-m-90px-t {
        margin-top: 90px
    }

    .sm-m-95px-t {
        margin-top: 95px
    }

    .sm-m-100px-t {
        margin-top: 100px
    }

    /*Margin Bottom*/
    .sm-m-0px-b {
        margin-bottom: 0px
    }

    .sm-m-5px-b {
        margin-bottom: 5px
    }

    .sm-m-10px-b {
        margin-bottom: 10px
    }

    .sm-m-15px-b {
        margin-bottom: 15px
    }

    .sm-m-20px-b {
        margin-bottom: 20px
    }

    .sm-m-25px-b {
        margin-bottom: 25px
    }

    .sm-m-30px-b {
        margin-bottom: 30px
    }

    .sm-m-35px-b {
        margin-bottom: 35px
    }

    .sm-m-40px-b {
        margin-bottom: 40px
    }

    .sm-m-45px-b {
        margin-bottom: 45px
    }

    .sm-m-50px-b {
        margin-bottom: 50px
    }

    .sm-m-55px-b {
        margin-bottom: 55px
    }

    .sm-m-60px-b {
        margin-bottom: 60px
    }

    .sm-m-65px-b {
        margin-bottom: 65px
    }

    .sm-m-70px-b {
        margin-bottom: 70px
    }

    .sm-m-75px-b {
        margin-bottom: 75px
    }

    .sm-m-80px-b {
        margin-bottom: 80px
    }

    .sm-m-85px-b {
        margin-bottom: 85px
    }

    .sm-m-90px-b {
        margin-bottom: 90px
    }

    .sm-m-95px-b {
        margin-bottom: 95px
    }

    .sm-m-100px-b {
        margin-bottom: 100px
    }

    /*Margin Left*/
    .sm-m-0px-l {
        margin-left: 0px
    }

    .sm-m-5px-l {
        margin-left: 5px
    }

    .sm-m-10px-l {
        margin-left: 10px
    }

    .sm-m-15px-l {
        margin-left: 15px
    }

    .sm-m-20px-l {
        margin-left: 20px
    }

    .sm-m-25px-l {
        margin-left: 25px
    }

    .sm-m-30px-l {
        margin-left: 30px
    }

    .sm-m-35px-l {
        margin-left: 35px
    }

    .sm-m-40px-l {
        margin-left: 40px
    }

    .sm-m-45px-l {
        margin-left: 45px
    }

    .sm-m-50px-l {
        margin-left: 50px
    }

    .sm-m-55px-l {
        margin-left: 55px
    }

    .sm-m-60px-l {
        margin-left: 60px
    }

    .sm-m-65px-l {
        margin-left: 65px
    }

    .sm-m-70px-l {
        margin-left: 70px
    }

    .sm-m-75px-l {
        margin-left: 75px
    }

    .sm-m-80px-l {
        margin-left: 80px
    }

    .sm-m-85px-l {
        margin-left: 85px
    }

    .sm-m-90px-l {
        margin-left: 90px
    }

    .sm-m-95px-l {
        margin-left: 95px
    }

    .sm-m-100px-l {
        margin-left: 100px
    }

    /*Margin right*/
    .sm-m-0px-r {
        margin-right: 0px
    }

    .sm-m-5px-r {
        margin-right: 5px
    }

    .sm-m-10px-r {
        margin-right: 10px
    }

    .sm-m-15px-r {
        margin-right: 15px
    }

    .sm-m-20px-r {
        margin-right: 20px
    }

    .sm-m-25px-r {
        margin-right: 25px
    }

    .sm-m-30px-r {
        margin-right: 30px
    }

    .sm-m-35px-r {
        margin-right: 35px
    }

    .sm-m-40px-r {
        margin-right: 40px
    }

    .sm-m-45px-r {
        margin-right: 45px
    }

    .sm-m-50px-r {
        margin-right: 50px
    }

    .sm-m-55px-r {
        margin-right: 55px
    }

    .sm-m-60px-r {
        margin-right: 60px
    }

    .sm-m-65px-r {
        margin-right: 65px
    }

    .sm-m-70px-r {
        margin-right: 70px
    }

    .sm-m-75px-r {
        margin-right: 75px
    }

    .sm-m-80px-r {
        margin-right: 80px
    }

    .sm-m-85px-r {
        margin-right: 85px
    }

    .sm-m-90px-r {
        margin-right: 90px
    }

    .sm-m-95px-r {
        margin-right: 95px
    }

    .sm-m-100px-r {
        margin-right: 100px
    }
}

/*==============================
  36. Padding
================================*/

/*Padding All*/
.p-0px {
    padding: 0;
}

.p-5px {
    padding: 5px
}

.p-10px {
    padding: 10px
}

.p-15px {
    padding: 15px
}

.p-20px {
    padding: 20px
}

.p-25px {
    padding: 25px
}

.p-30px {
    padding: 30px
}

.p-35px {
    padding: 35px
}

.p-40px {
    padding: 40px
}

.p-45px {
    padding: 45px
}

.p-50px {
    padding: 50px
}

.p-55px {
    padding: 55px
}

.p-60px {
    padding: 60px
}

.p-65px {
    padding: 65px
}

.p-70px {
    padding: 70px
}

.p-75px {
    padding: 75px
}

.p-80px {
    padding: 80px
}

.p-85px {
    padding: 85px
}

.p-90px {
    padding: 90px
}

.p-95px {
    padding: 95px
}

.p-100px {
    padding: 100px
}

/*Padding Left Right*/
.p-0px-lr {
    padding-left: 0;
    ;
    padding-right: 0;
}

.p-5px-lr {
    padding-left: 5px;
    padding-right: 5px
}

.p-10px-lr {
    padding-left: 10px;
    padding-right: 10px
}

.p-15px-lr {
    padding-left: 15px;
    padding-right: 15px
}

.p-20px-lr {
    padding-left: 20px;
    padding-right: 20px
}

.p-25px-lr {
    padding-left: 25px;
    padding-right: 25px
}

.p-30px-lr {
    padding-left: 30px;
    padding-right: 30px
}

.p-35px-lr {
    padding-left: 35px;
    padding-right: 35px
}

.p-40px-lr {
    padding-left: 40px;
    padding-right: 40px
}

.p-45px-lr {
    padding-left: 45px;
    padding-right: 45px
}

.p-50px-lr {
    padding-left: 50px;
    padding-right: 50px
}

.p-55px-lr {
    padding-left: 55px;
    padding-right: 55px
}

.p-60px-lr {
    padding-left: 60px;
    padding-right: 60px
}

.p-65px-lr {
    padding-left: 65px;
    padding-right: 65px
}

.p-70px-lr {
    padding-left: 70px;
    padding-right: 70px
}

.p-75px-lr {
    padding-left: 75px;
    padding-right: 75px
}

.p-80px-lr {
    padding-left: 80px;
    padding-right: 80px
}

.p-85px-lr {
    padding-left: 85px;
    padding-right: 85px
}

.p-90px-lr {
    padding-left: 90px;
    padding-right: 90px
}

.p-95px-lr {
    padding-left: 95px;
    padding-right: 95px
}

.p-100px-lr {
    padding-left: 100px;
    padding-right: 100px
}

/*Padding Top Bottm*/
.p-0px-tb {
    padding-top: 0;
    padding-bottom: 0;
}

.p-5px-tb {
    padding-top: 5px;
    padding-bottom: 5px
}

.p-10px-tb {
    padding-top: 10px;
    padding-bottom: 10px
}

.p-15px-tb {
    padding-top: 15px;
    padding-bottom: 15px
}

.p-20px-tb {
    padding-top: 20px;
    padding-bottom: 20px
}

.p-25px-tb {
    padding-top: 25px;
    padding-bottom: 25px
}

.p-30px-tb {
    padding-top: 30px;
    padding-bottom: 30px
}

.p-35px-tb {
    padding-top: 35px;
    padding-bottom: 35px
}

.p-40px-tb {
    padding-top: 40px;
    padding-bottom: 40px
}

.p-45px-tb {
    padding-top: 45px;
    padding-bottom: 45px
}

.p-50px-tb {
    padding-top: 50px;
    padding-bottom: 50px
}

.p-55px-tb {
    padding-top: 55px;
    padding-bottom: 55px
}

.p-60px-tb {
    padding-top: 60px;
    padding-bottom: 60px
}

.p-65px-tb {
    padding-top: 65px;
    padding-bottom: 65px
}

.p-70px-tb {
    padding-top: 70px;
    padding-bottom: 70px
}

.p-75px-tb {
    padding-top: 75px;
    padding-bottom: 75px
}

.p-80px-tb {
    padding-top: 80px;
    padding-bottom: 80px
}

.p-85px-tb {
    padding-top: 85px;
    padding-bottom: 85px
}

.p-90px-tb {
    padding-top: 90px;
    padding-bottom: 90px
}

.p-95px-tb {
    padding-top: 95px;
    padding-bottom: 95px
}

.p-100px-tb {
    padding-top: 100px;
    padding-bottom: 100px
}


/*Padding top*/
.p-0px-t {
    padding-top: 0px
}

.p-5px-t {
    padding-top: 5px
}

.p-10px-t {
    padding-top: 10px
}

.p-15px-t {
    padding-top: 15px
}

.p-20px-t {
    padding-top: 20px
}

.p-25px-t {
    padding-top: 25px
}

.p-30px-t {
    padding-top: 30px
}

.p-35px-t {
    padding-top: 35px
}

.p-40px-t {
    padding-top: 40px
}

.p-45px-t {
    padding-top: 45px
}

.p-50px-t {
    padding-top: 50px
}

.p-55px-t {
    padding-top: 55px
}

.p-60px-t {
    padding-top: 60px
}

.p-65px-t {
    padding-top: 65px
}

.p-70px-t {
    padding-top: 70px
}

.p-75px-t {
    padding-top: 75px
}

.p-80px-t {
    padding-top: 80px
}

.p-85px-t {
    padding-top: 85px
}

.p-90px-t {
    padding-top: 90px
}

.p-95px-t {
    padding-top: 95px
}

.p-100px-t {
    padding-top: 100px
}

/*Padding Bottom*/
.p-0px-b {
    padding-bottom: 0px
}

.p-5px-b {
    padding-bottom: 5px
}

.p-10px-b {
    padding-bottom: 10px
}

.p-15px-b {
    padding-bottom: 15px
}

.p-20px-b {
    padding-bottom: 20px
}

.p-25px-b {
    padding-bottom: 25px
}

.p-30px-b {
    padding-bottom: 30px
}

.p-35px-b {
    padding-bottom: 35px
}

.p-40px-b {
    padding-bottom: 40px
}

.p-45px-b {
    padding-bottom: 45px
}

.p-50px-b {
    padding-bottom: 50px
}

.p-55px-b {
    padding-bottom: 55px
}

.p-60px-b {
    padding-bottom: 60px
}

.p-65px-b {
    padding-bottom: 65px
}

.p-70px-b {
    padding-bottom: 70px
}

.p-75px-b {
    padding-bottom: 75px
}

.p-80px-b {
    padding-bottom: 80px
}

.p-85px-b {
    padding-bottom: 85px
}

.p-90px-b {
    padding-bottom: 90px
}

.p-95px-b {
    padding-bottom: 95px
}

.p-100px-b {
    padding-bottom: 100px
}

/*Padding Left*/
.p-0px-l {
    padding-left: 0px
}

.p-5px-l {
    padding-left: 5px
}

.p-10px-l {
    padding-left: 10px
}

.p-15px-l {
    padding-left: 15px
}

.p-20px-l {
    padding-left: 20px
}

.p-25px-l {
    padding-left: 25px
}

.p-30px-l {
    padding-left: 30px
}

.p-35px-l {
    padding-left: 35px
}

.p-40px-l {
    padding-left: 40px
}

.p-45px-l {
    padding-left: 45px
}

.p-50px-l {
    padding-left: 50px
}

.p-55px-l {
    padding-left: 55px
}

.p-60px-l {
    padding-left: 60px
}

.p-65px-l {
    padding-left: 65px
}

.p-70px-l {
    padding-left: 70px
}

.p-75px-l {
    padding-left: 75px
}

.p-80px-l {
    padding-left: 80px
}

.p-85px-l {
    padding-left: 85px
}

.p-90px-l {
    padding-left: 90px
}

.p-95px-l {
    padding-left: 95px
}

.p-100px-l {
    padding-left: 100px
}

/*Padding right*/
.p-0px-r {
    padding-right: 0px
}

.p-5px-r {
    padding-right: 5px
}

.p-10px-r {
    padding-right: 10px
}

.p-15px-r {
    padding-right: 15px
}

.p-20px-r {
    padding-right: 20px
}

.p-25px-r {
    padding-right: 25px
}

.p-30px-r {
    padding-right: 30px
}

.p-35px-r {
    padding-right: 35px
}

.p-40px-r {
    padding-right: 40px
}

.p-45px-r {
    padding-right: 45px
}

.p-50px-r {
    padding-right: 50px
}

.p-55px-r {
    padding-right: 55px
}

.p-60px-r {
    padding-right: 60px
}

.p-65px-r {
    padding-right: 65px
}

.p-70px-r {
    padding-right: 70px
}

.p-75px-r {
    padding-right: 75px
}

.p-80px-r {
    padding-right: 80px
}

.p-85px-r {
    padding-right: 85px
}

.p-90px-r {
    padding-right: 90px
}

.p-95px-r {
    padding-right: 95px
}

.p-100px-r {
    padding-right: 100px
}


/*Padding All %*/
.p-1 {
    padding: 1%;
}

.p-1-half {
    padding: 1.5%;
}

.p-2 {
    padding: 2%;
}

.p-2-half {
    padding: 2.5%;
}

.p-3 {
    padding: 3%;
}

.p-3-half {
    padding: 3.5%;
}

.p-4 {
    padding: 4%;
}

.p-4-half {
    padding: 4.5%;
}

.p-5 {
    padding: 5%;
}

.p-5-half {
    padding: 5.5%;
}

.p-6 {
    padding: 6%;
}

.p-6-half {
    padding: 6.5%;
}

.p-7 {
    padding: 7%;
}

.p-7-half {
    padding: 7.5%;
}

.p-8 {
    padding: 8%;
}

.p-8-half {
    padding: 8.5%;
}

.p-9 {
    padding: 9%;
}

.p-9-half {
    padding: 9.5%;
}

.p-10 {
    padding: 10%;
}

.p-10-half {
    padding: 10.5%;
}

.p-11 {
    padding: 11%;
}

.p-11-half {
    padding: 11.5%;
}

.p-12 {
    padding: 12%;
}

.p-12-half {
    padding: 12.5%;
}

.p-13 {
    padding: 13%;
}

.p-13-half {
    padding: 13.5%;
}

.p-14 {
    padding: 14%;
}

.p-14-half {
    padding: 14.5%;
}

.p-15 {
    padding: 15%;
}

.p-15-half {
    padding: 15.5%;
}

.p-16 {
    padding: 16%;
}

.p-16-half {
    padding: 16.5%;
}

.p-17 {
    padding: 17%;
}

.p-17-half {
    padding: 17.5%;
}

.p-18 {
    padding: 18%;
}

.p-18-half {
    padding: 18.5%;
}

.p-19 {
    padding: 19%;
}

.p-19-half {
    padding: 19.5%;
}

.p-20 {
    padding: 20%;
}

.p-20-half {
    padding: 20.5%;
}

.p-21 {
    padding: 21%;
}

.p-21-half {
    padding: 21.5%;
}

.p-22 {
    padding: 22%;
}

.p-22-half {
    padding: 22.5%;
}

.p-23 {
    padding: 23%;
}

.p-23-half {
    padding: 23.5%;
}

.p-24 {
    padding: 24%;
}

.p-24-half {
    padding: 24.5%;
}

.p-25 {
    padding: 25%;
}

.p-25-half {
    padding: 25.5%;
}

.p-1-l {
    padding-left: 1%;
}

.p-1-half-l {
    padding-left: 1.5%;
}

.p-2-l {
    padding-left: 2%;
}

.p-2-half-l {
    padding-left: 2.5%;
}

.p-3-l {
    padding-left: 3%;
}

.p-3-half-l {
    padding-left: 3.5%;
}

.p-4-l {
    padding-left: 4%;
}

.p-4-half-l {
    padding-left: 4.5%;
}

.p-5-l {
    padding-left: 5%;
}

.p-5-half-l {
    padding-left: 5.5%;
}

.p-6-l {
    padding-left: 6%;
}

.p-6-half-l {
    padding-left: 6.5%;
}

.p-7-l {
    padding-left: 7%;
}

.p-7-half-l {
    padding-left: 7.5%;
}

.p-8-l {
    padding-left: 8%;
}

.p-8-half-l {
    padding-left: 8.5%;
}

.p-9-l {
    padding-left: 9%;
}

.p-9-half-l {
    padding-left: 9.5%;
}

.p-10-l {
    padding-left: 10%;
}

.p-10-half-l {
    padding-left: 10.5%;
}

.p-11-l {
    padding-left: 11%;
}

.p-11-half-l {
    padding-left: 11.5%;
}

.p-12-l {
    padding-left: 12%;
}

.p-12-half-l {
    padding-left: 12.5%;
}

.p-13-l {
    padding-left: 13%;
}

.p-13-half-l {
    padding-left: 13.5%;
}

.p-14-l {
    padding-left: 14%;
}

.p-14-half-l {
    padding-left: 14.5%;
}

.p-15-l {
    padding-left: 15%;
}

.p-15-half-l {
    padding-left: 15.5%;
}

.p-16-l {
    padding-left: 16%;
}

.p-16-half-l {
    padding-left: 16.5%;
}

.p-17-l {
    padding-left: 17%;
}

.p-17-half-l {
    padding-left: 17.5%;
}

.p-18-l {
    padding-left: 18%;
}

.p-18-half-l {
    padding-left: 18.5%;
}

.p-19-l {
    padding-left: 19%;
}

.p-19-half-l {
    padding-left: 19.5%;
}

.p-20-l {
    padding-left: 20%;
}

.p-20-half-l {
    padding-left: 20.5%;
}

.p-21-l {
    padding-left: 21%;
}

.p-21-half-l {
    padding-left: 21.5%;
}

.p-22-l {
    padding-left: 22%;
}

.p-22-half-l {
    padding-left: 22.5%;
}

.p-23-l {
    padding-left: 23%;
}

.p-23-half-l {
    padding-left: 23.5%;
}

.p-24-l {
    padding-left: 24%;
}

.p-24-half-l {
    padding-left: 24.5%;
}

.p-25-l {
    padding-left: 25%;
}

.p-25-half-l {
    padding-left: 25.5%;
}


.p-1-r {
    padding-right: 1%;
}

.p-1-half-r {
    padding-right: 1.5%;
}

.p-2-r {
    padding-right: 2%;
}

.p-2-half-r {
    padding-right: 2.5%;
}

.p-3-r {
    padding-right: 3%;
}

.p-3-half-r {
    padding-right: 3.5%;
}

.p-4-r {
    padding-right: 4%;
}

.p-4-half-r {
    padding-right: 4.5%;
}

.p-5-r {
    padding-right: 5%;
}

.p-5-half-r {
    padding-right: 5.5%;
}

.p-6-r {
    padding-right: 6%;
}

.p-6-half-r {
    padding-right: 6.5%;
}

.p-7-r {
    padding-right: 7%;
}

.p-7-half-r {
    padding-right: 7.5%;
}

.p-8-r {
    padding-right: 8%;
}

.p-8-half-r {
    padding-right: 8.5%;
}

.p-9-r {
    padding-right: 9%;
}

.p-9-half-r {
    padding-right: 9.5%;
}

.p-10-r {
    padding-right: 10%;
}

.p-10-half-r {
    padding-right: 10.5%;
}

.p-11-r {
    padding-right: 11%;
}

.p-11-half-r {
    padding-right: 11.5%;
}

.p-12-r {
    padding-right: 12%;
}

.p-12-half-r {
    padding-right: 12.5%;
}

.p-13-r {
    padding-right: 13%;
}

.p-13-half-r {
    padding-right: 13.5%;
}

.p-14-r {
    padding-right: 14%;
}

.p-14-half-r {
    padding-right: 14.5%;
}

.p-15-r {
    padding-right: 15%;
}

.p-15-half-r {
    padding-right: 15.5%;
}

.p-16-r {
    padding-right: 16%;
}

.p-16-half-r {
    padding-right: 16.5%;
}

.p-17-r {
    padding-right: 17%;
}

.p-17-half-r {
    padding-right: 17.5%;
}

.p-18-r {
    padding-right: 18%;
}

.p-18-half-r {
    padding-right: 18.5%;
}

.p-19-r {
    padding-right: 19%;
}

.p-19-half-r {
    padding-right: 19.5%;
}

.p-20-r {
    padding-right: 20%;
}

.p-20-half-r {
    padding-right: 20.5%;
}

.p-21-r {
    padding-right: 21%;
}

.p-21-half-r {
    padding-right: 21.5%;
}

.p-22-r {
    padding-right: 22%;
}

.p-22-half-r {
    padding-right: 22.5%;
}

.p-23-r {
    padding-right: 23%;
}

.p-23-half-r {
    padding-right: 23.5%;
}

.p-24-r {
    padding-right: 24%;
}

.p-24-half-r {
    padding-right: 24.5%;
}

.p-25-r {
    padding-right: 25%;
}

.p-25-half-r {
    padding-right: 25.5%;
}

.p-1-t {
    padding-top: 1%;
}

.p-1-half-t {
    padding-top: 1.5%;
}

.p-2-t {
    padding-top: 2%;
}

.p-2-half-t {
    padding-top: 2.5%;
}

.p-3-t {
    padding-top: 3%;
}

.p-3-half-t {
    padding-top: 3.5%;
}

.p-4-t {
    padding-top: 4%;
}

.p-4-half-t {
    padding-top: 4.5%;
}

.p-5-t {
    padding-top: 5%;
}

.p-5-half-t {
    padding-top: 5.5%;
}

.p-6-t {
    padding-top: 6%;
}

.p-6-half-t {
    padding-top: 6.5%;
}

.p-7-t {
    padding-top: 7%;
}

.p-7-half-t {
    padding-top: 7.5%;
}

.p-8-t {
    padding-top: 8%;
}

.p-8-half-t {
    padding-top: 8.5%;
}

.p-9-t {
    padding-top: 9%;
}

.p-9-half-t {
    padding-top: 9.5%;
}

.p-10-t {
    padding-top: 10%;
}

.p-10-half-t {
    padding-top: 10.5%;
}

.p-11-t {
    padding-top: 11%;
}

.p-11-half-t {
    padding-top: 11.5%;
}

.p-12-t {
    padding-top: 12%;
}

.p-12-half-t {
    padding-top: 12.5%;
}

.p-13-t {
    padding-top: 13%;
}

.p-13-half-t {
    padding-top: 13.5%;
}

.p-14-t {
    padding-top: 14%;
}

.p-14-half-t {
    padding-top: 14.5%;
}

.p-15-t {
    padding-top: 15%;
}

.p-15-half-t {
    padding-top: 15.5%;
}

.p-16-t {
    padding-top: 16%;
}

.p-16-half-t {
    padding-top: 16.5%;
}

.p-17-t {
    padding-top: 17%;
}

.p-17-half-t {
    padding-top: 17.5%;
}

.p-18-t {
    padding-top: 18%;
}

.p-18-half-t {
    padding-top: 18.5%;
}

.p-19-t {
    padding-top: 19%;
}

.p-19-half-t {
    padding-top: 19.5%;
}

.p-20-t {
    padding-top: 20%;
}

.p-20-half-t {
    padding-top: 20.5%;
}

.p-21-t {
    padding-top: 21%;
}

.p-21-half-t {
    padding-top: 21.5%;
}

.p-22-t {
    padding-top: 22%;
}

.p-22-half-t {
    padding-top: 22.5%;
}

.p-23-t {
    padding-top: 23%;
}

.p-23-half-t {
    padding-top: 23.5%;
}

.p-24-t {
    padding-top: 24%;
}

.p-24-half-t {
    padding-top: 24.5%;
}

.p-25-t {
    padding-top: 25%;
}

.p-25-half-t {
    padding-top: 25.5%;
}

.p-1-b {
    padding-bottom: 1%;
}

.p-1-half-b {
    padding-bottom: 1.5%;
}

.p-2-b {
    padding-bottom: 2%;
}

.p-2-half-b {
    padding-bottom: 2.5%;
}

.p-3-b {
    padding-bottom: 3%;
}

.p-3-half-b {
    padding-bottom: 3.5%;
}

.p-4-b {
    padding-bottom: 4%;
}

.p-4-half-b {
    padding-bottom: 4.5%;
}

.p-5-b {
    padding-bottom: 5%;
}

.p-5-half-b {
    padding-bottom: 5.5%;
}

.p-6-b {
    padding-bottom: 6%;
}

.p-6-half-b {
    padding-bottom: 6.5%;
}

.p-7-b {
    padding-bottom: 7%;
}

.p-7-half-b {
    padding-bottom: 7.5%;
}

.p-8-b {
    padding-bottom: 8%;
}

.p-8-half-b {
    padding-bottom: 8.5%;
}

.p-9-b {
    padding-bottom: 9%;
}

.p-9-half-b {
    padding-bottom: 9.5%;
}

.p-10-b {
    padding-bottom: 10%;
}

.p-10-half-b {
    padding-bottom: 10.5%;
}

.p-11-b {
    padding-bottom: 11%;
}

.p-11-half-b {
    padding-bottom: 11.5%;
}

.p-12-b {
    padding-bottom: 12%;
}

.p-12-half-b {
    padding-bottom: 12.5%;
}

.p-13-b {
    padding-bottom: 13%;
}

.p-13-half-b {
    padding-bottom: 13.5%;
}

.p-14-b {
    padding-bottom: 14%;
}

.p-14-half-b {
    padding-bottom: 14.5%;
}

.p-15-b {
    padding-bottom: 15%;
}

.p-15-half-b {
    padding-bottom: 15.5%;
}

.p-16-b {
    padding-bottom: 16%;
}

.p-16-half-b {
    padding-bottom: 16.5%;
}

.p-17-b {
    padding-bottom: 17%;
}

.p-17-half-b {
    padding-bottom: 17.5%;
}

.p-18-b {
    padding-bottom: 18%;
}

.p-18-half-b {
    padding-bottom: 18.5%;
}

.p-19-b {
    padding-bottom: 19%;
}

.p-19-half-b {
    padding-bottom: 19.5%;
}

.p-20-b {
    padding-bottom: 20%;
}

.p-20-half-b {
    padding-bottom: 20.5%;
}

.p-21-b {
    padding-bottom: 21%;
}

.p-21-half-b {
    padding-bottom: 21.5%;
}

.p-22-b {
    padding-bottom: 22%;
}

.p-22-half-b {
    padding-bottom: 22.5%;
}

.p-23-b {
    padding-bottom: 23%;
}

.p-23-half-b {
    padding-bottom: 23.5%;
}

.p-24-b {
    padding-bottom: 24%;
}

.p-24-half-b {
    padding-bottom: 24.5%;
}

.p-25-b {
    padding-bottom: 25%;
}

.p-25-half-b {
    padding-bottom: 25.5%;
}

@media (max-width: 1200px) {
    .lg-p-0px {
        padding: 0;
    }

    .lg-p-5px {
        padding: 5px
    }

    .lg-p-10px {
        padding: 10px
    }

    .lg-p-15px {
        padding: 15px
    }

    .lg-p-20px {
        padding: 20px
    }

    .lg-p-25px {
        padding: 25px
    }

    .lg-p-30px {
        padding: 30px
    }

    .lg-p-35px {
        padding: 35px
    }

    .lg-p-40px {
        padding: 40px
    }

    .lg-p-45px {
        padding: 45px
    }

    .lg-p-50px {
        padding: 50px
    }

    .lg-p-55px {
        padding: 55px
    }

    .lg-p-60px {
        padding: 60px
    }

    .lg-p-65px {
        padding: 65px
    }

    .lg-p-70px {
        padding: 70px
    }

    .lg-p-75px {
        padding: 75px
    }

    .lg-p-80px {
        padding: 80px
    }

    .lg-p-85px {
        padding: 85px
    }

    .lg-p-90px {
        padding: 90px
    }

    .lg-p-95px {
        padding: 95px
    }

    .lg-p-100px {
        padding: 100px
    }

    /*Padding Left Right*/
    .lg-p-0px-lr {
        padding-left: 0;
        ;
        padding-right: 0;
    }

    .lg-p-5px-lr {
        padding-left: 5px;
        padding-right: 5px
    }

    .lg-p-10px-lr {
        padding-left: 10px;
        padding-right: 10px
    }

    .lg-p-15px-lr {
        padding-left: 15px;
        padding-right: 15px
    }

    .lg-p-20px-lr {
        padding-left: 20px;
        padding-right: 20px
    }

    .lg-p-25px-lr {
        padding-left: 25px;
        padding-right: 25px
    }

    .lg-p-30px-lr {
        padding-left: 30px;
        padding-right: 30px
    }

    .lg-p-35px-lr {
        padding-left: 35px;
        padding-right: 35px
    }

    .lg-p-40px-lr {
        padding-left: 40px;
        padding-right: 40px
    }

    .lg-p-45px-lr {
        padding-left: 45px;
        padding-right: 45px
    }

    .lg-p-50px-lr {
        padding-left: 50px;
        padding-right: 50px
    }

    .lg-p-55px-lr {
        padding-left: 55px;
        padding-right: 55px
    }

    .lg-p-60px-lr {
        padding-left: 60px;
        padding-right: 60px
    }

    .lg-p-65px-lr {
        padding-left: 65px;
        padding-right: 65px
    }

    .lg-p-70px-lr {
        padding-left: 70px;
        padding-right: 70px
    }

    .lg-p-75px-lr {
        padding-left: 75px;
        padding-right: 75px
    }

    .lg-p-80px-lr {
        padding-left: 80px;
        padding-right: 80px
    }

    .lg-p-85px-lr {
        padding-left: 85px;
        padding-right: 85px
    }

    .lg-p-90px-lr {
        padding-left: 90px;
        padding-right: 90px
    }

    .lg-p-95px-lr {
        padding-left: 95px;
        padding-right: 95px
    }

    .lg-p-100px-lr {
        padding-left: 100px;
        padding-right: 100px
    }

    /*Padding Top Bottm*/
    .lg-p-0px-tb {
        padding-top: 0;
        padding-bottom: 0;
    }

    .lg-p-5px-tb {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .lg-p-10px-tb {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .lg-p-15px-tb {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .lg-p-20px-tb {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .lg-p-25px-tb {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .lg-p-30px-tb {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .lg-p-35px-tb {
        padding-top: 35px;
        padding-bottom: 35px
    }

    .lg-p-40px-tb {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .lg-p-45px-tb {
        padding-top: 45px;
        padding-bottom: 45px
    }

    .lg-p-50px-tb {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .lg-p-55px-tb {
        padding-top: 55px;
        padding-bottom: 55px
    }

    .lg-p-60px-tb {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .lg-p-65px-tb {
        padding-top: 65px;
        padding-bottom: 65px
    }

    .lg-p-70px-tb {
        padding-top: 70px;
        padding-bottom: 70px
    }

    .lg-p-75px-tb {
        padding-top: 75px;
        padding-bottom: 75px
    }

    .lg-p-80px-tb {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .lg-p-85px-tb {
        padding-top: 85px;
        padding-bottom: 85px
    }

    .lg-p-90px-tb {
        padding-top: 90px;
        padding-bottom: 90px
    }

    .lg-p-95px-tb {
        padding-top: 95px;
        padding-bottom: 95px
    }

    .lg-p-100px-tb {
        padding-top: 100px;
        padding-bottom: 100px
    }

    /*Padding top*/
    .lg-p-5px-0 {
        padding-top: 0px
    }

    .lg-p-5px-t {
        padding-top: 5px
    }

    .lg-p-10px-t {
        padding-top: 10px
    }

    .lg-p-15px-t {
        padding-top: 15px
    }

    .lg-p-20px-t {
        padding-top: 20px
    }

    .lg-p-25px-t {
        padding-top: 25px
    }

    .lg-p-30px-t {
        padding-top: 30px
    }

    .lg-p-35px-t {
        padding-top: 35px
    }

    .lg-p-40px-t {
        padding-top: 40px
    }

    .lg-p-45px-t {
        padding-top: 45px
    }

    .lg-p-50px-t {
        padding-top: 50px
    }

    .lg-p-55px-t {
        padding-top: 55px
    }

    .lg-p-60px-t {
        padding-top: 60px
    }

    .lg-p-65px-t {
        padding-top: 65px
    }

    .lg-p-70px-t {
        padding-top: 70px
    }

    .lg-p-75px-t {
        padding-top: 75px
    }

    .lg-p-80px-t {
        padding-top: 80px
    }

    .lg-p-85px-t {
        padding-top: 85px
    }

    .lg-p-90px-t {
        padding-top: 90px
    }

    .lg-p-95px-t {
        padding-top: 95px
    }

    .lg-p-100px-t {
        padding-top: 100px
    }

    /*Padding Bottom*/
    .lg-p-0px-b {
        padding-bottom: 0px
    }

    .lg-p-5px-b {
        padding-bottom: 5px
    }

    .lg-p-10px-b {
        padding-bottom: 10px
    }

    .lg-p-15px-b {
        padding-bottom: 15px
    }

    .lg-p-20px-b {
        padding-bottom: 20px
    }

    .lg-p-25px-b {
        padding-bottom: 25px
    }

    .lg-p-30px-b {
        padding-bottom: 30px
    }

    .lg-p-35px-b {
        padding-bottom: 35px
    }

    .lg-p-40px-b {
        padding-bottom: 40px
    }

    .lg-p-45px-b {
        padding-bottom: 45px
    }

    .lg-p-50px-b {
        padding-bottom: 50px
    }

    .lg-p-55px-b {
        padding-bottom: 55px
    }

    .lg-p-60px-b {
        padding-bottom: 60px
    }

    .lg-p-65px-b {
        padding-bottom: 65px
    }

    .lg-p-70px-b {
        padding-bottom: 70px
    }

    .lg-p-75px-b {
        padding-bottom: 75px
    }

    .lg-p-80px-b {
        padding-bottom: 80px
    }

    .lg-p-85px-b {
        padding-bottom: 85px
    }

    .lg-p-90px-b {
        padding-bottom: 90px
    }

    .lg-p-95px-b {
        padding-bottom: 95px
    }

    .lg-p-100px-b {
        padding-bottom: 100px
    }

    /*Padding Left*/
    .lg-p-0px-l {
        padding-left: 0px
    }

    .lg-p-5px-l {
        padding-left: 5px
    }

    .lg-p-10px-l {
        padding-left: 10px
    }

    .lg-p-15px-l {
        padding-left: 15px
    }

    .lg-p-20px-l {
        padding-left: 20px
    }

    .lg-p-25px-l {
        padding-left: 25px
    }

    .lg-p-30px-l {
        padding-left: 30px
    }

    .lg-p-35px-l {
        padding-left: 35px
    }

    .lg-p-40px-l {
        padding-left: 40px
    }

    .lg-p-45px-l {
        padding-left: 45px
    }

    .lg-p-50px-l {
        padding-left: 50px
    }

    .lg-p-55px-l {
        padding-left: 55px
    }

    .lg-p-60px-l {
        padding-left: 60px
    }

    .lg-p-65px-l {
        padding-left: 65px
    }

    .lg-p-70px-l {
        padding-left: 70px
    }

    .lg-p-75px-l {
        padding-left: 75px
    }

    .lg-p-80px-l {
        padding-left: 80px
    }

    .lg-p-85px-l {
        padding-left: 85px
    }

    .lg-p-90px-l {
        padding-left: 90px
    }

    .lg-p-95px-l {
        padding-left: 95px
    }

    .lg-p-100px-l {
        padding-left: 100px
    }

    /*Padding right*/
    .lg-p-0px-r {
        padding-left: 0px
    }

    .lg-p-5px-r {
        padding-left: 5px
    }

    .lg-p-10px-r {
        padding-left: 10px
    }

    .lg-p-15px-r {
        padding-left: 15px
    }

    .lg-p-20px-r {
        padding-left: 20px
    }

    .lg-p-25px-r {
        padding-left: 25px
    }

    .lg-p-30px-r {
        padding-left: 30px
    }

    .lg-p-35px-r {
        padding-left: 35px
    }

    .lg-p-40px-r {
        padding-left: 40px
    }

    .lg-p-45px-r {
        padding-left: 45px
    }

    .lg-p-50px-r {
        padding-left: 50px
    }

    .lg-p-55px-r {
        padding-left: 55px
    }

    .lg-p-60px-r {
        padding-left: 60px
    }

    .lg-p-65px-r {
        padding-left: 65px
    }

    .lg-p-70px-r {
        padding-left: 70px
    }

    .lg-p-75px-r {
        padding-left: 75px
    }

    .lg-p-80px-r {
        padding-left: 80px
    }

    .lg-p-85px-r {
        padding-left: 85px
    }

    .lg-p-90px-r {
        padding-left: 90px
    }

    .lg-p-95px-r {
        padding-left: 95px
    }

    .lg-p-100px-r {
        padding-left: 100px
    }

    /*Padding All %*/
    .lg-p-1 {
        padding: 1%;
    }

    .lg-p-1-half {
        padding: 1.5%;
    }

    .lg-p-2 {
        padding: 2%;
    }

    .lg-p-2-half {
        padding: 2.5%;
    }

    .lg-p-3 {
        padding: 3%;
    }

    .lg-p-3-half {
        padding: 3.5%;
    }

    .lg-p-4 {
        padding: 4%;
    }

    .lg-p-4-half {
        padding: 4.5%;
    }

    .lg-p-5 {
        padding: 5%;
    }

    .lg-p-5-half {
        padding: 5.5%;
    }

    .lg-p-6 {
        padding: 6%;
    }

    .lg-p-6-half {
        padding: 6.5%;
    }

    .lg-p-7 {
        padding: 7%;
    }

    .lg-p-7-half {
        padding: 7.5%;
    }

    .lg-p-8 {
        padding: 8%;
    }

    .lg-p-8-half {
        padding: 8.5%;
    }

    .lg-p-9 {
        padding: 9%;
    }

    .lg-p-9-half {
        padding: 9.5%;
    }

    .lg-p-10 {
        padding: 10%;
    }

    .lg-p-10-half {
        padding: 10.5%;
    }

    .lg-p-11 {
        padding: 11%;
    }

    .lg-p-11-half {
        padding: 11.5%;
    }

    .lg-p-12 {
        padding: 12%;
    }

    .lg-p-12-half {
        padding: 12.5%;
    }

    .lg-p-13 {
        padding: 13%;
    }

    .lg-p-13-half {
        padding: 13.5%;
    }

    .lg-p-14 {
        padding: 14%;
    }

    .lg-p-14-half {
        padding: 14.5%;
    }

    .lg-p-15 {
        padding: 15%;
    }

    .lg-p-15-half {
        padding: 15.5%;
    }

    .lg-p-16 {
        padding: 16%;
    }

    .lg-p-16-half {
        padding: 16.5%;
    }

    .lg-p-17 {
        padding: 17%;
    }

    .lg-p-17-half {
        padding: 17.5%;
    }

    .lg-p-18 {
        padding: 18%;
    }

    .lg-p-18-half {
        padding: 18.5%;
    }

    .lg-p-19 {
        padding: 19%;
    }

    .lg-p-19-half {
        padding: 19.5%;
    }

    .lg-p-20 {
        padding: 20%;
    }

    .lg-p-20-half {
        padding: 20.5%;
    }

    .lg-p-21 {
        padding: 21%;
    }

    .lg-p-21-half {
        padding: 21.5%;
    }

    .lg-p-22 {
        padding: 22%;
    }

    .lg-p-22-half {
        padding: 22.5%;
    }

    .lg-p-23 {
        padding: 23%;
    }

    .lg-p-23-half {
        padding: 23.5%;
    }

    .lg-p-24 {
        padding: 24%;
    }

    .lg-p-24-half {
        padding: 24.5%;
    }

    .lg-p-25 {
        padding: 25%;
    }

    .lg-p-25-half {
        padding: 25.5%;
    }

    .lg-p-1-l {
        padding-left: 1%;
    }

    .lg-p-1-half-l {
        padding-left: 1.5%;
    }

    .lg-p-2-l {
        padding-left: 2%;
    }

    .lg-p-2-half-l {
        padding-left: 2.5%;
    }

    .lg-p-3-l {
        padding-left: 3%;
    }

    .lg-p-3-half-l {
        padding-left: 3.5%;
    }

    .lg-p-4-l {
        padding-left: 4%;
    }

    .lg-p-4-half-l {
        padding-left: 4.5%;
    }

    .lg-p-5-l {
        padding-left: 5%;
    }

    .lg-p-5-half-l {
        padding-left: 5.5%;
    }

    .lg-p-6-l {
        padding-left: 6%;
    }

    .lg-p-6-half-l {
        padding-left: 6.5%;
    }

    .lg-p-7-l {
        padding-left: 7%;
    }

    .lg-p-7-half-l {
        padding-left: 7.5%;
    }

    .lg-p-8-l {
        padding-left: 8%;
    }

    .lg-p-8-half-l {
        padding-left: 8.5%;
    }

    .lg-p-9-l {
        padding-left: 9%;
    }

    .lg-p-9-half-l {
        padding-left: 9.5%;
    }

    .lg-p-10-l {
        padding-left: 10%;
    }

    .lg-p-10-half-l {
        padding-left: 10.5%;
    }

    .lg-p-11-l {
        padding-left: 11%;
    }

    .lg-p-11-half-l {
        padding-left: 11.5%;
    }

    .lg-p-12-l {
        padding-left: 12%;
    }

    .lg-p-12-half-l {
        padding-left: 12.5%;
    }

    .lg-p-13-l {
        padding-left: 13%;
    }

    .lg-p-13-half-l {
        padding-left: 13.5%;
    }

    .lg-p-14-l {
        padding-left: 14%;
    }

    .lg-p-14-half-l {
        padding-left: 14.5%;
    }

    .lg-p-15-l {
        padding-left: 15%;
    }

    .lg-p-15-half-l {
        padding-left: 15.5%;
    }

    .lg-p-16-l {
        padding-left: 16%;
    }

    .lg-p-16-half-l {
        padding-left: 16.5%;
    }

    .lg-p-17-l {
        padding-left: 17%;
    }

    .lg-p-17-half-l {
        padding-left: 17.5%;
    }

    .lg-p-18-l {
        padding-left: 18%;
    }

    .lg-p-18-half-l {
        padding-left: 18.5%;
    }

    .lg-p-19-l {
        padding-left: 19%;
    }

    .lg-p-19-half-l {
        padding-left: 19.5%;
    }

    .lg-p-20-l {
        padding-left: 20%;
    }

    .lg-p-20-half-l {
        padding-left: 20.5%;
    }

    .lg-p-21-l {
        padding-left: 21%;
    }

    .lg-p-21-half-l {
        padding-left: 21.5%;
    }

    .lg-p-22-l {
        padding-left: 22%;
    }

    .lg-p-22-half-l {
        padding-left: 22.5%;
    }

    .lg-p-23-l {
        padding-left: 23%;
    }

    .lg-p-23-half-l {
        padding-left: 23.5%;
    }

    .lg-p-24-l {
        padding-left: 24%;
    }

    .lg-p-24-half-l {
        padding-left: 24.5%;
    }

    .lg-p-25-l {
        padding-left: 25%;
    }

    .lg-p-25-half-l {
        padding-left: 25.5%;
    }


    .lg-p-1-r {
        padding-right: 1%;
    }

    .lg-p-1-half-r {
        padding-right: 1.5%;
    }

    .lg-p-2-r {
        padding-right: 2%;
    }

    .lg-p-2-half-r {
        padding-right: 2.5%;
    }

    .lg-p-3-r {
        padding-right: 3%;
    }

    .lg-p-3-half-r {
        padding-right: 3.5%;
    }

    .lg-p-4-r {
        padding-right: 4%;
    }

    .lg-p-4-half-r {
        padding-right: 4.5%;
    }

    .lg-p-5-r {
        padding-right: 5%;
    }

    .lg-p-5-half-r {
        padding-right: 5.5%;
    }

    .lg-p-6-r {
        padding-right: 6%;
    }

    .lg-p-6-half-r {
        padding-right: 6.5%;
    }

    .lg-p-7-r {
        padding-right: 7%;
    }

    .lg-p-7-half-r {
        padding-right: 7.5%;
    }

    .lg-p-8-r {
        padding-right: 8%;
    }

    .lg-p-8-half-r {
        padding-right: 8.5%;
    }

    .lg-p-9-r {
        padding-right: 9%;
    }

    .lg-p-9-half-r {
        padding-right: 9.5%;
    }

    .lg-p-10-r {
        padding-right: 10%;
    }

    .lg-p-10-half-r {
        padding-right: 10.5%;
    }

    .lg-p-11-r {
        padding-right: 11%;
    }

    .lg-p-11-half-r {
        padding-right: 11.5%;
    }

    .lg-p-12-r {
        padding-right: 12%;
    }

    .lg-p-12-half-r {
        padding-right: 12.5%;
    }

    .lg-p-13-r {
        padding-right: 13%;
    }

    .lg-p-13-half-r {
        padding-right: 13.5%;
    }

    .lg-p-14-r {
        padding-right: 14%;
    }

    .lg-p-14-half-r {
        padding-right: 14.5%;
    }

    .lg-p-15-r {
        padding-right: 15%;
    }

    .lg-p-15-half-r {
        padding-right: 15.5%;
    }

    .lg-p-16-r {
        padding-right: 16%;
    }

    .lg-p-16-half-r {
        padding-right: 16.5%;
    }

    .lg-p-17-r {
        padding-right: 17%;
    }

    .lg-p-17-half-r {
        padding-right: 17.5%;
    }

    .lg-p-18-r {
        padding-right: 18%;
    }

    .lg-p-18-half-r {
        padding-right: 18.5%;
    }

    .lg-p-19-r {
        padding-right: 19%;
    }

    .lg-p-19-half-r {
        padding-right: 19.5%;
    }

    .lg-p-20-r {
        padding-right: 20%;
    }

    .lg-p-20-half-r {
        padding-right: 20.5%;
    }

    .lg-p-21-r {
        padding-right: 21%;
    }

    .lg-p-21-half-r {
        padding-right: 21.5%;
    }

    .lg-p-22-r {
        padding-right: 22%;
    }

    .lg-p-22-half-r {
        padding-right: 22.5%;
    }

    .lg-p-23-r {
        padding-right: 23%;
    }

    .lg-p-23-half-r {
        padding-right: 23.5%;
    }

    .lg-p-24-r {
        padding-right: 24%;
    }

    .lg-p-24-half-r {
        padding-right: 24.5%;
    }

    .lg-p-25-r {
        padding-right: 25%;
    }

    .lg-p-25-half-r {
        padding-right: 25.5%;
    }

    .lg-p-1-t {
        padding-top: 1%;
    }

    .lg-p-1-half-t {
        padding-top: 1.5%;
    }

    .lg-p-2-t {
        padding-top: 2%;
    }

    .lg-p-2-half-t {
        padding-top: 2.5%;
    }

    .lg-p-3-t {
        padding-top: 3%;
    }

    .lg-p-3-half-t {
        padding-top: 3.5%;
    }

    .lg-p-4-t {
        padding-top: 4%;
    }

    .lg-p-4-half-t {
        padding-top: 4.5%;
    }

    .lg-p-5-t {
        padding-top: 5%;
    }

    .lg-p-5-half-t {
        padding-top: 5.5%;
    }

    .lg-p-6-t {
        padding-top: 6%;
    }

    .lg-p-6-half-t {
        padding-top: 6.5%;
    }

    .lg-p-7-t {
        padding-top: 7%;
    }

    .lg-p-7-half-t {
        padding-top: 7.5%;
    }

    .lg-p-8-t {
        padding-top: 8%;
    }

    .lg-p-8-half-t {
        padding-top: 8.5%;
    }

    .lg-p-9-t {
        padding-top: 9%;
    }

    .lg-p-9-half-t {
        padding-top: 9.5%;
    }

    .lg-p-10-t {
        padding-top: 10%;
    }

    .lg-p-10-half-t {
        padding-top: 10.5%;
    }

    .lg-p-11-t {
        padding-top: 11%;
    }

    .lg-p-11-half-t {
        padding-top: 11.5%;
    }

    .lg-p-12-t {
        padding-top: 12%;
    }

    .lg-p-12-half-t {
        padding-top: 12.5%;
    }

    .lg-p-13-t {
        padding-top: 13%;
    }

    .lg-p-13-half-t {
        padding-top: 13.5%;
    }

    .lg-p-14-t {
        padding-top: 14%;
    }

    .lg-p-14-half-t {
        padding-top: 14.5%;
    }

    .lg-p-15-t {
        padding-top: 15%;
    }

    .lg-p-15-half-t {
        padding-top: 15.5%;
    }

    .lg-p-16-t {
        padding-top: 16%;
    }

    .lg-p-16-half-t {
        padding-top: 16.5%;
    }

    .lg-p-17-t {
        padding-top: 17%;
    }

    .lg-p-17-half-t {
        padding-top: 17.5%;
    }

    .lg-p-18-t {
        padding-top: 18%;
    }

    .lg-p-18-half-t {
        padding-top: 18.5%;
    }

    .lg-p-19-t {
        padding-top: 19%;
    }

    .lg-p-19-half-t {
        padding-top: 19.5%;
    }

    .lg-p-20-t {
        padding-top: 20%;
    }

    .lg-p-20-half-t {
        padding-top: 20.5%;
    }

    .lg-p-21-t {
        padding-top: 21%;
    }

    .lg-p-21-half-t {
        padding-top: 21.5%;
    }

    .lg-p-22-t {
        padding-top: 22%;
    }

    .lg-p-22-half-t {
        padding-top: 22.5%;
    }

    .lg-p-23-t {
        padding-top: 23%;
    }

    .lg-p-23-half-t {
        padding-top: 23.5%;
    }

    .lg-p-24-t {
        padding-top: 24%;
    }

    .lg-p-24-half-t {
        padding-top: 24.5%;
    }

    .lg-p-25-t {
        padding-top: 25%;
    }

    .lg-p-25-half-t {
        padding-top: 25.5%;
    }

    .lg-p-1-b {
        padding-bottom: 1%;
    }

    .lg-p-1-half-b {
        padding-bottom: 1.5%;
    }

    .lg-p-2-b {
        padding-bottom: 2%;
    }

    .lg-p-2-half-b {
        padding-bottom: 2.5%;
    }

    .lg-p-3-b {
        padding-bottom: 3%;
    }

    .lg-p-3-half-b {
        padding-bottom: 3.5%;
    }

    .lg-p-4-b {
        padding-bottom: 4%;
    }

    .lg-p-4-half-b {
        padding-bottom: 4.5%;
    }

    .lg-p-5-b {
        padding-bottom: 5%;
    }

    .lg-p-5-half-b {
        padding-bottom: 5.5%;
    }

    .lg-p-6-b {
        padding-bottom: 6%;
    }

    .lg-p-6-half-b {
        padding-bottom: 6.5%;
    }

    .lg-p-7-b {
        padding-bottom: 7%;
    }

    .lg-p-7-half-b {
        padding-bottom: 7.5%;
    }

    .lg-p-8-b {
        padding-bottom: 8%;
    }

    .lg-p-8-half-b {
        padding-bottom: 8.5%;
    }

    .lg-p-9-b {
        padding-bottom: 9%;
    }

    .lg-p-9-half-b {
        padding-bottom: 9.5%;
    }

    .lg-p-10-b {
        padding-bottom: 10%;
    }

    .lg-p-10-half-b {
        padding-bottom: 10.5%;
    }

    .lg-p-11-b {
        padding-bottom: 11%;
    }

    .lg-p-11-half-b {
        padding-bottom: 11.5%;
    }

    .lg-p-12-b {
        padding-bottom: 12%;
    }

    .lg-p-12-half-b {
        padding-bottom: 12.5%;
    }

    .lg-p-13-b {
        padding-bottom: 13%;
    }

    .lg-p-13-half-b {
        padding-bottom: 13.5%;
    }

    .lg-p-14-b {
        padding-bottom: 14%;
    }

    .lg-p-14-half-b {
        padding-bottom: 14.5%;
    }

    .lg-p-15-b {
        padding-bottom: 15%;
    }

    .lg-p-15-half-b {
        padding-bottom: 15.5%;
    }

    .lg-p-16-b {
        padding-bottom: 16%;
    }

    .lg-p-16-half-b {
        padding-bottom: 16.5%;
    }

    .lg-p-17-b {
        padding-bottom: 17%;
    }

    .lg-p-17-half-b {
        padding-bottom: 17.5%;
    }

    .lg-p-18-b {
        padding-bottom: 18%;
    }

    .lg-p-18-half-b {
        padding-bottom: 18.5%;
    }

    .lg-p-19-b {
        padding-bottom: 19%;
    }

    .lg-p-19-half-b {
        padding-bottom: 19.5%;
    }

    .lg-p-20-b {
        padding-bottom: 20%;
    }

    .lg-p-20-half-b {
        padding-bottom: 20.5%;
    }

    .lg-p-21-b {
        padding-bottom: 21%;
    }

    .lg-p-21-half-b {
        padding-bottom: 21.5%;
    }

    .lg-p-22-b {
        padding-bottom: 22%;
    }

    .lg-p-22-half-b {
        padding-bottom: 22.5%;
    }

    .lg-p-23-b {
        padding-bottom: 23%;
    }

    .lg-p-23-half-b {
        padding-bottom: 23.5%;
    }

    .lg-p-24-b {
        padding-bottom: 24%;
    }

    .lg-p-24-half-b {
        padding-bottom: 24.5%;
    }

    .lg-p-25-b {
        padding-bottom: 25%;
    }

    .lg-p-25-half-b {
        padding-bottom: 25.5%;
    }
}


@media (max-width: 991px) {
    .md-p-0px {
        padding: 0;
    }

    .md-p-5px {
        padding: 5px
    }

    .md-p-10px {
        padding: 10px
    }

    .md-p-15px {
        padding: 15px
    }

    .md-p-20px {
        padding: 20px
    }

    .md-p-25px {
        padding: 25px
    }

    .md-p-30px {
        padding: 30px
    }

    .md-p-35px {
        padding: 35px
    }

    .md-p-40px {
        padding: 40px
    }

    .md-p-45px {
        padding: 45px
    }

    .md-p-50px {
        padding: 50px
    }

    .md-p-55px {
        padding: 55px
    }

    .md-p-60px {
        padding: 60px
    }

    .md-p-65px {
        padding: 65px
    }

    .md-p-70px {
        padding: 70px
    }

    .md-p-75px {
        padding: 75px
    }

    .md-p-80px {
        padding: 80px
    }

    .md-p-85px {
        padding: 85px
    }

    .md-p-90px {
        padding: 90px
    }

    .md-p-95px {
        padding: 95px
    }

    .md-p-100px {
        padding: 100px
    }

    /*Padding Left Right*/
    .md-p-0px-lr {
        padding-left: 0;
        ;
        padding-right: 0;
    }

    .md-p-5px-lr {
        padding-left: 5px;
        padding-right: 5px
    }

    .md-p-10px-lr {
        padding-left: 10px;
        padding-right: 10px
    }

    .md-p-15px-lr {
        padding-left: 15px;
        padding-right: 15px
    }

    .md-p-20px-lr {
        padding-left: 20px;
        padding-right: 20px
    }

    .md-p-25px-lr {
        padding-left: 25px;
        padding-right: 25px
    }

    .md-p-30px-lr {
        padding-left: 30px;
        padding-right: 30px
    }

    .md-p-35px-lr {
        padding-left: 35px;
        padding-right: 35px
    }

    .md-p-40px-lr {
        padding-left: 40px;
        padding-right: 40px
    }

    .md-p-45px-lr {
        padding-left: 45px;
        padding-right: 45px
    }

    .md-p-50px-lr {
        padding-left: 50px;
        padding-right: 50px
    }

    .md-p-55px-lr {
        padding-left: 55px;
        padding-right: 55px
    }

    .md-p-60px-lr {
        padding-left: 60px;
        padding-right: 60px
    }

    .md-p-65px-lr {
        padding-left: 65px;
        padding-right: 65px
    }

    .md-p-70px-lr {
        padding-left: 70px;
        padding-right: 70px
    }

    .md-p-75px-lr {
        padding-left: 75px;
        padding-right: 75px
    }

    .md-p-80px-lr {
        padding-left: 80px;
        padding-right: 80px
    }

    .md-p-85px-lr {
        padding-left: 85px;
        padding-right: 85px
    }

    .md-p-90px-lr {
        padding-left: 90px;
        padding-right: 90px
    }

    .md-p-95px-lr {
        padding-left: 95px;
        padding-right: 95px
    }

    .md-p-100px-lr {
        padding-left: 100px;
        padding-right: 100px
    }

    /*Padding Top Bottm*/
    .md-p-0px-tb {
        padding-top: 0;
        padding-bottom: 0;
    }

    .md-p-5px-tb {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .md-p-10px-tb {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .md-p-15px-tb {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .md-p-20px-tb {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .md-p-25px-tb {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .md-p-30px-tb {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .md-p-35px-tb {
        padding-top: 35px;
        padding-bottom: 35px
    }

    .md-p-40px-tb {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .md-p-45px-tb {
        padding-top: 45px;
        padding-bottom: 45px
    }

    .md-p-50px-tb {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .md-p-55px-tb {
        padding-top: 55px;
        padding-bottom: 55px
    }

    .md-p-60px-tb {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .md-p-65px-tb {
        padding-top: 65px;
        padding-bottom: 65px
    }

    .md-p-70px-tb {
        padding-top: 70px;
        padding-bottom: 70px
    }

    .md-p-75px-tb {
        padding-top: 75px;
        padding-bottom: 75px
    }

    .md-p-80px-tb {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .md-p-85px-tb {
        padding-top: 85px;
        padding-bottom: 85px
    }

    .md-p-90px-tb {
        padding-top: 90px;
        padding-bottom: 90px
    }

    .md-p-95px-tb {
        padding-top: 95px;
        padding-bottom: 95px
    }

    .md-p-100px-tb {
        padding-top: 100px;
        padding-bottom: 100px
    }


    /*Padding top*/
    .md-p-0px-t {
        padding-top: 0px
    }

    .md-p-5px-t {
        padding-top: 5px
    }

    .md-p-10px-t {
        padding-top: 10px
    }

    .md-p-15px-t {
        padding-top: 15px
    }

    .md-p-20px-t {
        padding-top: 20px
    }

    .md-p-25px-t {
        padding-top: 25px
    }

    .md-p-30px-t {
        padding-top: 30px
    }

    .md-p-35px-t {
        padding-top: 35px
    }

    .md-p-40px-t {
        padding-top: 40px
    }

    .md-p-45px-t {
        padding-top: 45px
    }

    .md-p-50px-t {
        padding-top: 50px
    }

    .md-p-55px-t {
        padding-top: 55px
    }

    .md-p-60px-t {
        padding-top: 60px
    }

    .md-p-65px-t {
        padding-top: 65px
    }

    .md-p-70px-t {
        padding-top: 70px
    }

    .md-p-75px-t {
        padding-top: 75px
    }

    .md-p-80px-t {
        padding-top: 80px
    }

    .md-p-85px-t {
        padding-top: 85px
    }

    .md-p-90px-t {
        padding-top: 90px
    }

    .md-p-95px-t {
        padding-top: 95px
    }

    .md-p-100px-t {
        padding-top: 100px
    }

    /*Padding Bottom*/
    .md-p-0px-b {
        padding-bottom: 0px
    }

    .md-p-5px-b {
        padding-bottom: 5px
    }

    .md-p-10px-b {
        padding-bottom: 10px
    }

    .md-p-15px-b {
        padding-bottom: 15px
    }

    .md-p-20px-b {
        padding-bottom: 20px
    }

    .md-p-25px-b {
        padding-bottom: 25px
    }

    .md-p-30px-b {
        padding-bottom: 30px
    }

    .md-p-35px-b {
        padding-bottom: 35px
    }

    .md-p-40px-b {
        padding-bottom: 40px
    }

    .md-p-45px-b {
        padding-bottom: 45px
    }

    .md-p-50px-b {
        padding-bottom: 50px
    }

    .md-p-55px-b {
        padding-bottom: 55px
    }

    .md-p-60px-b {
        padding-bottom: 60px
    }

    .md-p-65px-b {
        padding-bottom: 65px
    }

    .md-p-70px-b {
        padding-bottom: 70px
    }

    .md-p-75px-b {
        padding-bottom: 75px
    }

    .md-p-80px-b {
        padding-bottom: 80px
    }

    .md-p-85px-b {
        padding-bottom: 85px
    }

    .md-p-90px-b {
        padding-bottom: 90px
    }

    .md-p-95px-b {
        padding-bottom: 95px
    }

    .md-p-100px-b {
        padding-bottom: 100px
    }

    /*Padding Left*/
    .md-p-0px-l {
        padding-left: 0px
    }

    .md-p-5px-l {
        padding-left: 5px
    }

    .md-p-10px-l {
        padding-left: 10px
    }

    .md-p-15px-l {
        padding-left: 15px
    }

    .md-p-20px-l {
        padding-left: 20px
    }

    .md-p-25px-l {
        padding-left: 25px
    }

    .md-p-30px-l {
        padding-left: 30px
    }

    .md-p-35px-l {
        padding-left: 35px
    }

    .md-p-40px-l {
        padding-left: 40px
    }

    .md-p-45px-l {
        padding-left: 45px
    }

    .md-p-50px-l {
        padding-left: 50px
    }

    .md-p-55px-l {
        padding-left: 55px
    }

    .md-p-60px-l {
        padding-left: 60px
    }

    .md-p-65px-l {
        padding-left: 65px
    }

    .md-p-70px-l {
        padding-left: 70px
    }

    .md-p-75px-l {
        padding-left: 75px
    }

    .md-p-80px-l {
        padding-left: 80px
    }

    .md-p-85px-l {
        padding-left: 85px
    }

    .md-p-90px-l {
        padding-left: 90px
    }

    .md-p-95px-l {
        padding-left: 95px
    }

    .md-p-100px-l {
        padding-left: 100px
    }

    /*Padding right*/
    .md-p-0px-r {
        padding-right: 0px
    }

    .md-p-5px-r {
        padding-right: 5px
    }

    .md-p-10px-r {
        padding-right: 10px
    }

    .md-p-15px-r {
        padding-right: 15px
    }

    .md-p-20px-r {
        padding-right: 20px
    }

    .md-p-25px-r {
        padding-right: 25px
    }

    .md-p-30px-r {
        padding-right: 30px
    }

    .md-p-35px-r {
        padding-right: 35px
    }

    .md-p-40px-r {
        padding-right: 40px
    }

    .md-p-45px-r {
        padding-right: 45px
    }

    .md-p-50px-r {
        padding-right: 50px
    }

    .md-p-55px-r {
        padding-right: 55px
    }

    .md-p-60px-r {
        padding-right: 60px
    }

    .md-p-65px-r {
        padding-right: 65px
    }

    .md-p-70px-r {
        padding-right: 70px
    }

    .md-p-75px-r {
        padding-right: 75px
    }

    .md-p-80px-r {
        padding-right: 80px
    }

    .md-p-85px-r {
        padding-right: 85px
    }

    .md-p-90px-r {
        padding-right: 90px
    }

    .md-p-95px-r {
        padding-right: 95px
    }

    .md-p-100px-r {
        padding-right: 100px
    }

    /*Padding All %*/
    .md-p-1 {
        padding: 1%;
    }

    .md-p-1-half {
        padding: 1.5%;
    }

    .md-p-2 {
        padding: 2%;
    }

    .md-p-2-half {
        padding: 2.5%;
    }

    .md-p-3 {
        padding: 3%;
    }

    .md-p-3-half {
        padding: 3.5%;
    }

    .md-p-4 {
        padding: 4%;
    }

    .md-p-4-half {
        padding: 4.5%;
    }

    .md-p-5 {
        padding: 5%;
    }

    .md-p-5-half {
        padding: 5.5%;
    }

    .md-p-6 {
        padding: 6%;
    }

    .md-p-6-half {
        padding: 6.5%;
    }

    .md-p-7 {
        padding: 7%;
    }

    .md-p-7-half {
        padding: 7.5%;
    }

    .md-p-8 {
        padding: 8%;
    }

    .md-p-8-half {
        padding: 8.5%;
    }

    .md-p-9 {
        padding: 9%;
    }

    .md-p-9-half {
        padding: 9.5%;
    }

    .md-p-10 {
        padding: 10%;
    }

    .md-p-10-half {
        padding: 10.5%;
    }

    .md-p-11 {
        padding: 11%;
    }

    .md-p-11-half {
        padding: 11.5%;
    }

    .md-p-12 {
        padding: 12%;
    }

    .md-p-12-half {
        padding: 12.5%;
    }

    .md-p-13 {
        padding: 13%;
    }

    .md-p-13-half {
        padding: 13.5%;
    }

    .md-p-14 {
        padding: 14%;
    }

    .md-p-14-half {
        padding: 14.5%;
    }

    .md-p-15 {
        padding: 15%;
    }

    .md-p-15-half {
        padding: 15.5%;
    }

    .md-p-16 {
        padding: 16%;
    }

    .md-p-16-half {
        padding: 16.5%;
    }

    .md-p-17 {
        padding: 17%;
    }

    .md-p-17-half {
        padding: 17.5%;
    }

    .md-p-18 {
        padding: 18%;
    }

    .md-p-18-half {
        padding: 18.5%;
    }

    .md-p-19 {
        padding: 19%;
    }

    .md-p-19-half {
        padding: 19.5%;
    }

    .md-p-20 {
        padding: 20%;
    }

    .md-p-20-half {
        padding: 20.5%;
    }

    .md-p-21 {
        padding: 21%;
    }

    .md-p-21-half {
        padding: 21.5%;
    }

    .md-p-22 {
        padding: 22%;
    }

    .md-p-22-half {
        padding: 22.5%;
    }

    .md-p-23 {
        padding: 23%;
    }

    .md-p-23-half {
        padding: 23.5%;
    }

    .md-p-24 {
        padding: 24%;
    }

    .md-p-24-half {
        padding: 24.5%;
    }

    .md-p-25 {
        padding: 25%;
    }

    .md-p-25-half {
        padding: 25.5%;
    }

    .md-p-1-l {
        padding-left: 1%;
    }

    .md-p-1-half-l {
        padding-left: 1.5%;
    }

    .md-p-2-l {
        padding-left: 2%;
    }

    .md-p-2-half-l {
        padding-left: 2.5%;
    }

    .md-p-3-l {
        padding-left: 3%;
    }

    .md-p-3-half-l {
        padding-left: 3.5%;
    }

    .md-p-4-l {
        padding-left: 4%;
    }

    .md-p-4-half-l {
        padding-left: 4.5%;
    }

    .md-p-5-l {
        padding-left: 5%;
    }

    .md-p-5-half-l {
        padding-left: 5.5%;
    }

    .md-p-6-l {
        padding-left: 6%;
    }

    .md-p-6-half-l {
        padding-left: 6.5%;
    }

    .md-p-7-l {
        padding-left: 7%;
    }

    .md-p-7-half-l {
        padding-left: 7.5%;
    }

    .md-p-8-l {
        padding-left: 8%;
    }

    .md-p-8-half-l {
        padding-left: 8.5%;
    }

    .md-p-9-l {
        padding-left: 9%;
    }

    .md-p-9-half-l {
        padding-left: 9.5%;
    }

    .md-p-10-l {
        padding-left: 10%;
    }

    .md-p-10-half-l {
        padding-left: 10.5%;
    }

    .md-p-11-l {
        padding-left: 11%;
    }

    .md-p-11-half-l {
        padding-left: 11.5%;
    }

    .md-p-12-l {
        padding-left: 12%;
    }

    .md-p-12-half-l {
        padding-left: 12.5%;
    }

    .md-p-13-l {
        padding-left: 13%;
    }

    .md-p-13-half-l {
        padding-left: 13.5%;
    }

    .md-p-14-l {
        padding-left: 14%;
    }

    .md-p-14-half-l {
        padding-left: 14.5%;
    }

    .md-p-15-l {
        padding-left: 15%;
    }

    .md-p-15-half-l {
        padding-left: 15.5%;
    }

    .md-p-16-l {
        padding-left: 16%;
    }

    .md-p-16-half-l {
        padding-left: 16.5%;
    }

    .md-p-17-l {
        padding-left: 17%;
    }

    .md-p-17-half-l {
        padding-left: 17.5%;
    }

    .md-p-18-l {
        padding-left: 18%;
    }

    .md-p-18-half-l {
        padding-left: 18.5%;
    }

    .md-p-19-l {
        padding-left: 19%;
    }

    .md-p-19-half-l {
        padding-left: 19.5%;
    }

    .md-p-20-l {
        padding-left: 20%;
    }

    .md-p-20-half-l {
        padding-left: 20.5%;
    }

    .md-p-21-l {
        padding-left: 21%;
    }

    .md-p-21-half-l {
        padding-left: 21.5%;
    }

    .md-p-22-l {
        padding-left: 22%;
    }

    .md-p-22-half-l {
        padding-left: 22.5%;
    }

    .md-p-23-l {
        padding-left: 23%;
    }

    .md-p-23-half-l {
        padding-left: 23.5%;
    }

    .md-p-24-l {
        padding-left: 24%;
    }

    .md-p-24-half-l {
        padding-left: 24.5%;
    }

    .md-p-25-l {
        padding-left: 25%;
    }

    .md-p-25-half-l {
        padding-left: 25.5%;
    }


    .md-p-1-r {
        padding-right: 1%;
    }

    .md-p-1-half-r {
        padding-right: 1.5%;
    }

    .md-p-2-r {
        padding-right: 2%;
    }

    .md-p-2-half-r {
        padding-right: 2.5%;
    }

    .md-p-3-r {
        padding-right: 3%;
    }

    .md-p-3-half-r {
        padding-right: 3.5%;
    }

    .md-p-4-r {
        padding-right: 4%;
    }

    .md-p-4-half-r {
        padding-right: 4.5%;
    }

    .md-p-5-r {
        padding-right: 5%;
    }

    .md-p-5-half-r {
        padding-right: 5.5%;
    }

    .md-p-6-r {
        padding-right: 6%;
    }

    .md-p-6-half-r {
        padding-right: 6.5%;
    }

    .md-p-7-r {
        padding-right: 7%;
    }

    .md-p-7-half-r {
        padding-right: 7.5%;
    }

    .md-p-8-r {
        padding-right: 8%;
    }

    .md-p-8-half-r {
        padding-right: 8.5%;
    }

    .md-p-9-r {
        padding-right: 9%;
    }

    .md-p-9-half-r {
        padding-right: 9.5%;
    }

    .md-p-10-r {
        padding-right: 10%;
    }

    .md-p-10-half-r {
        padding-right: 10.5%;
    }

    .md-p-11-r {
        padding-right: 11%;
    }

    .md-p-11-half-r {
        padding-right: 11.5%;
    }

    .md-p-12-r {
        padding-right: 12%;
    }

    .md-p-12-half-r {
        padding-right: 12.5%;
    }

    .md-p-13-r {
        padding-right: 13%;
    }

    .md-p-13-half-r {
        padding-right: 13.5%;
    }

    .md-p-14-r {
        padding-right: 14%;
    }

    .md-p-14-half-r {
        padding-right: 14.5%;
    }

    .md-p-15-r {
        padding-right: 15%;
    }

    .md-p-15-half-r {
        padding-right: 15.5%;
    }

    .md-p-16-r {
        padding-right: 16%;
    }

    .md-p-16-half-r {
        padding-right: 16.5%;
    }

    .md-p-17-r {
        padding-right: 17%;
    }

    .md-p-17-half-r {
        padding-right: 17.5%;
    }

    .md-p-18-r {
        padding-right: 18%;
    }

    .md-p-18-half-r {
        padding-right: 18.5%;
    }

    .md-p-19-r {
        padding-right: 19%;
    }

    .md-p-19-half-r {
        padding-right: 19.5%;
    }

    .md-p-20-r {
        padding-right: 20%;
    }

    .md-p-20-half-r {
        padding-right: 20.5%;
    }

    .md-p-21-r {
        padding-right: 21%;
    }

    .md-p-21-half-r {
        padding-right: 21.5%;
    }

    .md-p-22-r {
        padding-right: 22%;
    }

    .md-p-22-half-r {
        padding-right: 22.5%;
    }

    .md-p-23-r {
        padding-right: 23%;
    }

    .md-p-23-half-r {
        padding-right: 23.5%;
    }

    .md-p-24-r {
        padding-right: 24%;
    }

    .md-p-24-half-r {
        padding-right: 24.5%;
    }

    .md-p-25-r {
        padding-right: 25%;
    }

    .md-p-25-half-r {
        padding-right: 25.5%;
    }

    .md-p-1-t {
        padding-top: 1%;
    }

    .md-p-1-half-t {
        padding-top: 1.5%;
    }

    .md-p-2-t {
        padding-top: 2%;
    }

    .md-p-2-half-t {
        padding-top: 2.5%;
    }

    .md-p-3-t {
        padding-top: 3%;
    }

    .md-p-3-half-t {
        padding-top: 3.5%;
    }

    .md-p-4-t {
        padding-top: 4%;
    }

    .md-p-4-half-t {
        padding-top: 4.5%;
    }

    .md-p-5-t {
        padding-top: 5%;
    }

    .md-p-5-half-t {
        padding-top: 5.5%;
    }

    .md-p-6-t {
        padding-top: 6%;
    }

    .md-p-6-half-t {
        padding-top: 6.5%;
    }

    .md-p-7-t {
        padding-top: 7%;
    }

    .md-p-7-half-t {
        padding-top: 7.5%;
    }

    .md-p-8-t {
        padding-top: 8%;
    }

    .md-p-8-half-t {
        padding-top: 8.5%;
    }

    .md-p-9-t {
        padding-top: 9%;
    }

    .md-p-9-half-t {
        padding-top: 9.5%;
    }

    .md-p-10-t {
        padding-top: 10%;
    }

    .md-p-10-half-t {
        padding-top: 10.5%;
    }

    .md-p-11-t {
        padding-top: 11%;
    }

    .md-p-11-half-t {
        padding-top: 11.5%;
    }

    .md-p-12-t {
        padding-top: 12%;
    }

    .md-p-12-half-t {
        padding-top: 12.5%;
    }

    .md-p-13-t {
        padding-top: 13%;
    }

    .md-p-13-half-t {
        padding-top: 13.5%;
    }

    .md-p-14-t {
        padding-top: 14%;
    }

    .md-p-14-half-t {
        padding-top: 14.5%;
    }

    .md-p-15-t {
        padding-top: 15%;
    }

    .md-p-15-half-t {
        padding-top: 15.5%;
    }

    .md-p-16-t {
        padding-top: 16%;
    }

    .md-p-16-half-t {
        padding-top: 16.5%;
    }

    .md-p-17-t {
        padding-top: 17%;
    }

    .md-p-17-half-t {
        padding-top: 17.5%;
    }

    .md-p-18-t {
        padding-top: 18%;
    }

    .md-p-18-half-t {
        padding-top: 18.5%;
    }

    .md-p-19-t {
        padding-top: 19%;
    }

    .md-p-19-half-t {
        padding-top: 19.5%;
    }

    .md-p-20-t {
        padding-top: 20%;
    }

    .md-p-20-half-t {
        padding-top: 20.5%;
    }

    .md-p-21-t {
        padding-top: 21%;
    }

    .md-p-21-half-t {
        padding-top: 21.5%;
    }

    .md-p-22-t {
        padding-top: 22%;
    }

    .md-p-22-half-t {
        padding-top: 22.5%;
    }

    .md-p-23-t {
        padding-top: 23%;
    }

    .md-p-23-half-t {
        padding-top: 23.5%;
    }

    .md-p-24-t {
        padding-top: 24%;
    }

    .md-p-24-half-t {
        padding-top: 24.5%;
    }

    .md-p-25-t {
        padding-top: 25%;
    }

    .md-p-25-half-t {
        padding-top: 25.5%;
    }

    .md-p-1-b {
        padding-bottom: 1%;
    }

    .md-p-1-half-b {
        padding-bottom: 1.5%;
    }

    .md-p-2-b {
        padding-bottom: 2%;
    }

    .md-p-2-half-b {
        padding-bottom: 2.5%;
    }

    .md-p-3-b {
        padding-bottom: 3%;
    }

    .md-p-3-half-b {
        padding-bottom: 3.5%;
    }

    .md-p-4-b {
        padding-bottom: 4%;
    }

    .md-p-4-half-b {
        padding-bottom: 4.5%;
    }

    .md-p-5-b {
        padding-bottom: 5%;
    }

    .md-p-5-half-b {
        padding-bottom: 5.5%;
    }

    .md-p-6-b {
        padding-bottom: 6%;
    }

    .md-p-6-half-b {
        padding-bottom: 6.5%;
    }

    .md-p-7-b {
        padding-bottom: 7%;
    }

    .md-p-7-half-b {
        padding-bottom: 7.5%;
    }

    .md-p-8-b {
        padding-bottom: 8%;
    }

    .md-p-8-half-b {
        padding-bottom: 8.5%;
    }

    .md-p-9-b {
        padding-bottom: 9%;
    }

    .md-p-9-half-b {
        padding-bottom: 9.5%;
    }

    .md-p-10-b {
        padding-bottom: 10%;
    }

    .md-p-10-half-b {
        padding-bottom: 10.5%;
    }

    .md-p-11-b {
        padding-bottom: 11%;
    }

    .md-p-11-half-b {
        padding-bottom: 11.5%;
    }

    .md-p-12-b {
        padding-bottom: 12%;
    }

    .md-p-12-half-b {
        padding-bottom: 12.5%;
    }

    .md-p-13-b {
        padding-bottom: 13%;
    }

    .md-p-13-half-b {
        padding-bottom: 13.5%;
    }

    .md-p-14-b {
        padding-bottom: 14%;
    }

    .md-p-14-half-b {
        padding-bottom: 14.5%;
    }

    .md-p-15-b {
        padding-bottom: 15%;
    }

    .md-p-15-half-b {
        padding-bottom: 15.5%;
    }

    .md-p-16-b {
        padding-bottom: 16%;
    }

    .md-p-16-half-b {
        padding-bottom: 16.5%;
    }

    .md-p-17-b {
        padding-bottom: 17%;
    }

    .md-p-17-half-b {
        padding-bottom: 17.5%;
    }

    .md-p-18-b {
        padding-bottom: 18%;
    }

    .md-p-18-half-b {
        padding-bottom: 18.5%;
    }

    .md-p-19-b {
        padding-bottom: 19%;
    }

    .md-p-19-half-b {
        padding-bottom: 19.5%;
    }

    .md-p-20-b {
        padding-bottom: 20%;
    }

    .md-p-20-half-b {
        padding-bottom: 20.5%;
    }

    .md-p-21-b {
        padding-bottom: 21%;
    }

    .md-p-21-half-b {
        padding-bottom: 21.5%;
    }

    .md-p-22-b {
        padding-bottom: 22%;
    }

    .md-p-22-half-b {
        padding-bottom: 22.5%;
    }

    .md-p-23-b {
        padding-bottom: 23%;
    }

    .md-p-23-half-b {
        padding-bottom: 23.5%;
    }

    .md-p-24-b {
        padding-bottom: 24%;
    }

    .md-p-24-half-b {
        padding-bottom: 24.5%;
    }

    .md-p-25-b {
        padding-bottom: 25%;
    }

    .md-p-25-half-b {
        padding-bottom: 25.5%;
    }
}

@media (max-width: 767px) {
    .sm-p-0px {
        padding: 0;
    }

    .sm-p-5px {
        padding: 5px
    }

    .sm-p-10px {
        padding: 10px
    }

    .sm-p-15px {
        padding: 15px
    }

    .sm-p-20px {
        padding: 20px
    }

    .sm-p-25px {
        padding: 25px
    }

    .sm-p-30px {
        padding: 30px
    }

    .sm-p-35px {
        padding: 35px
    }

    .sm-p-40px {
        padding: 40px
    }

    .sm-p-45px {
        padding: 45px
    }

    .sm-p-50px {
        padding: 50px
    }

    .sm-p-55px {
        padding: 55px
    }

    .sm-p-60px {
        padding: 60px
    }

    .sm-p-65px {
        padding: 65px
    }

    .sm-p-70px {
        padding: 70px
    }

    .sm-p-75px {
        padding: 75px
    }

    .sm-p-80px {
        padding: 80px
    }

    .sm-p-85px {
        padding: 85px
    }

    .sm-p-90px {
        padding: 90px
    }

    .sm-p-95px {
        padding: 95px
    }

    .sm-p-100px {
        padding: 100px
    }

    /*Padding Left Right*/
    .sm-p-0px-lr {
        padding-left: 0;
        ;
        padding-right: 0;
    }

    .sm-p-5px-lr {
        padding-left: 5px;
        padding-right: 5px
    }

    .sm-p-10px-lr {
        padding-left: 10px;
        padding-right: 10px
    }

    .sm-p-15px-lr {
        padding-left: 15px;
        padding-right: 15px
    }

    .sm-p-20px-lr {
        padding-left: 20px;
        padding-right: 20px
    }

    .sm-p-25px-lr {
        padding-left: 25px;
        padding-right: 25px
    }

    .sm-p-30px-lr {
        padding-left: 30px;
        padding-right: 30px
    }

    .sm-p-35px-lr {
        padding-left: 35px;
        padding-right: 35px
    }

    .sm-p-40px-lr {
        padding-left: 40px;
        padding-right: 40px
    }

    .sm-p-45px-lr {
        padding-left: 45px;
        padding-right: 45px
    }

    .sm-p-50px-lr {
        padding-left: 50px;
        padding-right: 50px
    }

    .sm-p-55px-lr {
        padding-left: 55px;
        padding-right: 55px
    }

    .sm-p-60px-lr {
        padding-left: 60px;
        padding-right: 60px
    }

    .sm-p-65px-lr {
        padding-left: 65px;
        padding-right: 65px
    }

    .sm-p-70px-lr {
        padding-left: 70px;
        padding-right: 70px
    }

    .sm-p-75px-lr {
        padding-left: 75px;
        padding-right: 75px
    }

    .sm-p-80px-lr {
        padding-left: 80px;
        padding-right: 80px
    }

    .sm-p-85px-lr {
        padding-left: 85px;
        padding-right: 85px
    }

    .sm-p-90px-lr {
        padding-left: 90px;
        padding-right: 90px
    }

    .sm-p-95px-lr {
        padding-left: 95px;
        padding-right: 95px
    }

    .sm-p-100px-lr {
        padding-left: 100px;
        padding-right: 100px
    }

    /*Padding Top Bottm*/
    .sm-p-0px-tb {
        padding-top: 0;
        padding-bottom: 0;
    }

    .sm-p-5px-tb {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .sm-p-10px-tb {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .sm-p-15px-tb {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .sm-p-20px-tb {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .sm-p-25px-tb {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .sm-p-30px-tb {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .sm-p-35px-tb {
        padding-top: 35px;
        padding-bottom: 35px
    }

    .sm-p-40px-tb {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .sm-p-45px-tb {
        padding-top: 45px;
        padding-bottom: 45px
    }

    .sm-p-50px-tb {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .sm-p-55px-tb {
        padding-top: 55px;
        padding-bottom: 55px
    }

    .sm-p-60px-tb {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .sm-p-65px-tb {
        padding-top: 65px;
        padding-bottom: 65px
    }

    .sm-p-70px-tb {
        padding-top: 70px;
        padding-bottom: 70px
    }

    .sm-p-75px-tb {
        padding-top: 75px;
        padding-bottom: 75px
    }

    .sm-p-80px-tb {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .sm-p-85px-tb {
        padding-top: 85px;
        padding-bottom: 85px
    }

    .sm-p-90px-tb {
        padding-top: 90px;
        padding-bottom: 90px
    }

    .sm-p-95px-tb {
        padding-top: 95px;
        padding-bottom: 95px
    }

    .sm-p-100px-tb {
        padding-top: 100px;
        padding-bottom: 100px
    }

    /*Padding top*/
    .sm-p-0px-t {
        padding-top: 0px
    }

    .sm-p-5px-t {
        padding-top: 5px
    }

    .sm-p-10px-t {
        padding-top: 10px
    }

    .sm-p-15px-t {
        padding-top: 15px
    }

    .sm-p-20px-t {
        padding-top: 20px
    }

    .sm-p-25px-t {
        padding-top: 25px
    }

    .sm-p-30px-t {
        padding-top: 30px
    }

    .sm-p-35px-t {
        padding-top: 35px
    }

    .sm-p-40px-t {
        padding-top: 40px
    }

    .sm-p-45px-t {
        padding-top: 45px
    }

    .sm-p-50px-t {
        padding-top: 50px
    }

    .sm-p-55px-t {
        padding-top: 55px
    }

    .sm-p-60px-t {
        padding-top: 60px
    }

    .sm-p-65px-t {
        padding-top: 65px
    }

    .sm-p-70px-t {
        padding-top: 70px
    }

    .sm-p-75px-t {
        padding-top: 75px
    }

    .sm-p-80px-t {
        padding-top: 80px
    }

    .sm-p-85px-t {
        padding-top: 85px
    }

    .sm-p-90px-t {
        padding-top: 90px
    }

    .sm-p-95px-t {
        padding-top: 95px
    }

    .sm-p-100px-t {
        padding-top: 100px
    }

    /*Padding Bottom*/
    .sm-p-0px-b {
        padding-bottom: 0px
    }

    .sm-p-5px-b {
        padding-bottom: 5px
    }

    .sm-p-10px-b {
        padding-bottom: 10px
    }

    .sm-p-15px-b {
        padding-bottom: 15px
    }

    .sm-p-20px-b {
        padding-bottom: 20px
    }

    .sm-p-25px-b {
        padding-bottom: 25px
    }

    .sm-p-30px-b {
        padding-bottom: 30px
    }

    .sm-p-35px-b {
        padding-bottom: 35px
    }

    .sm-p-40px-b {
        padding-bottom: 40px
    }

    .sm-p-45px-b {
        padding-bottom: 45px
    }

    .sm-p-50px-b {
        padding-bottom: 50px
    }

    .sm-p-55px-b {
        padding-bottom: 55px
    }

    .sm-p-60px-b {
        padding-bottom: 60px
    }

    .sm-p-65px-b {
        padding-bottom: 65px
    }

    .sm-p-70px-b {
        padding-bottom: 70px
    }

    .sm-p-75px-b {
        padding-bottom: 75px
    }

    .sm-p-80px-b {
        padding-bottom: 80px
    }

    .sm-p-85px-b {
        padding-bottom: 85px
    }

    .sm-p-90px-b {
        padding-bottom: 90px
    }

    .sm-p-95px-b {
        padding-bottom: 95px
    }

    .sm-p-100px-b {
        padding-bottom: 100px
    }

    /*Padding Left*/
    .sm-p-0px-l {
        padding-left: 0px
    }

    .sm-p-5px-l {
        padding-left: 5px
    }

    .sm-p-10px-l {
        padding-left: 10px
    }

    .sm-p-15px-l {
        padding-left: 15px
    }

    .sm-p-20px-l {
        padding-left: 20px
    }

    .sm-p-25px-l {
        padding-left: 25px
    }

    .sm-p-30px-l {
        padding-left: 30px
    }

    .sm-p-35px-l {
        padding-left: 35px
    }

    .sm-p-40px-l {
        padding-left: 40px
    }

    .sm-p-45px-l {
        padding-left: 45px
    }

    .sm-p-50px-l {
        padding-left: 50px
    }

    .sm-p-55px-l {
        padding-left: 55px
    }

    .sm-p-60px-l {
        padding-left: 60px
    }

    .sm-p-65px-l {
        padding-left: 65px
    }

    .sm-p-70px-l {
        padding-left: 70px
    }

    .sm-p-75px-l {
        padding-left: 75px
    }

    .sm-p-80px-l {
        padding-left: 80px
    }

    .sm-p-85px-l {
        padding-left: 85px
    }

    .sm-p-90px-l {
        padding-left: 90px
    }

    .sm-p-95px-l {
        padding-left: 95px
    }

    .sm-p-100px-l {
        padding-left: 100px
    }

    /*Padding right*/
    .sm-p-0px-r {
        padding-left: 0px
    }

    .sm-p-5px-r {
        padding-left: 5px
    }

    .sm-p-10px-r {
        padding-left: 10px
    }

    .sm-p-15px-r {
        padding-left: 15px
    }

    .sm-p-20px-r {
        padding-left: 20px
    }

    .sm-p-25px-r {
        padding-left: 25px
    }

    .sm-p-30px-r {
        padding-left: 30px
    }

    .sm-p-35px-r {
        padding-left: 35px
    }

    .sm-p-40px-r {
        padding-left: 40px
    }

    .sm-p-45px-r {
        padding-left: 45px
    }

    .sm-p-50px-r {
        padding-left: 50px
    }

    .sm-p-55px-r {
        padding-left: 55px
    }

    .sm-p-60px-r {
        padding-left: 60px
    }

    .sm-p-65px-r {
        padding-left: 65px
    }

    .sm-p-70px-r {
        padding-left: 70px
    }

    .sm-p-75px-r {
        padding-left: 75px
    }

    .sm-p-80px-r {
        padding-left: 80px
    }

    .sm-p-85px-r {
        padding-left: 85px
    }

    .sm-p-90px-r {
        padding-left: 90px
    }

    .sm-p-95px-r {
        padding-left: 95px
    }

    .sm-p-100px-r {
        padding-left: 100px
    }

    /*Padding All %*/
    .sm-p-1 {
        padding: 1%;
    }

    .sm-p-1-half {
        padding: 1.5%;
    }

    .sm-p-2 {
        padding: 2%;
    }

    .sm-p-2-half {
        padding: 2.5%;
    }

    .sm-p-3 {
        padding: 3%;
    }

    .sm-p-3-half {
        padding: 3.5%;
    }

    .sm-p-4 {
        padding: 4%;
    }

    .sm-p-4-half {
        padding: 4.5%;
    }

    .sm-p-5 {
        padding: 5%;
    }

    .sm-p-5-half {
        padding: 5.5%;
    }

    .sm-p-6 {
        padding: 6%;
    }

    .sm-p-6-half {
        padding: 6.5%;
    }

    .sm-p-7 {
        padding: 7%;
    }

    .sm-p-7-half {
        padding: 7.5%;
    }

    .sm-p-8 {
        padding: 8%;
    }

    .sm-p-8-half {
        padding: 8.5%;
    }

    .sm-p-9 {
        padding: 9%;
    }

    .sm-p-9-half {
        padding: 9.5%;
    }

    .sm-p-10 {
        padding: 10%;
    }

    .sm-p-10-half {
        padding: 10.5%;
    }

    .sm-p-11 {
        padding: 11%;
    }

    .sm-p-11-half {
        padding: 11.5%;
    }

    .sm-p-12 {
        padding: 12%;
    }

    .sm-p-12-half {
        padding: 12.5%;
    }

    .sm-p-13 {
        padding: 13%;
    }

    .sm-p-13-half {
        padding: 13.5%;
    }

    .sm-p-14 {
        padding: 14%;
    }

    .sm-p-14-half {
        padding: 14.5%;
    }

    .sm-p-15 {
        padding: 15%;
    }

    .sm-p-15-half {
        padding: 15.5%;
    }

    .sm-p-16 {
        padding: 16%;
    }

    .sm-p-16-half {
        padding: 16.5%;
    }

    .sm-p-17 {
        padding: 17%;
    }

    .sm-p-17-half {
        padding: 17.5%;
    }

    .sm-p-18 {
        padding: 18%;
    }

    .sm-p-18-half {
        padding: 18.5%;
    }

    .sm-p-19 {
        padding: 19%;
    }

    .sm-p-19-half {
        padding: 19.5%;
    }

    .sm-p-20 {
        padding: 20%;
    }

    .sm-p-20-half {
        padding: 20.5%;
    }

    .sm-p-21 {
        padding: 21%;
    }

    .sm-p-21-half {
        padding: 21.5%;
    }

    .sm-p-22 {
        padding: 22%;
    }

    .sm-p-22-half {
        padding: 22.5%;
    }

    .sm-p-23 {
        padding: 23%;
    }

    .sm-p-23-half {
        padding: 23.5%;
    }

    .sm-p-24 {
        padding: 24%;
    }

    .sm-p-24-half {
        padding: 24.5%;
    }

    .sm-p-25 {
        padding: 25%;
    }

    .sm-p-25-half {
        padding: 25.5%;
    }

    .sm-p-1-l {
        padding-left: 1%;
    }

    .sm-p-1-half-l {
        padding-left: 1.5%;
    }

    .sm-p-2-l {
        padding-left: 2%;
    }

    .sm-p-2-half-l {
        padding-left: 2.5%;
    }

    .sm-p-3-l {
        padding-left: 3%;
    }

    .sm-p-3-half-l {
        padding-left: 3.5%;
    }

    .sm-p-4-l {
        padding-left: 4%;
    }

    .sm-p-4-half-l {
        padding-left: 4.5%;
    }

    .sm-p-5-l {
        padding-left: 5%;
    }

    .sm-p-5-half-l {
        padding-left: 5.5%;
    }

    .sm-p-6-l {
        padding-left: 6%;
    }

    .sm-p-6-half-l {
        padding-left: 6.5%;
    }

    .sm-p-7-l {
        padding-left: 7%;
    }

    .sm-p-7-half-l {
        padding-left: 7.5%;
    }

    .sm-p-8-l {
        padding-left: 8%;
    }

    .sm-p-8-half-l {
        padding-left: 8.5%;
    }

    .sm-p-9-l {
        padding-left: 9%;
    }

    .sm-p-9-half-l {
        padding-left: 9.5%;
    }

    .sm-p-10-l {
        padding-left: 10%;
    }

    .sm-p-10-half-l {
        padding-left: 10.5%;
    }

    .sm-p-11-l {
        padding-left: 11%;
    }

    .sm-p-11-half-l {
        padding-left: 11.5%;
    }

    .sm-p-12-l {
        padding-left: 12%;
    }

    .sm-p-12-half-l {
        padding-left: 12.5%;
    }

    .sm-p-13-l {
        padding-left: 13%;
    }

    .sm-p-13-half-l {
        padding-left: 13.5%;
    }

    .sm-p-14-l {
        padding-left: 14%;
    }

    .sm-p-14-half-l {
        padding-left: 14.5%;
    }

    .sm-p-15-l {
        padding-left: 15%;
    }

    .sm-p-15-half-l {
        padding-left: 15.5%;
    }

    .sm-p-16-l {
        padding-left: 16%;
    }

    .sm-p-16-half-l {
        padding-left: 16.5%;
    }

    .sm-p-17-l {
        padding-left: 17%;
    }

    .sm-p-17-half-l {
        padding-left: 17.5%;
    }

    .sm-p-18-l {
        padding-left: 18%;
    }

    .sm-p-18-half-l {
        padding-left: 18.5%;
    }

    .sm-p-19-l {
        padding-left: 19%;
    }

    .sm-p-19-half-l {
        padding-left: 19.5%;
    }

    .sm-p-20-l {
        padding-left: 20%;
    }

    .sm-p-20-half-l {
        padding-left: 20.5%;
    }

    .sm-p-21-l {
        padding-left: 21%;
    }

    .sm-p-21-half-l {
        padding-left: 21.5%;
    }

    .sm-p-22-l {
        padding-left: 22%;
    }

    .sm-p-22-half-l {
        padding-left: 22.5%;
    }

    .sm-p-23-l {
        padding-left: 23%;
    }

    .sm-p-23-half-l {
        padding-left: 23.5%;
    }

    .sm-p-24-l {
        padding-left: 24%;
    }

    .sm-p-24-half-l {
        padding-left: 24.5%;
    }

    .sm-p-25-l {
        padding-left: 25%;
    }

    .sm-p-25-half-l {
        padding-left: 25.5%;
    }


    .sm-p-1-r {
        padding-right: 1%;
    }

    .sm-p-1-half-r {
        padding-right: 1.5%;
    }

    .sm-p-2-r {
        padding-right: 2%;
    }

    .sm-p-2-half-r {
        padding-right: 2.5%;
    }

    .sm-p-3-r {
        padding-right: 3%;
    }

    .sm-p-3-half-r {
        padding-right: 3.5%;
    }

    .sm-p-4-r {
        padding-right: 4%;
    }

    .sm-p-4-half-r {
        padding-right: 4.5%;
    }

    .sm-p-5-r {
        padding-right: 5%;
    }

    .sm-p-5-half-r {
        padding-right: 5.5%;
    }

    .sm-p-6-r {
        padding-right: 6%;
    }

    .sm-p-6-half-r {
        padding-right: 6.5%;
    }

    .sm-p-7-r {
        padding-right: 7%;
    }

    .sm-p-7-half-r {
        padding-right: 7.5%;
    }

    .sm-p-8-r {
        padding-right: 8%;
    }

    .sm-p-8-half-r {
        padding-right: 8.5%;
    }

    .sm-p-9-r {
        padding-right: 9%;
    }

    .sm-p-9-half-r {
        padding-right: 9.5%;
    }

    .sm-p-10-r {
        padding-right: 10%;
    }

    .sm-p-10-half-r {
        padding-right: 10.5%;
    }

    .sm-p-11-r {
        padding-right: 11%;
    }

    .sm-p-11-half-r {
        padding-right: 11.5%;
    }

    .sm-p-12-r {
        padding-right: 12%;
    }

    .sm-p-12-half-r {
        padding-right: 12.5%;
    }

    .sm-p-13-r {
        padding-right: 13%;
    }

    .sm-p-13-half-r {
        padding-right: 13.5%;
    }

    .sm-p-14-r {
        padding-right: 14%;
    }

    .sm-p-14-half-r {
        padding-right: 14.5%;
    }

    .sm-p-15-r {
        padding-right: 15%;
    }

    .sm-p-15-half-r {
        padding-right: 15.5%;
    }

    .sm-p-16-r {
        padding-right: 16%;
    }

    .sm-p-16-half-r {
        padding-right: 16.5%;
    }

    .sm-p-17-r {
        padding-right: 17%;
    }

    .sm-p-17-half-r {
        padding-right: 17.5%;
    }

    .sm-p-18-r {
        padding-right: 18%;
    }

    .sm-p-18-half-r {
        padding-right: 18.5%;
    }

    .sm-p-19-r {
        padding-right: 19%;
    }

    .sm-p-19-half-r {
        padding-right: 19.5%;
    }

    .sm-p-20-r {
        padding-right: 20%;
    }

    .sm-p-20-half-r {
        padding-right: 20.5%;
    }

    .sm-p-21-r {
        padding-right: 21%;
    }

    .sm-p-21-half-r {
        padding-right: 21.5%;
    }

    .sm-p-22-r {
        padding-right: 22%;
    }

    .sm-p-22-half-r {
        padding-right: 22.5%;
    }

    .sm-p-23-r {
        padding-right: 23%;
    }

    .sm-p-23-half-r {
        padding-right: 23.5%;
    }

    .sm-p-24-r {
        padding-right: 24%;
    }

    .sm-p-24-half-r {
        padding-right: 24.5%;
    }

    .sm-p-25-r {
        padding-right: 25%;
    }

    .sm-p-25-half-r {
        padding-right: 25.5%;
    }

    .sm-p-1-t {
        padding-top: 1%;
    }

    .sm-p-1-half-t {
        padding-top: 1.5%;
    }

    .sm-p-2-t {
        padding-top: 2%;
    }

    .sm-p-2-half-t {
        padding-top: 2.5%;
    }

    .sm-p-3-t {
        padding-top: 3%;
    }

    .sm-p-3-half-t {
        padding-top: 3.5%;
    }

    .sm-p-4-t {
        padding-top: 4%;
    }

    .sm-p-4-half-t {
        padding-top: 4.5%;
    }

    .sm-p-5-t {
        padding-top: 5%;
    }

    .sm-p-5-half-t {
        padding-top: 5.5%;
    }

    .sm-p-6-t {
        padding-top: 6%;
    }

    .sm-p-6-half-t {
        padding-top: 6.5%;
    }

    .sm-p-7-t {
        padding-top: 7%;
    }

    .sm-p-7-half-t {
        padding-top: 7.5%;
    }

    .sm-p-8-t {
        padding-top: 8%;
    }

    .sm-p-8-half-t {
        padding-top: 8.5%;
    }

    .sm-p-9-t {
        padding-top: 9%;
    }

    .sm-p-9-half-t {
        padding-top: 9.5%;
    }

    .sm-p-10-t {
        padding-top: 10%;
    }

    .sm-p-10-half-t {
        padding-top: 10.5%;
    }

    .sm-p-11-t {
        padding-top: 11%;
    }

    .sm-p-11-half-t {
        padding-top: 11.5%;
    }

    .sm-p-12-t {
        padding-top: 12%;
    }

    .sm-p-12-half-t {
        padding-top: 12.5%;
    }

    .sm-p-13-t {
        padding-top: 13%;
    }

    .sm-p-13-half-t {
        padding-top: 13.5%;
    }

    .sm-p-14-t {
        padding-top: 14%;
    }

    .sm-p-14-half-t {
        padding-top: 14.5%;
    }

    .sm-p-15-t {
        padding-top: 15%;
    }

    .sm-p-15-half-t {
        padding-top: 15.5%;
    }

    .sm-p-16-t {
        padding-top: 16%;
    }

    .sm-p-16-half-t {
        padding-top: 16.5%;
    }

    .sm-p-17-t {
        padding-top: 17%;
    }

    .sm-p-17-half-t {
        padding-top: 17.5%;
    }

    .sm-p-18-t {
        padding-top: 18%;
    }

    .sm-p-18-half-t {
        padding-top: 18.5%;
    }

    .sm-p-19-t {
        padding-top: 19%;
    }

    .sm-p-19-half-t {
        padding-top: 19.5%;
    }

    .sm-p-20-t {
        padding-top: 20%;
    }

    .sm-p-20-half-t {
        padding-top: 20.5%;
    }

    .sm-p-21-t {
        padding-top: 21%;
    }

    .sm-p-21-half-t {
        padding-top: 21.5%;
    }

    .sm-p-22-t {
        padding-top: 22%;
    }

    .sm-p-22-half-t {
        padding-top: 22.5%;
    }

    .sm-p-23-t {
        padding-top: 23%;
    }

    .sm-p-23-half-t {
        padding-top: 23.5%;
    }

    .sm-p-24-t {
        padding-top: 24%;
    }

    .sm-p-24-half-t {
        padding-top: 24.5%;
    }

    .sm-p-25-t {
        padding-top: 25%;
    }

    .sm-p-25-half-t {
        padding-top: 25.5%;
    }

    .sm-p-1-b {
        padding-bottom: 1%;
    }

    .sm-p-1-half-b {
        padding-bottom: 1.5%;
    }

    .sm-p-2-b {
        padding-bottom: 2%;
    }

    .sm-p-2-half-b {
        padding-bottom: 2.5%;
    }

    .sm-p-3-b {
        padding-bottom: 3%;
    }

    .sm-p-3-half-b {
        padding-bottom: 3.5%;
    }

    .sm-p-4-b {
        padding-bottom: 4%;
    }

    .sm-p-4-half-b {
        padding-bottom: 4.5%;
    }

    .sm-p-5-b {
        padding-bottom: 5%;
    }

    .sm-p-5-half-b {
        padding-bottom: 5.5%;
    }

    .sm-p-6-b {
        padding-bottom: 6%;
    }

    .sm-p-6-half-b {
        padding-bottom: 6.5%;
    }

    .sm-p-7-b {
        padding-bottom: 7%;
    }

    .sm-p-7-half-b {
        padding-bottom: 7.5%;
    }

    .sm-p-8-b {
        padding-bottom: 8%;
    }

    .sm-p-8-half-b {
        padding-bottom: 8.5%;
    }

    .sm-p-9-b {
        padding-bottom: 9%;
    }

    .sm-p-9-half-b {
        padding-bottom: 9.5%;
    }

    .sm-p-10-b {
        padding-bottom: 10%;
    }

    .sm-p-10-half-b {
        padding-bottom: 10.5%;
    }

    .sm-p-11-b {
        padding-bottom: 11%;
    }

    .sm-p-11-half-b {
        padding-bottom: 11.5%;
    }

    .sm-p-12-b {
        padding-bottom: 12%;
    }

    .sm-p-12-half-b {
        padding-bottom: 12.5%;
    }

    .sm-p-13-b {
        padding-bottom: 13%;
    }

    .sm-p-13-half-b {
        padding-bottom: 13.5%;
    }

    .sm-p-14-b {
        padding-bottom: 14%;
    }

    .sm-p-14-half-b {
        padding-bottom: 14.5%;
    }

    .sm-p-15-b {
        padding-bottom: 15%;
    }

    .sm-p-15-half-b {
        padding-bottom: 15.5%;
    }

    .sm-p-16-b {
        padding-bottom: 16%;
    }

    .sm-p-16-half-b {
        padding-bottom: 16.5%;
    }

    .sm-p-17-b {
        padding-bottom: 17%;
    }

    .sm-p-17-half-b {
        padding-bottom: 17.5%;
    }

    .sm-p-18-b {
        padding-bottom: 18%;
    }

    .sm-p-18-half-b {
        padding-bottom: 18.5%;
    }

    .sm-p-19-b {
        padding-bottom: 19%;
    }

    .sm-p-19-half-b {
        padding-bottom: 19.5%;
    }

    .sm-p-20-b {
        padding-bottom: 20%;
    }

    .sm-p-20-half-b {
        padding-bottom: 20.5%;
    }

    .sm-p-21-b {
        padding-bottom: 21%;
    }

    .sm-p-21-half-b {
        padding-bottom: 21.5%;
    }

    .sm-p-22-b {
        padding-bottom: 22%;
    }

    .sm-p-22-half-b {
        padding-bottom: 22.5%;
    }

    .sm-p-23-b {
        padding-bottom: 23%;
    }

    .sm-p-23-half-b {
        padding-bottom: 23.5%;
    }

    .sm-p-24-b {
        padding-bottom: 24%;
    }

    .sm-p-24-half-b {
        padding-bottom: 24.5%;
    }

    .sm-p-25-b {
        padding-bottom: 25%;
    }

    .sm-p-25-half-b {
        padding-bottom: 25.5%;
    }
}


/*================================
  37. 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-100px {
    width: 100px;
}

.w-120px {
    width: 120px;
}

.w-130px {
    width: 130px;
}

.w-150px {
    width: 150px;
}

.w-180px {
    width: 180px;
}

.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-12 {
    width: 12%;
}

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

.w-50vh {
    width: 50vh;
}

.w-100vh {
    width: 100vh;
}

.min-w-100 {
    min-width: 100%;
}

@media (max-width: 1200px) {
    .lg-w-1px {
        width: 1px;
    }

    .lg-w-2px {
        width: 2px;
    }

    .lg-w-3px {
        width: 3px;
    }

    .lg-w-4px {
        width: 4px;
    }

    .lg-w-5px {
        width: 5px;
    }

    .lg-w-6px {
        width: 6px;
    }

    .lg-w-7px {
        width: 7px;
    }

    .lg-w-8px {
        width: 8px;
    }

    .lg-w-9px {
        width: 9px;
    }

    .lg-w-10px {
        width: 10px;
    }

    .lg-w-15px {
        width: 15px;
    }

    .lg-w-20px {
        width: 20px;
    }

    .lg-w-25px {
        width: 25px;
    }

    .lg-w-30px {
        width: 30px;
    }

    .lg-w-35px {
        width: 35px;
    }

    .lg-w-40px {
        width: 40px;
    }

    .lg-w-45px {
        width: 45px;
    }

    .lg-w-50px {
        width: 50px;
    }

    .lg-w-55px {
        width: 55px;
    }

    .lg-w-60px {
        width: 60px;
    }

    .lg-w-65px {
        width: 65px;
    }

    .lg-w-70px {
        width: 70px;
    }

    .lg-w-75px {
        width: 75px;
    }

    .lg-w-80px {
        width: 80px;
    }

    .lg-w-85px {
        width: 85px;
    }

    .lg-w-90px {
        width: 90px;
    }

    .lg-w-100px {
        width: 100px;
    }

    .lg-w-120px {
        width: 120px;
    }

    .lg-w-130px {
        width: 130px;
    }

    .lg-w-150px {
        width: 150px;
    }

    .lg-w-180px {
        width: 180px;
    }

    .lg-w-200px {
        width: 200px;
    }

    .lg-w-250px {
        width: 250px;
    }

    .lg-w-300px {
        width: 300px;
    }

    .lg-w-350px {
        width: 350px;
    }

    .lg-w-400px {
        width: 400px;
    }

    .lg-w-450px {
        width: 450px;
    }

    .lg-w-500px {
        width: 500px;
    }

    .lg-w-550px {
        width: 550px;
    }

    .lg-w-600px {
        width: 600px;
    }

    .lg-w-650px {
        width: 650px;
    }

    .lg-w-700px {
        width: 700px;
    }

    .lg-w-750px {
        width: 750px;
    }

    .lg-w-800px {
        width: 800px;
    }

    .lg-w-850px {
        width: 850px;
    }

    .lg-w-900px {
        width: 900px;
    }

    .lg-w-950px {
        width: 950px;
    }

    .lg-w-1000px {
        width: 1000px;
    }

    .lg-w-10 {
        width: 10%;
    }

    .lg-w-12 {
        width: 12%;
    }

    .lg-w-15 {
        width: 15%;
    }

    .lg-w-20 {
        width: 20%;
    }

    .lg-w-25 {
        width: 25%;
    }

    .lg-w-30 {
        width: 30%;
    }

    .lg-w-35 {
        width: 35%;
    }

    .lg-w-40 {
        width: 40%;
    }

    .lg-w-45 {
        width: 45%;
    }

    .lg-w-50 {
        width: 50%;
    }

    .lg-w-55 {
        width: 55%;
    }

    .lg-w-60 {
        width: 60%;
    }

    .lg-w-65 {
        width: 65%;
    }

    .lg-w-70 {
        width: 70%;
    }

    .lg-w-75 {
        width: 75%;
    }

    .lg-w-80 {
        width: 80%;
    }

    .lg-w-85 {
        width: 85%;
    }

    .lg-w-90 {
        width: 90%;
    }

    .lg-w-95 {
        width: 95%;
    }

    .lg-w-100 {
        width: 100%;
    }

    .lg-w-auto {
        width: auto
    }

    .lg-w-50vh {
        width: 50vh;
    }

    .lg-w-100vh {
        width: 100vh;
    }

    .lg-min-w-100 {
        min-width: 100%;
    }
}

@media (max-width: 991px) {
    .md-w-1px {
        width: 1px;
    }

    .md-w-2px {
        width: 2px;
    }

    .md-w-3px {
        width: 3px;
    }

    .md-w-4px {
        width: 4px;
    }

    .md-w-5px {
        width: 5px;
    }

    .md-w-6px {
        width: 6px;
    }

    .md-w-7px {
        width: 7px;
    }

    .md-w-8px {
        width: 8px;
    }

    .md-w-9px {
        width: 9px;
    }

    .md-w-10px {
        width: 10px;
    }

    .md-w-15px {
        width: 15px;
    }

    .md-w-20px {
        width: 20px;
    }

    .md-w-25px {
        width: 25px;
    }

    .md-w-30px {
        width: 30px;
    }

    .md-w-35px {
        width: 35px;
    }

    .md-w-40px {
        width: 40px;
    }

    .md-w-45px {
        width: 45px;
    }

    .md-w-50px {
        width: 50px;
    }

    .md-w-55px {
        width: 55px;
    }

    .md-w-60px {
        width: 60px;
    }

    .md-w-65px {
        width: 65px;
    }

    .md-w-70px {
        width: 70px;
    }

    .md-w-75px {
        width: 75px;
    }

    .md-w-80px {
        width: 80px;
    }

    .md-w-85px {
        width: 85px;
    }

    .md-w-90px {
        width: 90px;
    }

    .md-w-100px {
        width: 100px;
    }

    .md-w-120px {
        width: 120px;
    }

    .md-w-130px {
        width: 130px;
    }

    .md-w-150px {
        width: 150px;
    }

    .md-w-180px {
        width: 180px;
    }

    .md-w-200px {
        width: 200px;
    }

    .md-w-250px {
        width: 250px;
    }

    .md-w-300px {
        width: 300px;
    }

    .md-w-350px {
        width: 350px;
    }

    .md-w-400px {
        width: 400px;
    }

    .md-w-450px {
        width: 450px;
    }

    .md-w-500px {
        width: 500px;
    }

    .md-w-550px {
        width: 550px;
    }

    .md-w-600px {
        width: 600px;
    }

    .md-w-650px {
        width: 650px;
    }

    .md-w-700px {
        width: 700px;
    }

    .md-w-750px {
        width: 750px;
    }

    .md-w-800px {
        width: 800px;
    }

    .md-w-850px {
        width: 850px;
    }

    .md-w-900px {
        width: 900px;
    }

    .md-w-950px {
        width: 950px;
    }

    .md-w-1000px {
        width: 1000px;
    }

    .md-w-10 {
        width: 10%;
    }

    .md-w-12 {
        width: 12%;
    }

    .md-w-15 {
        width: 15%;
    }

    .md-w-20 {
        width: 20%;
    }

    .md-w-25 {
        width: 25%;
    }

    .md-w-30 {
        width: 30%;
    }

    .md-w-35 {
        width: 35%;
    }

    .md-w-40 {
        width: 40%;
    }

    .md-w-45 {
        width: 45%;
    }

    .md-w-50 {
        width: 50%;
    }

    .md-w-55 {
        width: 55%;
    }

    .md-w-60 {
        width: 60%;
    }

    .md-w-65 {
        width: 65%;
    }

    .md-w-70 {
        width: 70%;
    }

    .md-w-75 {
        width: 75%;
    }

    .md-w-80 {
        width: 80%;
    }

    .md-w-85 {
        width: 85%;
    }

    .md-w-90 {
        width: 90%;
    }

    .md-w-95 {
        width: 95%;
    }

    .md-w-100 {
        width: 100%;
    }

    .md-w-auto {
        width: auto
    }

    .md-w-50vh {
        width: 50vh;
    }

    .md-w-100vh {
        width: 100vh;
    }

    .md-min-w-100 {
        min-width: 100%;
    }
}

@media (max-width: 767px) {
    .sm-w-1px {
        width: 1px;
    }

    .sm-w-2px {
        width: 2px;
    }

    .sm-w-3px {
        width: 3px;
    }

    .sm-w-4px {
        width: 4px;
    }

    .sm-w-5px {
        width: 5px;
    }

    .sm-w-6px {
        width: 6px;
    }

    .sm-w-7px {
        width: 7px;
    }

    .sm-w-8px {
        width: 8px;
    }

    .sm-w-9px {
        width: 9px;
    }

    .sm-w-10px {
        width: 10px;
    }

    .sm-w-15px {
        width: 15px;
    }

    .sm-w-20px {
        width: 20px;
    }

    .sm-w-25px {
        width: 25px;
    }

    .sm-w-30px {
        width: 30px;
    }

    .sm-w-35px {
        width: 35px;
    }

    .sm-w-40px {
        width: 40px;
    }

    .sm-w-45px {
        width: 45px;
    }

    .sm-w-50px {
        width: 50px;
    }

    .sm-w-55px {
        width: 55px;
    }

    .sm-w-60px {
        width: 60px;
    }

    .sm-w-65px {
        width: 65px;
    }

    .sm-w-70px {
        width: 70px;
    }

    .sm-w-75px {
        width: 75px;
    }

    .sm-w-80px {
        width: 80px;
    }

    .sm-w-85px {
        width: 85px;
    }

    .sm-w-90px {
        width: 90px;
    }

    .sm-w-100px {
        width: 100px;
    }

    .sm-w-120px {
        width: 120px;
    }

    .sm-w-130px {
        width: 130px;
    }

    .sm-w-150px {
        width: 150px;
    }

    .sm-w-180px {
        width: 180px;
    }

    .sm-w-200px {
        width: 200px;
    }

    .sm-w-250px {
        width: 250px;
    }

    .sm-w-300px {
        width: 300px;
    }

    .sm-w-350px {
        width: 350px;
    }

    .sm-w-400px {
        width: 400px;
    }

    .sm-w-450px {
        width: 450px;
    }

    .sm-w-500px {
        width: 500px;
    }

    .sm-w-550px {
        width: 550px;
    }

    .sm-w-600px {
        width: 600px;
    }

    .sm-w-650px {
        width: 650px;
    }

    .sm-w-700px {
        width: 700px;
    }

    .sm-w-750px {
        width: 750px;
    }

    .sm-w-800px {
        width: 800px;
    }

    .sm-w-850px {
        width: 850px;
    }

    .sm-w-900px {
        width: 900px;
    }

    .sm-w-950px {
        width: 950px;
    }

    .sm-w-1000px {
        width: 1000px;
    }

    .sm-w-10 {
        width: 10%;
    }

    .sm-w-12 {
        width: 12%;
    }

    .sm-w-15 {
        width: 15%;
    }

    .sm-w-20 {
        width: 20%;
    }

    .sm-w-25 {
        width: 25%;
    }

    .sm-w-30 {
        width: 30%;
    }

    .sm-w-35 {
        width: 35%;
    }

    .sm-w-40 {
        width: 40%;
    }

    .sm-w-45 {
        width: 45%;
    }

    .sm-w-50 {
        width: 50%;
    }

    .sm-w-55 {
        width: 55%;
    }

    .sm-w-60 {
        width: 60%;
    }

    .sm-w-65 {
        width: 65%;
    }

    .sm-w-70 {
        width: 70%;
    }

    .sm-w-75 {
        width: 75%;
    }

    .sm-w-80 {
        width: 80%;
    }

    .sm-w-85 {
        width: 85%;
    }

    .sm-w-90 {
        width: 90%;
    }

    .sm-w-95 {
        width: 95%;
    }

    .sm-w-100 {
        width: 100%;
    }

    .sm-w-auto {
        width: auto
    }

    .sm-w-50vh {
        width: 50vh;
    }

    .sm-w-100vh {
        width: 100vh;
    }

    .sm-min-w-100 {
        min-width: 100%;
    }
}
/* ===================================
  38. Height
====================================== */
.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-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-100px {
    height: 100px;
}

.h-120px {
    height: 120px;
}

.h-130px {
    height: 130px;
}

.h-150px {
    height: 150px;
}

.h-180px {
    height: 180px;
}

.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-500px {
    height: 500px;
}

.h-550px {
    height: 550px;
}

.h-600px {
    height: 600px;
}

.h-650px {
    height: 650px;
}

.h-700px {
    height: 700px;
}

.h-750px {
    height: 750px;
}

.h-800px {
    height: 800px;
}

.h-850px {
    height: 850px;
}

.h-900px {
    height: 900px;
}

.h-950px {
    height: 950px;
}

.h-1000px {
    height: 1000px;
}

.h-50vh {
    height: 50vh;
}

.h-100vh {
    height: 100vh;
}

.min-h-100vh {
    min-height: 100vh;
}

.min-h-100 {
    min-height: 100%;
}

@media (max-width: 1200px) {
    .lg-h-1px {
        height: 1px;
    }

    .lg-h-2px {
        height: 2px;
    }

    .lg-h-3px {
        height: 3px;
    }

    .lg-h-4px {
        height: 4px;
    }

    .lg-h-5px {
        height: 5px;
    }

    .lg-h-6px {
        height: 6px;
    }

    .lg-h-7px {
        height: 7px;
    }

    .lg-h-8px {
        height: 8px;
    }

    .lg-h-9px {
        height: 9px;
    }

    .lg-h-10px {
        height: 10px;
    }

    .lg-h-15px {
        height: 15px;
    }

    .lg-h-20px {
        height: 20px;
    }

    .lg-h-25px {
        height: 25px;
    }

    .lg-h-30px {
        height: 30px;
    }

    .lg-h-35px {
        height: 35px;
    }

    .lg-h-40px {
        height: 40px;
    }

    .lg-h-45px {
        height: 45px;
    }

    .lg-h-50px {
        height: 50px;
    }

    .lg-h-55px {
        height: 55px;
    }

    .lg-h-60px {
        height: 60px;
    }

    .lg-h-65px {
        height: 65px;
    }

    .lg-h-70px {
        height: 70px;
    }

    .lg-h-75px {
        height: 75px;
    }

    .lg-h-80px {
        height: 80px;
    }

    .lg-h-85px {
        height: 85px;
    }

    .lg-h-90px {
        height: 90px;
    }

    .lg-h-100px {
        height: 100px;
    }

    .lg-h-120px {
        height: 120px;
    }

    .lg-h-130px {
        height: 130px;
    }

    .lg-h-150px {
        height: 150px;
    }

    .lg-h-180px {
        height: 180px;
    }

    .lg-h-200px {
        height: 200px;
    }

    .lg-h-250px {
        height: 250px;
    }

    .lg-h-300px {
        height: 300px;
    }

    .lg-h-350px {
        height: 350px;
    }

    .lg-h-400px {
        height: 400px;
    }

    .lg-h-450px {
        height: 450px;
    }

    .lg-h-500px {
        height: 500px;
    }

    .lg-h-550px {
        height: 550px;
    }

    .lg-h-600px {
        height: 600px;
    }

    .lg-h-650px {
        height: 650px;
    }

    .lg-h-700px {
        height: 700px;
    }

    .lg-h-750px {
        height: 750px;
    }

    .lg-h-800px {
        height: 800px;
    }

    .lg-h-850px {
        height: 850px;
    }

    .lg-h-900px {
        height: 900px;
    }

    .lg-h-950px {
        height: 950px;
    }

    .lg-h-1000px {
        height: 1000px;
    }

    .lg-h-50vh {
        height: 50vh;
    }

    .lg-h-100vh {
        height: 100vh;
    }

    .lg-min-h-100 {
        min-height: 100%;
    }
}

@media (max-width: 991px) {
    .md-h-1px {
        height: 1px;
    }

    .md-h-2px {
        height: 2px;
    }

    .md-h-3px {
        height: 3px;
    }

    .md-h-4px {
        height: 4px;
    }

    .md-h-5px {
        height: 5px;
    }

    .md-h-6px {
        height: 6px;
    }

    .md-h-7px {
        height: 7px;
    }

    .md-h-8px {
        height: 8px;
    }

    .md-h-9px {
        height: 9px;
    }

    .md-h-10px {
        height: 10px;
    }

    .md-h-15px {
        height: 15px;
    }

    .md-h-20px {
        height: 20px;
    }

    .md-h-25px {
        height: 25px;
    }

    .md-h-30px {
        height: 30px;
    }

    .md-h-45px {
        height: 45px;
    }

    .md-h-35px {
        height: 35px;
    }

    .md-h-40px {
        height: 40px;
    }

    .md-h-50px {
        height: 50px;
    }

    .md-h-55px {
        height: 55px;
    }

    .md-h-60px {
        height: 60px;
    }

    .md-h-65px {
        height: 65px;
    }

    .md-h-70px {
        height: 70px;
    }

    .md-h-75px {
        height: 75px;
    }

    .md-h-80px {
        height: 80px;
    }

    .md-h-85px {
        height: 85px;
    }

    .md-h-90px {
        height: 90px;
    }

    .md-h-100px {
        height: 100px;
    }

    .md-h-120px {
        height: 120px;
    }

    .md-h-130px {
        height: 130px;
    }

    .md-h-150px {
        height: 150px;
    }

    .md-h-180px {
        height: 180px;
    }

    .md-h-200px {
        height: 200px;
    }

    .md-h-250px {
        height: 250px;
    }

    .md-h-300px {
        height: 300px;
    }

    .md-h-350px {
        height: 350px;
    }

    .md-h-400px {
        height: 400px;
    }

    .md-h-450px {
        height: 450px;
    }

    .md-h-500px {
        height: 500px;
    }

    .md-h-550px {
        height: 550px;
    }

    .md-h-600px {
        height: 600px;
    }

    .md-h-650px {
        height: 650px;
    }

    .md-h-700px {
        height: 700px;
    }

    .md-h-750px {
        height: 750px;
    }

    .md-h-800px {
        height: 800px;
    }

    .md-h-850px {
        height: 850px;
    }

    .md-h-900px {
        height: 900px;
    }

    .md-h-950px {
        height: 950px;
    }

    .md-h-1000px {
        height: 1000px;
    }

    .md-h-50vh {
        height: 50vh;
    }

    .md-h-100vh {
        height: 100vh;
    }

    .md-min-h-100 {
        min-height: 100%;
    }
}

@media (max-width: 767px) {
    .sm-h-1px {
        height: 1px;
    }

    .sm-h-2px {
        height: 2px;
    }

    .sm-h-3px {
        height: 3px;
    }

    .sm-h-4px {
        height: 4px;
    }

    .sm-h-5px {
        height: 5px;
    }

    .sm-h-6px {
        height: 6px;
    }

    .sm-h-7px {
        height: 7px;
    }

    .sm-h-8px {
        height: 8px;
    }

    .sm-h-9px {
        height: 9px;
    }

    .sm-h-10px {
        height: 10px;
    }

    .sm-h-15px {
        height: 15px;
    }

    .sm-h-20px {
        height: 20px;
    }

    .sm-h-25px {
        height: 25px;
    }

    .sm-h-30px {
        height: 30px;
    }

    .sm-h-35px {
        height: 35px;
    }

    .sm-h-40px {
        height: 40px;
    }

    .sm-h-45px {
        height: 45px;
    }

    .sm-h-50px {
        height: 50px;
    }

    .sm-h-55px {
        height: 55px;
    }

    .sm-h-60px {
        height: 60px;
    }

    .sm-h-65px {
        height: 65px;
    }

    .sm-h-70px {
        height: 70px;
    }

    .sm-h-75px {
        height: 75px;
    }

    .sm-h-80px {
        height: 80px;
    }

    .sm-h-85px {
        height: 85px;
    }

    .sm-h-90px {
        height: 90px;
    }

    .sm-h-100px {
        height: 100px;
    }

    .sm-h-120px {
        height: 120px;
    }

    .sm-h-130px {
        height: 130px;
    }

    .sm-h-150px {
        height: 150px;
    }

    .sm-h-180px {
        height: 180px;
    }

    .sm-h-200px {
        height: 200px;
    }

    .sm-h-250px {
        height: 250px;
    }

    .sm-h-300px {
        height: 300px;
    }

    .sm-h-350px {
        height: 350px;
    }

    .sm-h-400px {
        height: 400px;
    }

    .sm-h-450px {
        height: 450px;
    }

    .sm-h-500px {
        height: 500px;
    }

    .sm-h-550px {
        height: 550px;
    }

    .sm-h-600px {
        height: 600px;
    }

    .sm-h-650px {
        height: 650px;
    }

    .sm-h-700px {
        height: 700px;
    }

    .sm-h-750px {
        height: 750px;
    }

    .sm-h-800px {
        height: 800px;
    }

    .sm-h-850px {
        height: 850px;
    }

    .sm-h-900px {
        height: 900px;
    }

    .sm-h-950px {
        height: 950px;
    }

    .sm-h-1000px {
        height: 1000px;
    }

    .sm-h-50vh {
        height: 50vh;
    }

    .sm-h-100vh {
        height: 100vh;
    }

    .sm-min-h-100 {
        min-height: 100%;
    }
}

/* ===================================
  39. Border Radius
====================================== */
.border-radius-0 {
    border-radius: 0;
}

.border-radius-3px {
    border-radius: 3px;
}

.border-radius-5px {
    border-radius: 5px;
}

.border-radius-10px {
    border-radius: 10px;
}

.border-radius-15px {
    border-radius: 15px;
}

.border-radius-20px {
    border-radius: 20px;
}

.border-radius-25px {
    border-radius: 25px;
}

.border-radius-30px {
    border-radius: 30px;
}

.border-radius-50 {
    border-radius: 50%
}

/*==============================
  40. Background Properties
================================*/
.bg-no-repeat {
    background-repeat: no-repeat;
}

.bg-repeat-x {
    background-repeat: repeat-x;
}

.bg-repeat-y {
    background-repeat: repeat-y;
}

.bg-cover {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.bg-center-center {
    background-position: center center;
}

.bg-center-left {
    background-position: center left;
}

.bg-center-right {
    background-position: center right;
}

.bg-top-center {
    background-position: top center
}

.bg-bottom-center {
    background-position: bottom center
}

.bg-size-100-auto {
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
}

.bg-size-auto-100 {
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%;
}

.bg-size-100 {
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
}

.bg-fixed {
    background-attachment: fixed;
}

/*==============================
  41. Border
================================*/
.border-all {
    border: 1px solid #ddd;
}

.border-t {
    border-top: 1px solid;
}

.border-b {
    border-bottom: 1px solid;
}

.border-l {
    border-left: 1px solid;
}

.border-r {
    border-right: 1px solid;
}

.border-lr {
    border-left: 1px solid;
    border-right: 1px solid;
}

.border-tb {
    border-top: 1px solid;
    border-bottom: 1px solid;
}

.border-w-1 {
    border-width: 1px;
}

.border-w-2 {
    border-width: 2px;
}

.border-w-3 {
    border-width: 3px;
}

.border-w-4 {
    border-width: 4px;
}

.border-w-5 {
    border-width: 5px;
}

.border-w-6 {
    border-width: 6px;
}

.border-w-7 {
    border-width: 7px;
}

.border-w-8 {
    border-width: 8px;
}

.border-w-9 {
    border-width: 9px;
}

.border-w-10 {
    border-width: 10px;
}

.border-dotted {
    border-style: dotted;
}

.border-dashed {
    border-style: dashed;
}

.border-solid {
    border-style: solid;
}

.border-double {
    border-style: double;
}

.border-groove {
    border-style: groove;
}

.border-ridge {
    border-style: ridge;
}

.border-inset {
    border-style: inset;
}

.border-outset {
    border-style: outset;
}

.border-hidden {
    border-style: hidden;
}

.border-transperent {
    border-color: transparent;
}

.border-black {
    border-color: #000;
}

.border-dark-m {
    border-color: #1a1a1a;
}

.border-extra-dark-gray {
    border-color: #232323;
}

.border-medium-dark-gray {
    border-color: #363636;
}

.border-light-gray {
    border-color: #f7f7f7;
}

.border-grey {
    border-color: #ddd;
}

.border-white {
    border-color: #fff;
}

.border-red {
    border-color: #f44336
}

.border-pink {
    border-color: #E91E63
}

.border-purple {
    border-color: #9C27B0
}

.border-deep-purple {
    border-color: #673AB7
}

.border-indigo {
    border-color: #3F51B5
}

.border-blue {
    border-color: #2196F3
}

.border-light-blue {
    border-color: #03A9F4
}

.border-cyan {
    border-color: #00BCD4
}

.border-teal {
    border-color: #009688
}

.border-green {
    border-color: #4CAF50
}

.border-light-green {
    border-color: #8BC34A
}

.border-lime {
    border-color: #CDDC39
}

.border-yellow {
    border-color: #FFEB3B
}

.border-amber {
    border-color: #FFC107
}

.border-orange {
    border-color: #FF9800
}

.border-deep-orange {
    border-color: #FF5722
}

.border-deep-brown {
    border-color: #795548
}

.border-blue-gray {
    border-color: #607D8B
}

.border-none {
    border: none;
}

.border-t-none {
    border-top: none;
}

.border-b-none {
    border-bottom: none;
}

.border-l-none {
    border-left: none;
}

.border-r-none {
    border-right: none;
}

@media (max-width: 1200px) {
    .lg-border-none {
        border: none;
    }

    .lg-border-t-none {
        border-top: none;
    }

    .lg-border-b-none {
        border-bottom: none;
    }

    .lg-border-l-none {
        border-left: none;
    }

    .lg-border-r-none {
        border-right: none;
    }
}

@media (max-width: 991px) {
    .md-border-none {
        border: none;
    }

    .md-border-t-none {
        border-top: none;
    }

    .md-border-b-none {
        border-bottom: none;
    }

    .md-border-l-none {
        border-left: none;
    }

    .md-border-r-none {
        border-right: none;
    }
}

@media (max-width: 767px) {
    .sm-border-none {
        border: none;
    }

    .sm-border-t-none {
        border-top: none;
    }

    .sm-border-b-none {
        border-bottom: none;
    }

    .sm-border-l-none {
        border-left: none;
    }

    .sm-border-r-none {
        border-right: none;
    }
}


/*==============================
  42. Display and overflow
================================*/
.display-block {
    display: block !important
}

.display-inline-block {
    display: inline-block !important
}

.display-inline {
    display: inline !important
}

.display-none {
    display: none !important
}

.display-inherit {
    display: inherit !important
}

.display-table {
    display: table !important
}

.display-table-cell {
    display: table-cell !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-visible {
    overflow: visible !important
}

.overflow-auto {
    overflow: auto !important
}

.v-aling-top {
    vertical-align: top;
}

.v-aling-bottom {
    vertical-align: bottom;
}

.v-aling-middle {
    vertical-align: middle;
}

.hidden {
    display: none !important;
}

@media (max-width: 1200px) {
    .lg-hidden {
        display: none !important;
    }
}

@media (max-width: 991px) {
    .md-hidden {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .sm-hidden {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .lg-hidden-min {
        display: none !important;
    }
}

@media (min-width: 991px) {
    .md-hidden-min {
        display: none !important;
    }
}

@media (min-width: 767px) {
    .sm-hidden-min {
        display: none !important;
    }
}

/*===================================
  43. Slanty section
====================================== */
.slanty-section {
    position: relative;
    overflow: hidden;
}

    .slanty-section .btm-slanty-r {
        position: absolute;
        left: -10px;
        bottom: 0;
        right: 0;
        margin: 0 auto;
        z-index: 10;
        width: 0;
        height: 0;
        border-top-color: transparent !important;
        border-bottom-color: transparent !important;
        border-style: solid;
        border-right-width: 110vw;
        border-bottom-width: 0px;
        border-top-width: 70px;
    }

    .slanty-section .btm-slanty-l {
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        margin: 0 auto;
        z-index: 10;
        width: 0;
        height: 0;
        border-top-color: transparent !important;
        border-bottom-color: transparent !important;
        border-style: solid;
        border-left-width: 100vw;
        border-bottom-width: 0px;
        border-top-width: 70px;
    }

    .slanty-section .top-slanty-l {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        margin: 0 auto;
        z-index: 10;
        width: 0;
        height: 0;
        border-top-color: transparent !important;
        border-bottom-color: transparent !important;
        border-style: solid;
        border-left-width: 100vw;
        border-top-width: 0px;
        border-bottom-width: 70px;
    }

    .slanty-section .top-slanty-r {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        margin: 0 auto;
        z-index: 10;
        width: 0;
        height: 0;
        border-top-color: transparent !important;
        border-bottom-color: transparent !important;
        border-style: solid;
        border-right-width: 100vw;
        border-top-width: 0px;
        border-bottom-width: 70px;
    }

/*===================================
  44. cav section
====================================== */
.cav-section {
    position: relative;
    overflow: hidden;
}

    .cav-section .btm-cav-r {
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        margin: 0 auto;
        z-index: 10;
        width: 0;
        height: 0;
        border-top-color: transparent !important;
        border-bottom-color: transparent !important;
        border-style: solid;
        border-left-width: 62vw;
        border-right-width: 40vw;
        border-bottom-width: 0px;
        border-top-width: 70px;
    }

    .cav-section .btm-cav-l {
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        margin: 0 auto;
        z-index: 10;
        width: 0;
        height: 0;
        border-top-color: transparent !important;
        border-bottom-color: transparent !important;
        border-style: solid;
        border-right-width: 62vw;
        border-left-width: 40vw;
        border-bottom-width: 0px;
        border-top-width: 70px;
    }

    .cav-section .top-cav-l {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        margin: 0 auto;
        z-index: 10;
        width: 0;
        height: 0;
        border-top-color: transparent !important;
        border-bottom-color: transparent !important;
        border-style: solid;
        border-right-width: 62vw;
        border-left-width: 40vw;
        border-top-width: 0px;
        border-bottom-width: 70px;
    }

    .cav-section .top-cav-r {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        margin: 0 auto;
        z-index: 10;
        width: 0;
        height: 0;
        border-top-color: transparent !important;
        border-bottom-color: transparent !important;
        border-style: solid;
        border-left-width: 62vw;
        border-right-width: 40vw;
        border-top-width: 0px;
        border-bottom-width: 70px;
    }


/*===================================
  45. Animation Effect
====================================== */

@-webkit-keyframes anim-effect-back {
    0% {
        box-shadow: 0 0 0 30px rgba(244,244,244,1);
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1.5);
        transform: scale3d(1, 1, 1.5);
    }

    50% {
        box-shadow: 0 0 0 70px rgba(244,244,244,0.6);
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1.5);
        transform: scale3d(1, 1, 1.5);
    }

    100% {
        box-shadow: 0 0 0 140px rgba(244,244,244,0);
        opacity: 0;
        -webkit-transform: scale3d(1, 1, 1.5);
        transform: scale3d(1, 1, 1.5);
    }
}

@keyframes anim-effect-back {
    0% {
        box-shadow: 0 0 0 30px rgba(244,244,244,1);
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1.5);
        transform: scale3d(1, 1, 1.5);
    }

    50% {
        box-shadow: 0 0 0 70px rgba(244,244,244,0.6);
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1.5);
        transform: scale3d(1, 1, 1.5);
    }

    100% {
        box-shadow: 0 0 0 140px rgba(244,244,244,0);
        opacity: 0;
        -webkit-transform: scale3d(1, 1, 1.5);
        transform: scale3d(1, 1, 1.5);
    }
}

.play:before {
    box-shadow: 0 0 0 80px rgba(232,232,232,1);
}

.play:before {
    -webkit-animation: 2.5s anim-effect-front 0s linear infinite;
    animation: 2.5s anim-effect-front 0s linear infinite;
}

@-webkit-keyframes anim-effect-front {
    0% {
        box-shadow: 0 0 0 20px rgba(232,232,232,1);
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 0.5);
        transform: scale3d(1, 1, 0.5);
    }

    50% {
        box-shadow: 0 0 0 40px rgba(232,232,232,0.6);
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 0.5);
        transform: scale3d(1, 1, 0.5);
    }

    100% {
        box-shadow: 0 0 0 80px rgba(232,232,232,0);
        opacity: 0;
        -webkit-transform: scale3d(1, 1, 0.5);
        transform: scale3d(1, 1, 0.5);
    }
}

@keyframes anim-effect-front {
    0% {
        box-shadow: 0 0 0 20px rgba(232,232,232,1);
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 0.5);
        transform: scale3d(1, 1, 0.5);
    }

    50% {
        box-shadow: 0 0 0 40px rgba(232,232,232,0.6);
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 0.5);
        transform: scale3d(1, 1, 0.5);
    }

    100% {
        box-shadow: 0 0 0 80px rgba(232,232,232,0);
        opacity: 0;
        -webkit-transform: scale3d(1, 1, 0.5);
        transform: scale3d(1, 1, 0.5);
    }
}

/*----------------------------------------*/
/*  31.	Cockie consent  CSS
/*----------------------------------------*/

.cookie-overlay {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    padding: 16px;
    background: rgba(0,0,0,0.75); /* overlay backdrop */
    backdrop-filter: blur(2px); /* optional (nice) */

    display: none; /* shown via jQuery fadeIn */
}

.cookie-box {
    max-width: 1100px;
    margin: 0 auto;
    background: #212529; /* Bootstrap dark vibe */
    color: #fff;
    border-radius: 10px;
    padding: 14px 16px;
    display: flex;
    gap: 14px;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    box-shadow: 0 12px 30px rgba(0,0,0,0.35);
}

.cookie-text a {
    color: #fff;
    text-decoration: underline;
}

.cookie-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}


#cookieBar {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 9999;
}

.cookie-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
    min-height: 42px;
}

.cookie-links {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.cookie-links li {
    margin: 0;
    padding: 0;
}

.cookie-links li:not(:last-child)::after {
    content: "|";
    margin-left: 10px;
    color: #00aeef;
}