@charset "utf-8";
    @import url("https://fonts.googleapis.com/css?family=Poppins:300,400,700");
    @import url("https://fonts.googleapis.com/css?family=Vidaloka");
    /**
*** Table Of Contents
**/
    /*
** Template colors
*

Accent Colors:
1: #FFC000
2: #d300e0
3: #7900e0
4: #56d7fe

Light section (.ls) colors:
Text color in light section: #989898
Background color for light section and font color in dark section: #ffffff
Color for headings in light section and for background in dark section (.ds): #1a1a1a
Background color for light muted section (grey - .ls.ms): #f2f2f2
Background color for dark muted section (.ds.ms): #252525
Border colors for elements in light section (and .bordered elements): #e1e1e1, rgba(0, 0, 0, 0.1)
Background color for elements in light section (.hero-bg): #f5f5f5

Dark section (.ds) colors: 
Text color in dark section: #9a9a9a
Border colors for elements in dark section: #1a1a1a
Background color for elements in dark section (.hero-bg): rgba(255, 255, 255, 0.05)

Color section (.cs) colors: 
Background color for elements in color section: rgba(255, 255, 255, 0.1)
Border color for elements in color section: rgba(255, 255, 255, 0.15)


1. Common tags styles
2. Styled lists
3. Overrides for default Bootstrap components
4. jQuery plugins styles
  - owl
  - flexslider
  - photoswipe
  - piechart
  - timetable
  - totop
  - countdown
5. Bootstrap Addons helpers styles for sections and elements
  - horizontal
  - vertical
  - sections
  - media_items
  - buttons
6. Light background sections (.ls) styles
7. Dark background sections (.ds) styles
8. Color background sections (.cs) styles
9. Bootstrap Addons utility styles
  - layout
  - colors
  - spacing
10. Shortcodes styles
  - icon-box
  - special-heading
  - number-card
  - price_table
  - quote-item
  - items-masonry
11. Widgets styles
  - search_mailchimp
  - nav_cat_arch_meta_pages
  - calendar
  - rss
  - tag_cloud
  - flickr
  - instagram
  - access_press
  - twitter
  - post_slider
  - post_tabs
  - post_2cols
12. Social icons styles
13. WordPress styles
14. Menu styles
15. Header styles
16. Side header styles
17. Intro section styles
18. Common sub-pages styles
19. Template specific sections styles
*/
    /*
** General Styles for HTML tags
*/
    
    .gallery .card {
        cursor: pointer;
    }
    
    .galleryShadow {
        display: none;
        -webkit-transition: ease all .5s;
        transition: ease all .5s;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.9);
    }
    
    .galleryModal {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transition: ease all .5s;
        transition: ease all .5s;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
    }
    
    .btn {
        border-radius: 0;
        font-size: 12px;
        font-weight: 700;
        font-weight: 500;
        letter-spacing: 0.1em;
        line-height: 1.6em;
        margin-bottom: 4px;
        padding: 12px 42px !important;
        text-transform: uppercase;
    }
    
    .btn-maincolor,
    .btn-maincolor2,
    .btn-maincolor3,
    .btn-darkgrey {
        border: 2px solid #FFC000;
        border-radius: 3px;
        color: #fff;
        font-family: "Vidaloka", serif;
        font-size: 12px;
        letter-spacing: 4px;
        min-width: 220px !important;
        padding-left: 30px;
        padding-right: 30px;
    }
    
    .galleryModal .galleryContainer {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 80%;
        height: 80%;
    }
    
    .galleryModal .galleryContainer img {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        max-width: 100%;
        max-height: 100%;
        border: 10px solid #fff;
        border-radius: 10px;
    }
    
    .galleryModal .galleryContainer .galleryText {
        position: absolute;
        width: 100%;
        height: auto;
        top: 100%;
        color: #fff;
        text-align: center;
    }
    
    .galleryModal .galleryIcon {
        position: absolute;
        font-size: 2rem;
        width: 2rem;
        height: 2rem;
        text-align: center;
        color: #fff;
    }
    
    .galleryModal .gIquit {
        right: 10px;
        top: 10px;
    }
    
    .galleryModal .gIleft {
        top: 50%;
        left: 10px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    
    .galleryModal .gIright {
        top: 50%;
        right: 10px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    /*# sourceMappingURL=main.css.map */
    
    html {
        height: 100%;
        overflow: visible;
        position: relative;
        width: 100%;
    }
    
     ::-moz-selection {
        background-color: #FFC000;
        color: #fff;
    }
    
     ::selection {
        background-color: #FFC000;
        color: #fff;
    }
    
     ::-moz-selection {
        background-color: #FFC000;
        color: #fff;
    }
    
    body {
        background-color: #252525;
        font-family: "Poppins", sans-serif;
        font-size: 18px;
        font-weight: 300;
        line-height: 30px;
        overflow: visible;
        overflow-x: hidden;
        overflow-y: scroll;
        position: relative;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: "Vidaloka", serif;
        font-weight: 500;
        word-break: break-word;
    }
    
    h1 {
        font-size: 60px;
        line-height: 60px;
        margin-bottom: 17px;
    }
    
    h2 {
        font-size: 50px;
        line-height: 50px;
        margin-bottom: 16px;
        margin-top: 20px;
    }
    
    h3 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 20px;
        margin-top: 53px;
    }
    
    h4 {
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 24px;
        margin-top: 50px;
    }
    
    h5 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 24px;
        margin-top: 45px;
    }
    
    h6 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 20px;
        margin-top: 45px;
    }
    
    @media (max-width: 575px) {
        h1 {
            font-size: 1.8rem;
        }
        h2 {
            font-size: 1.6rem;
        }
        h3 {
            font-size: 1.4rem;
        }
        h4 {
            font-size: 1.3rem;
        }
        h5 {
            font-size: 1.2rem;
        }
        h6 {
            font-size: 1.1rem;
        }
    }
    
    h1:first-child,
    h2:first-child,
    h3:first-child,
    h4:first-child,
    h5:first-child,
    h6:first-child {
        margin-top: 0;
    }
    
    h1:last-child,
    h2:last-child,
    h3:last-child,
    h4:last-child,
    h5:last-child,
    h6:last-child {
        margin-bottom: 0;
    }
    
    p {
        margin-bottom: 30px;
    }
    
    ul:last-child,
    ol:last-child,
    p:last-child {
        margin-bottom: 0;
    }
    
    ul.list1,
    ol.list1 {
        color: #fff;
        line-height: 38px;
        list-style: none;
    }
    
    ul.list1 {
        padding: 0;
    }
    
    ul.list1 li {
        padding-left: 17px;
        position: relative;
    }
    
    ul.list1 li::before {
        color: #FFC000;
        content: "\f111";
        font-family: "FontAwesome";
        font-size: 5px;
        left: 2px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    
    ol.list1 {
        counter-reset: li;
        list-style: none outside none;
        margin-bottom: 0;
        padding: 0;
    }
    
    ol.list1 li {
        padding-left: 24px;
        position: relative;
    }
    
    ol.list1 li::before {
        color: #FFC000;
        content: counter(li) ".";
        counter-increment: li;
        font-weight: 400;
        left: 2px;
        margin-top: -16px;
        position: absolute;
        top: 50%;
    }
    
    p:last-child:after {
        clear: both;
        content: "";
        display: block;
    }
    
    img,
    figure {
        height: auto;
        max-width: 100%;
    }
    
    figcaption {
        font-size: 0.95em;
        line-height: 1.4;
        padding: 10px 0 7px;
    }
    
    figcaption p {
        margin-bottom: 0;
    }
    
    b,
    strong {
        font-weight: 700;
    }
    
    label {
        color: #1a1a1a;
    }
    
    a {
        color: #1a1a1a;
        text-decoration: none;
        transition: all 0.2s ease-in-out 0s;
    }
    
    a:hover {
        color: #FFC000;
        text-decoration: none;
        transition: all 0.15s linear 0s;
    }
    
    blockquote {
        font-size: 24px;
        font-style: italic;
        margin: 50px 0;
        max-width: 800px;
    }
    
    blockquote .media {
        margin: 15px 0;
    }
    
    blockquote .media img {
        border-radius: 50%;
        max-width: 60px;
    }
    
    blockquote h3,
    blockquote h4,
    blockquote .text-small {
        font-style: normal;
    }
    
    blockquote footer {
        color: #fff;
        display: flex;
        flex-direction: column;
        font-family: "Vidaloka", serif;
        font-size: 24px;
        font-style: initial;
        line-height: 24px;
        margin-bottom: 23px;
        padding-left: 3px;
    }
    
    blockquote footer cite {
        font-size: 12px;
        font-style: normal;
        font-weight: bold;
        letter-spacing: 5px;
        text-transform: uppercase;
    }
    
    blockquote footer cite:hover {
        color: #fff;
    }
    
    input:focus,
    button:focus,
    select:focus,
    textarea:focus,
    a:focus {
        outline: medium none;
        text-decoration: none;
    }
    
    a>img {
        transition: all 0.15s ease-in-out 0s;
    }
    
    a:hover>img {
        opacity: 0.8;
    }
    
    a.btn:active,
    a.button:active,
    button:active,
    input[type="submit"]:active {
        position: relative;
        top: 1px !important;
    }
    
    hr {
        border-color: #e1e1e1;
        margin-bottom: 30px;
        margin-left: 0;
        margin-right: 0;
        margin-top: 30px;
    }
    
    iframe {
        border: none;
        max-width: 100%;
    }
    
    table {
        margin: 10px 0;
        max-width: 100%;
        width: 100%;
    }
    
    table td,
    table th {
        line-height: 1.42857143;
        padding: 13px 8px;
        vertical-align: top;
    }
    
    table th {
        color: #fff;
        font-weight: normal;
        vertical-align: middle;
    }
    
    canvas {
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
    }
    
    pre {
        background-color: rgba(150, 150, 150, 0.05);
        line-height: 1.5;
        padding: 0.5em 1em;
    }
    
    .big {
        font-size: 20px;
        line-height: 1.8em;
        margin: 0.85em 0 1.3em;
    }
    
    .big em {
        display: inline-block;
        margin: 0.3em 0 0;
    }
    
    @media (min-width: 768px) {
        .big em {
            margin: 1em 0 0.5em;
        }
    }
    
    .media h3 {
        text-transform: uppercase;
    }
    
    .media .dropcap {
        margin-right: 0;
    }
    
    .small-text {
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.1em;
        line-height: 1.6em;
        text-transform: uppercase;
    }
    
    @media (min-width: 768px) {
        .small-text.extra-letter-spacing {
            letter-spacing: 1em;
        }
    }
    
    .card .card-body .card-text:last-child .fa {
        color: #000;
    }
    
    .owl-carousel.buttons-type .owl-nav {
        bottom: 0;
        left: 50%;
        opacity: 1;
        position: absolute;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    
    .owl-carousel.buttons-type .owl-nav::before {
        color: #fff;
        content: "/";
        font-size: 12px;
        left: 41%;
        position: absolute;
        top: -49px;
        -webkit-transform: translateX(-133%);
        transform: translateX(-133%);
    }
    
    .owl-carousel.buttons-type .owl-nav div.owl-prev,
    .owl-carousel.buttons-type .owl-nav div.owl-next {
        color: #fff;
        font-family: "Vidaloka", serif;
        font-size: 12px;
        letter-spacing: 5px;
        opacity: 1;
        transition: all .3s ease-in-out;
    }
    
    .owl-carousel.buttons-type .owl-nav div.owl-prev i,
    .owl-carousel.buttons-type .owl-nav div.owl-next i {
        font-size: 7px;
        position: relative;
        top: 1px;
    }
    
    .owl-carousel.buttons-type .owl-nav div.owl-prev::before,
    .owl-carousel.buttons-type .owl-nav div.owl-prev::after,
    .owl-carousel.buttons-type .owl-nav div.owl-next::before,
    .owl-carousel.buttons-type .owl-nav div.owl-next::after {
        transition: all .3s ease-in-out;
    }
    
    .owl-carousel.buttons-type .owl-nav div.owl-prev:hover,
    .owl-carousel.buttons-type .owl-nav div.owl-next:hover {
        color: #FFC000;
    }
    
    .owl-carousel.buttons-type .owl-nav div.owl-prev:hover::before,
    .owl-carousel.buttons-type .owl-nav div.owl-prev:hover::after,
    .owl-carousel.buttons-type .owl-nav div.owl-next:hover::before,
    .owl-carousel.buttons-type .owl-nav div.owl-next:hover::after {
        color: #FFC000;
    }
    
    .owl-carousel.buttons-type .owl-nav div.owl-prev {
        left: -68px;
        position: absolute;
        top: -52px;
    }
    
    .owl-carousel.buttons-type .owl-nav div.owl-prev::after {
        content: "prev";
        font-family: "Vidaloka", serif;
        font-size: 12px;
        height: 15px;
        letter-spacing: 5px;
        position: absolute;
        right: -39px;
        top: 6%;
        width: 40px;
    }
    
    .owl-carousel.buttons-type .owl-nav div.owl-next {
        position: absolute;
        right: -66px;
        top: -52px;
    }
    
    .owl-carousel.buttons-type .owl-nav div.owl-next::before {
        content: "next";
        font-family: "Vidaloka", serif;
        font-size: 12px;
        height: 15px;
        left: -50px;
        letter-spacing: 5px;
        position: absolute;
        top: 6%;
        width: 40px;
    }
    
    .owl-carousel.buttons-type.home .owl-nav:before {
        top: 16px;
    }
    
    .owl-carousel.buttons-type.home .owl-nav div.owl-prev,
    .owl-carousel.buttons-type.home .owl-nav div.owl-next {
        top: 16px;
    }
    
    .custom-navigation {
        color: #fff;
        display: flex;
        font-family: "Vidaloka", serif;
        font-size: 12px;
        justify-content: center;
        letter-spacing: 4px;
        text-transform: uppercase;
    }
    
    .custom-navigation .flex-prev {
        position: relative;
    }
    
    .custom-navigation .flex-prev::before {
        color: #fff;
        content: "\f104";
        font-family: "FontAwesome";
        font-size: 12px;
        left: -12px;
        position: absolute;
        top: 0;
    }
    
    .custom-navigation .custom-controls-container {
        margin: 0 7px;
    }
    
    .custom-navigation .custom-controls-container::before {
        bottom: 0;
        content: "/";
        font-size: 14px;
        position: relative;
    }
    
    .custom-navigation .flex-next {
        position: relative;
    }
    
    .custom-navigation .flex-next::before {
        color: #fff;
        content: "\f105";
        font-family: "FontAwesome";
        font-size: 12px;
        position: absolute;
        right: -12px;
        top: 0;
    }
    
    .custom-navigation .flex-next:hover,
    .custom-navigation .flex-prev:hover {
        color: #FFC000;
    }
    
    .custom-navigation .flex-next:hover::before,
    .custom-navigation .flex-prev:hover::before {
        color: #FFC000;
    }
    
    .feature-list {
        display: flex;
        flex-direction: column;
        padding-left: 0;
    }
    
    .feature-list li {
        border-top: 2px solid #313131;
        display: inline-block;
        font-size: 18px;
        padding-bottom: 24px;
        padding-top: 26px;
    }
    
    .feature-list li:last-child {
        border-bottom: 2px solid #313131;
    }
    
    .feature-list li a {
        color: #FFC000;
    }
    
    .feature-list li a:hover {
        color: #fff;
    }
    
    .owl-carousel .ds a:not(.btn):hover {
        opacity: 1;
    }
    
    .list-bordered {
        list-style: none;
        overflow: hidden;
        padding: 0;
    }
    
    .list-bordered li {
        border-bottom: 1px solid #e1e1e1;
        border-top: 1px solid #e1e1e1;
        padding-bottom: 26px;
        padding-top: 25px;
    }
    
    .list-bordered li+li {
        border-top: none;
    }
    
    .list-bordered.no-top-border>li:first-child {
        border-top: none;
    }
    
    .list-bordered.no-bottom-border>li:last-child {
        border-bottom: none;
    }
    
    .list-styled ul,
    ul.list-styled {
        color: #1a1a1a;
        list-style: none;
        padding: 0;
    }
    
    .list-styled ul li,
    ul.list-styled li {
        padding-left: 20px;
        position: relative;
    }
    
    .list-styled ul li:before,
    ul.list-styled li:before {
        color: #FFC000;
        content: "\f054";
        font-family: "FontAwesome";
        font-size: 10px;
        padding-right: 15px;
        position: relative;
        top: -2px;
    }
    /*
** Bootstrap Overrides
*/
    /* bootstrap breadcrumbs*/
    
    .breadcrumb {
        background-color: transparent;
        border-radius: 0;
        color: inherit;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 0.2em;
        margin: 0;
        padding: 0;
        text-transform: uppercase;
    }
    
    .breadcrumb>li {
        display: inline-block;
        float: none;
        padding: 0;
    }
    
    .breadcrumb>li a {
        color: #fff;
        font-family: "Vidaloka", serif;
    }
    
    .breadcrumb>li a:hover {
        color: #FFC000;
    }
    
    .breadcrumb>li.active {
        color: #FFC000;
    }
    
    .breadcrumb>li.active::before {
        color: #fff;
    }
    
    .text-center .breadcrumb {
        justify-content: center;
    }
    
    @media (min-width: 992px) {
        .text-lg-right .breadcrumb {
            justify-content: flex-end;
        }
    }
    
    .breadcrumb>.active {
        color: inherit;
        font-family: "Vidaloka", serif;
        opacity: 0.9;
    }
    
    .breadcrumb>.active::before {
        font-family: Poppins;
    }
    
    .breadcrumb-item+.breadcrumb-item::before {
        color: inherit;
        padding: 0 11px;
    }
    /* forms */
    
    input[type="text"],
    input[type="email"],
    input[type="url"],
    input[type="password"],
    input[type="search"],
    input[type="tel"],
    input[type="number"],
    textarea,
    select,
    .form-control {
        background-color: #fff;
        border-radius: 5px;
        color: #252525;
        font-family: "Vidaloka", serif;
        font-size: 12px;
        height: 60px;
        letter-spacing: 4px;
        padding: 9px 30px;
        width: 100%;
    }
    
    input[type="text"]:focus,
    input[type="text"]:active,
    input[type="email"]:focus,
    input[type="email"]:active,
    input[type="url"]:focus,
    input[type="url"]:active,
    input[type="password"]:focus,
    input[type="password"]:active,
    input[type="search"]:focus,
    input[type="search"]:active,
    input[type="tel"]:focus,
    input[type="tel"]:active,
    input[type="number"]:focus,
    input[type="number"]:active,
    textarea:focus,
    textarea:active,
    select:focus,
    select:active,
    .form-control:focus,
    .form-control:active {
        background-color: #fff;
        color: #252525;
    }
    
    .side_header_inner .form-control {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    input[disabled] {
        cursor: not-allowed;
        opacity: .4;
    }
    
    input[type="submit"],
    button {
        cursor: pointer;
    }
    
    input[type="submit"],
    button {
        background-color: #FFC000;
        border: 1px solid #FFC000;
        border-radius: 5px;
        color: #fff;
        cursor: pointer;
        font-family: "Vidaloka", serif;
        font-size: 12px;
        letter-spacing: 4px;
        padding: 13px 36px;
        text-transform: uppercase;
        transition: all 0.2s ease-in-out;
    }
    
    input[type="submit"]:hover,
    button:hover {
        background: transparent;
    }
    
    .ds input[type="submit"]:not([class]),
    .cs input[type="submit"]:not([class]),
    .ds button:not([class]),
    .cs button:not([class]) {
        border-color: #fff;
        color: #fff;
    }
    
    textarea,
    textarea.form-control {
        height: auto;
        padding-top: 20px;
    }
    
    .form-group {
        display: flex;
        position: relative;
    }
    
    .form-group .btn-submit {
        align-items: center;
        background-color: #FFC000;
        border: none;
        border-radius: 5px 0 5px 0;
        bottom: 0;
        display: flex;
        height: 60px;
        justify-content: center;
        outline: none;
        padding: 0;
        position: absolute;
        right: 0;
        top: auto !important;
        width: 60px;
    }
    
    .form-group .btn-submit:hover {
        opacity: 0.8;
    }
    
    .form-group .btn-submit:focus,
    .form-group .btn-submit:active {
        bottom: 0;
        right: 0;
    }
    
    .form-group .btn-submit i.fa {
        color: #fff;
        margin-left: 4px;
    }
    
    .form-group+.form-group {
        margin-top: 20px;
    }
    
    @media (max-width: 468px) {
        .form-group+.form-group {
            margin-top: 15px;
        }
    }
    
    [class*='col-']>.form-group {
        margin-bottom: 0;
    }
    
    [class*='col-']>.form-group+.form-group {
        margin-top: 10px;
    }
    
    .has-placeholder label {
        display: none;
    }
    /* select styling */
    
    select[multiple] {
        height: auto;
    }
    
    select option,
    .form-control option {
        background-color: #fff;
        color: #1a1a1a;
    }
    
    .form-control-unstyled {
        background-color: transparent;
        border: none;
    }
    
    .form-control,
    .form-control:focus {
        box-shadow: none;
    }
    
    .form-control.invalid {
        box-shadow: 0 0 0 2px #FFC000;
    }
    
    .form-control:focus {
        background-color: transparent;
        border-color: #bbb;
    }
    
    .form-control:-moz-placeholder {
        color: #252525;
        font-family: "Vidaloka", serif;
        font-size: 12px;
        font-style: normal;
        letter-spacing: 5px;
        opacity: 1;
        text-transform: uppercase;
    }
    
    .form-control::-moz-placeholder {
        color: #252525;
        font-family: "Vidaloka", serif;
        font-size: 12px;
        font-style: normal;
        letter-spacing: 5px;
        opacity: 1;
        text-transform: uppercase;
    }
    
    .form-control:-ms-input-placeholder {
        color: #252525;
        font-family: "Vidaloka", serif;
        font-size: 12px;
        font-style: normal;
        letter-spacing: 5px;
        opacity: 1;
        text-transform: uppercase;
    }
    
    .form-control::-webkit-input-placeholder {
        color: #252525;
        font-family: "Vidaloka", serif;
        font-size: 12px;
        font-style: normal;
        letter-spacing: 5px;
        opacity: 1;
        text-transform: uppercase;
    }
    
    .form-control:focus:-moz-placeholder {
        color: transparent;
    }
    
    .form-control:focus::-moz-placeholder {
        color: transparent;
    }
    
    .form-control:focus:-ms-input-placeholder {
        color: transparent;
    }
    
    .form-control:focus::-webkit-input-placeholder {
        color: transparent;
    }
    /*icons for forms */
    
    form label+[class*="fa-"] {
        font-size: 16px;
        left: 28px;
        position: absolute;
        text-align: center;
        top: 60px;
        width: 1em;
    }
    
    form .has-placeholder label+[class*="fa-"] {
        top: 22px;
    }
    
    form label+[class*="fa-"]+.form-control {
        padding-left: 60px;
        text-align: left;
    }
    
    label {
        cursor: pointer;
        font-family: "Vidaloka", serif;
        font-size: 20px;
    }
    
    .checkbox label,
    .radio label {
        font-weight: inherit;
    }
    
    .checkbox label[for],
    .radio label[for] {
        font-weight: inherit;
    }
    
    .checkbox label[for]+input[type=checkbox],
    .checkbox label[for]+input[type=radio],
    .radio label[for]+input[type=checkbox],
    .radio label[for]+input[type=radio] {
        left: 20px;
    }
    
    input[type=checkbox],
    input[type=radio] {
        display: none;
        margin-top: 8px;
    }
    
    .form-wrapper.hero-bg,
    .form-wrapper.muted-bg,
    .form-wrapper.cs,
    .form-wrapper.ds,
    .form-wrapper.ls {
        padding: 35px;
    }
    
    .has-error .form-control {
        border-color: #FFC000;
    }
    
    .has-error label,
    .has-error .help-block {
        color: #FFC000;
    }
    /*styled checkbox */
    
    .checkbox input[type="checkbox"] {
        display: none;
    }
    
    .checkbox label+input[type="checkbox"],
    .checkbox label>input[type="checkbox"] {
        display: inline-block;
    }
    
    input[type="checkbox"]+label {
        padding-left: 0;
    }
    
    input[type="checkbox"]+label>a {
        color: #1a1a1a;
    }
    
    input[type="checkbox"]+label:before {
        border: 2px solid #FFC000;
        border-radius: 2px;
        content: "";
        display: inline-block;
        font-family: "FontAwesome";
        font-size: 12px;
        height: 14px;
        line-height: 10px;
        margin: 1px 10px 4px 0;
        text-align: center;
        vertical-align: middle;
        width: 14px;
    }
    
    input[type="checkbox"]:checked+label:before {
        color: #e1e1e1;
        content: "\f00c";
    }
    
    input[type="checkbox"]:disabled+label:before {
        background-color: #e1e1e1;
    }
    
    input[type="file"] {
        line-height: 37px;
    }
    /*styled radio*/
    
    .radio input[type="radio"] {
        display: none;
    }
    
    .radio label+input[type="radio"],
    .radio label>input[type="radio"] {
        display: inline-block;
    }
    
    input[type="radio"]+label {
        padding-left: 0;
    }
    
    input[type="radio"]+label>a {
        color: #999;
    }
    
    input[type="radio"]+label:before {
        border: 2px solid #e1e1e1;
        border-radius: 50%;
        content: "";
        display: inline-block;
        height: 16px;
        margin-bottom: 2px;
        margin-right: 10px;
        vertical-align: middle;
        width: 16px;
    }
    
    input[type="radio"]:checked+label:before {
        background-clip: content-box;
        background-color: #FFC000;
        padding: 3px;
    }
    
    input[type="radio"]:disabled+label:before {
        background-color: #e1e1e1;
    }
    /* carousel */
    
    .carousel-item.active,
    .carousel-item-next,
    .carousel-item-prev {
        display: block;
    }
    
    .carousel-indicators li {
        border-radius: 50%;
        height: 10px;
        max-width: 10px;
    }
    /* bootstrap tabs*/
    
    .nav-tabs {
        border-bottom: none;
    }
    
    .nav-tabs .nav-link {
        border: 1px solid #e1e1e1;
        border-radius: 0;
        margin-right: 1px;
    }
    
    .nav-tabs .nav-link:hover {
        opacity: 0.9;
    }
    
    .nav-tabs .nav-item.show .nav-link,
    .nav-tabs .nav-link.active {
        background: #FFC000;
        border-color: #FFC000;
        color: #fff;
    }
    
    @media (max-width: 992px) {
        .nav-tabs {
            flex-direction: column;
        }
        .nav-tabs a.active {
            position: relative;
        }
    }
    
    .nav-link {
        color: #1a1a1a;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.1em;
        line-height: 1.6em;
        padding: 21px 28px;
        text-transform: uppercase;
    }
    
    .small-tabs .nav-link {
        padding: 10px 15px;
    }
    
    .tab-content {
        border: 1px solid #e1e1e1;
        padding: 40px 40px;
    }
    
    .tab-pane .media img {
        max-width: 40%;
    }
    
    .tab-pane .media img:first-child {
        margin-right: 10px;
    }
    
    .tab-pane .media h3,
    .tab-pane .media h4,
    .tab-pane .media h5 {
        font-weight: 900;
    }
    /* bootstrap collapse*/
    
    [data-toggle="collapse"] {
        display: inline-block;
        padding-right: 20px;
        position: relative;
    }
    
    [data-toggle="collapse"]:after {
        content: "\f078";
        font-family: "FontAwesome";
        font-size: 10px;
        position: absolute;
        right: 0;
        top: 50%;
    }
    
    [data-toggle="collapse"].collapsed:after {
        content: "\f054";
    }
    
    .card [role="tabpanel"] {
        background-color: #000;
    }
    
    [role="tablist"] .card {
        background: none;
        border: none;
        border-radius: 3px;
        overflow: hidden;
    }
    
    [role="tablist"] .card+.card {
        margin-top: 10px;
    }
    
    [role="tablist"] .card-header {
        background-color: #FFC000;
        border: none;
        border-radius: 0;
        color: #1b222e;
        padding: 0;
    }
    
    [role="tablist"] .card-header a {
        display: block;
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 4px;
        line-height: 1.3;
        padding: 23px 70px 23px 40px;
        position: relative;
        text-transform: uppercase;
    }
    
    [role="tablist"] .card-header a:before,
    [role="tablist"] .card-header a:after {
        bottom: 0;
        color: #fff;
        content: "";
        font-family: inherit;
        font-size: 38px;
        font-weight: 100;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        transition: opacity 0.3s ease-in-out;
        width: 60px;
    }
    
    [role="tablist"] .card-header a:after {
        align-items: center;
        color: #fff;
        content: "\f107";
        display: flex;
        font-family: FontAwesome;
        font-size: 14px;
        font-weight: 300;
        justify-content: center;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 80px;
    }
    
    [role="tablist"] .card-header a:hover {
        color: inherit;
        opacity: inherit !important;
    }
    
    [role="tablist"] .card-header a.collapsed {
        background-color: #fff;
        color: #1a1a1a;
    }
    
    [role="tablist"] .card-header a.collapsed:hover {
        background-color: #FFC000;
        color: #fff;
    }
    
    [role="tablist"] .card-header a.collapsed:after {
        color: #000;
        content: "\f105";
    }
    
    @media (min-width: 400px) {
        [role="tablist"] .card-header a:after {
            height: 80px;
            line-height: 78px;
        }
    }
    
    [role="tablist"] .card-body {
        padding: 30px 40px;
    }
    
    @media (max-width: 1200px) {
        [role="tablist"] .card-body {
            padding: 37px 40px 32px;
        }
    }
    
    [role="tablist"] .media img {
        max-width: 80px;
    }
    
    [role='tab'] h4 a,
    [role='tab'] h5 a {
        display: block;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 0.2em;
        line-height: 1.3;
        padding: 15px 50px 15px 0;
        position: relative;
        text-transform: uppercase;
    }
    
    [role='tab']+[role="tabpanel"] .card-body {
        background: transparent;
    }
    
    [data-toggle="collapse"]:after {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    /* bootstrap dropdown menu */
    
    .dropdown-menu {
        background-color: #fff;
        border: none;
        border-radius: 0;
        border-top: 3px solid #FFC000;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        font-size: inherit;
        line-height: 1.5;
        margin-top: 0;
        padding: 40px;
        z-index: 1001;
    }
    
    .dropdown-menu>a {
        display: block;
        white-space: nowrap;
    }
    
    .dropdown-menu>a>img {
        max-width: none;
    }
    
    .dropdown-menu>a+a {
        margin-top: 1.5em;
    }
    
    .dropdown .dropdown-menu label,
    .dropdown .dropdown-menu h3,
    .dropdown .dropdown-menu h4 {
        color: #1a1a1a;
    }
    
    .dropdown.show .dropdown-menu input {
        border: 1px solid #e1e1e1;
    }
    
    .dropdown-menu>li>a:focus,
    .dropdown-menu>li>a:hover {
        background-color: transparent;
        color: #1a1a1a;
    }
    
    .dropdwon-menu-title {
        padding: 10px 30px;
    }
    
    @media (min-width: 1300px) {
        .container {
            max-width: 1200px;
        }
    }
    /* modal */
    
    .modal-open {
        padding-right: 0 !important;
    }
    
    .modal-backdrop.show {
        background-color: #4d4d4d;
        opacity: 0.9;
    }
    
    .modal-content {
        border-radius: 1px;
    }
    
    .modal-content [class*="col-"]:last-child {
        margin-bottom: 0;
    }
    /* bootstrap buttons */
    
    .btn {
        border-radius: 0;
        font-size: 12px;
        font-weight: 700;
        font-weight: 500;
        letter-spacing: 0.1em;
        line-height: 1.6em;
        margin-bottom: 4px;
        padding: 20px 42px;
        text-transform: uppercase;
    }
    
    .btn.round,
    .btn.rounded {
        line-height: 1;
        padding: 23px;
    }
    /* media */
    
    .media a:hover {
        color: #FFC000 !important;
    }
    
    .media.media-top {
        align-items: center;
        flex-direction: column;
        text-align: center;
    }
    
    .media.media-top *+.media-body,
    .media.media-top .media-body+* {
        margin-left: 0;
    }
    
    .media.media-top h4,
    .media.media-top h3 {
        margin-bottom: 15px;
        margin-top: 22px;
    }
    
    .media .icon-styled {
        margin-top: 5px;
    }
    
    .media .fa {
        font-size: 28px;
    }
    
    .media .round {
        align-items: center;
        display: flex;
        justify-content: center;
    }
    
    .media .media-body h4,
    .media .media-body h3,
    .media .media-body h5 {
        font-size: 30px;
        font-weight: 700;
        line-height: 30px;
        margin-bottom: 13px;
        transition: all .3s ease-in-out;
    }
    
    .media .media-body h4:hover,
    .media .media-body h3:hover,
    .media .media-body h5:hover {
        color: #FFC000;
    }
    
    @media (max-width: 480px) {
        .media.bordered,
        .media.rounded {
            align-items: center;
            flex-direction: column;
        }
        .media.bordered .media-body,
        .media.rounded .media-body {
            margin-left: 0;
            margin-top: 30px;
            order: 2;
        }
        .media.bordered .media-body+.icon-styled,
        .media.rounded .media-body+.icon-styled {
            margin-left: 0 !important;
            order: 1;
        }
    }
    /* media elements */
    
    .media>img {
        display: block;
    }
    
    .media-body h3,
    .media-body h4 {
        line-height: 1;
        margin-bottom: 0.2em;
        margin-top: 0.3em;
    }
    
    *+.media-body,
    .media-body+* {
        margin-left: 26px;
    }
    
    td .media-body {
        width: auto;
    }
    
    .embed-responsive-3by2 {
        background-color: #000;
        border-radius: 5px;
        height: 0;
        padding-bottom: 75%;
    }
    
    .embed-placeholder:after {
        background: url("../images/play.png") no-repeat center/contain;
        content: "";
        height: 42px;
        left: 50%;
        position: absolute;
        text-align: center;
        top: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        transition: all 0.3s ease-in-out;
        width: 60px;
    }
    
    .embed-placeholder:hover:after {
        opacity: 0.4;
    }
    
    .alert {
        border-radius: 0;
        border-width: 0 0 0 4px;
        margin-bottom: 40px;
        padding: 30px;
    }
    
    .mark,
    mark {
        background-color: transparent;
        color: #FFC000;
    }
    
    button.close {
        min-width: 0;
    }
    /* small in headings */
    
    .h1 .small,
    .h1 small,
    .h2 .small,
    .h2 small,
    .h3 .small,
    .h3 small,
    .h4 .small,
    .h4 small,
    .h5 .small,
    .h5 small,
    .h6 .small,
    .h6 small,
    h1 .small,
    h1 small,
    h2 .small,
    h2 small,
    h3 .small,
    h3 small,
    h4 .small,
    h4 small,
    h5 .small,
    h5 small,
    h6 .small,
    h6 small {
        color: inherit;
        font-weight: 300;
    }
    /* labels */
    
    .label-success {
        background-color: #4db19e;
        color: #fff;
    }
    
    .label-info {
        background-color: #007ebd;
        color: #fff;
    }
    
    .label-warning {
        background-color: #eeb269;
        color: #fff;
    }
    
    .label-danger {
        background-color: #dc5753;
        color: #fff;
    }
    /*
progressbar*/
    
    p+.progress {
        margin-top: -12px;
    }
    
    .progress-title {
        color: #fff;
        font-family: "Vidaloka", serif;
        font-size: 12px;
        letter-spacing: 4px;
        line-height: 1.6;
        margin-bottom: 20px !important;
        padding-right: 45px;
        text-transform: uppercase;
    }
    
    .progress {
        background-color: #fff;
        height: 5px !important;
        margin-bottom: 28px;
        overflow: visible;
        position: relative;
    }
    
    .progress [data-transitiongoal] {
        width: 0;
    }
    
    .progress .progress-bar {
        transition: width 0.5s ease 0.2s;
    }
    
    .progress span {
        font-family: "Vidaloka", serif;
        font-size: 12px;
        letter-spacing: 4px;
        position: absolute;
        right: -3px;
        top: -34px;
    }
    /* Tabs */
    
    .nav-tabs .nav-item {
        margin-bottom: -2px;
        margin-right: 2px;
    }
    
    @media (max-width: 992px) {
        .nav-tabs .nav-item {
            margin-right: 0;
        }
    }
    
    .nav-tabs .nav-item .nav-link {
        border: 2px solid #FFC000 !important;
        border-radius: 3px 3px 0 0;
        font-family: "Vidaloka", serif;
        font-size: 12px;
        letter-spacing: 4px;
        min-width: 258px;
        text-align: center;
    }
    
    .nav-tabs .nav-item .nav-link:hover,
    .nav-tabs .nav-item .nav-link.active {
        background: #FFC000;
        border-color: #FFC000 !important;
    }
    
    .nav-tabs .nav-item:last-child {
        margin-right: 0;
    }
    
    .tab-content {
        background-color: #000;
        border: none !important;
        border-radius: 0 0 3px 3px;
        margin-bottom: 30px;
        padding: 50px 55px;
        position: relative;
    }
    
    .tab-content::before {
        background-color: #FFC000;
        content: "";
        height: 5px;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
    }
    
    .tab-content.tab-content-widget {
        padding: 40px;
    }
    
    @media (max-width: 768px) {
        #imgpdb {
            padding-bottom: 30px;
        }
        .nav-tabs .nav-link {
            letter-spacing: 0.1em;
            padding: 10px 15px 10px;
        }
        .tab-content {
            padding: 35px;
        }
        .tab-content>.tab-pane .media {
            align-items: center;
            flex-direction: column;
        }
        .tab-content>.tab-pane .media>* {
            margin-left: 0;
            margin-right: 0;
        }
        .tab-content>.tab-pane .media img {
            margin-bottom: 25px;
            margin-right: 0;
        }
    }
    /*
**plugins
*/
    /* Owl carousel v 2.1.6 styles */
    /* Owl Carousel - Core */
    
    .owl-carousel {
        display: none;
        position: relative;
        -webkit-tap-color-main-color: transparent;
        touch-action: manipulation;
        width: 100%;
        z-index: 1;
    }
    
    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
    }
    
    .owl-carousel.owl-shadow-items .owl-stage {
        padding-bottom: 11px;
        padding-top: 11px;
    }
    
    .owl-carousel .owl-stage:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        line-height: 0;
        visibility: hidden;
    }
    
    .owl-carousel .owl-stage-outer {
        margin-left: -10px;
        margin-right: -10px;
        overflow: hidden;
        padding-left: 10px;
        padding-right: 10px;
        position: relative;
        /* fix for flashing background */
        -webkit-transform: translate3d(0px, 0px, 0px);
    }
    
    .owl-carousel .owl-item {
        -webkit-backface-visibility: hidden;
        float: left;
        min-height: 1px;
        position: relative;
        -webkit-tap-color-main-color: transparent;
        -webkit-touch-callout: none;
    }
    
    .owl-carousel .owl-item .box-shadow {
        height: 100%;
    }
    
    .owl-carousel .owl-item img {
        -webkit-transform-style: preserve-3d;
    }
    
    .owl-carousel .owl-nav.disabled,
    .owl-carousel .owl-dots.disabled {
        display: none;
    }
    
    .owl-carousel .owl-nav .owl-prev,
    .owl-carousel .owl-nav .owl-next,
    .owl-carousel .owl-dot {
        cursor: pointer;
        cursor: hand;
        transition: all 0.3s ease-in-out;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    
    .owl-carousel.owl-loaded {
        display: block;
    }
    
    .owl-carousel.owl-loading {
        display: block;
        opacity: 0;
    }
    
    .owl-carousel.owl-hidden {
        opacity: 0;
    }
    
    .owl-carousel.owl-refresh .owl-item {
        display: none;
    }
    
    .owl-carousel.owl-drag .owl-item {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    
    .owl-carousel.owl-grab {
        cursor: move;
        cursor: -webkit-grab;
        cursor: grab;
    }
    
    .owl-carousel.owl-rtl {
        direction: rtl;
    }
    
    .owl-carousel.owl-rtl .owl-item {
        float: right;
    }
    
    .owl-carousel .owl-dots {
        line-height: 1;
        -webkit-tap-color-main-color: transparent;
        text-align: center;
    }
    
    .owl-carousel .owl-dots .owl-dot {
        *display: inline;
        display: inline-block;
        zoom: 1;
    }
    
    .owl-carousel .owl-dots .owl-dot span {
        -webkit-backface-visibility: visible;
        background-color: #fff;
        border: 1px solid #fff;
        border-radius: 50%;
        display: block;
        height: 8px;
        margin: 5px 12px;
        opacity: 0.5;
        transition: all 200ms ease;
        width: 8px;
    }
    
    .owl-carousel .owl-dots .owl-dot.active span,
    .owl-carousel .owl-dots .owl-dot:hover span {
        border-color: #fff;
        opacity: 1;
    }
    
    .owl-carousel .owl-nav {
        transition: all 0.3s ease;
    }
    
    .owl-carousel .owl-nav>div {
        display: inline-block;
        opacity: 0.5;
        right: 10px;
        text-transform: uppercase;
    }
    
    .owl-carousel .owl-nav>div.disabled {
        cursor: default;
        opacity: 0.2;
    }
    
    .owl-carousel .owl-nav>div.disabled:hover {
        cursor: default;
        opacity: 0.2;
    }
    
    .owl-carousel .owl-nav>div:hover {
        opacity: 0.3;
    }
    
    @media (min-width: 768px) {
        .owl-carousel .owl-nav>div i {
            font-size: 54px;
        }
    }
    
    .owl-carousel .owl-nav>div:first-child {
        left: 10px;
        right: auto;
    }
    /* No Js */
    
    .no-js .owl-carousel {
        display: block;
    }
    /* Owl Carousel - Animate Plugin */
    
    .owl-carousel .animated {
        -webkit-animation-duration: 1000ms;
        animation-duration: 1000ms;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }
    
    .owl-carousel .owl-animated-in {
        z-index: 0;
    }
    
    .owl-carousel .owl-animated-out {
        z-index: 1;
    }
    
    .owl-carousel .fadeOut {
        -webkit-animation-name: fadeOut;
        animation-name: fadeOut;
    }
    
    @-webkit-keyframes fadeOut {
        0% {
            opacity: 1;
        }
        100% {
            opacity: 0;
        }
    }
    
    @keyframes fadeOut {
        0% {
            opacity: 1;
        }
        100% {
            opacity: 0;
        }
    }
    /* Owl Carousel - Auto Height Plugin */
    
    .owl-height {
        transition: height 500ms ease-in-out;
    }
    /* Owl Carousel - Lazy Load Plugin */
    
    .owl-carousel .owl-item .owl-lazy {
        opacity: 0;
        transition: opacity 400ms ease;
    }
    
    .owl-carousel .owl-item img.owl-lazy {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    /* Owl Carousel - Video Plugin */
    
    .owl-carousel .owl-video-wrapper {
        background: #000;
        height: 100%;
        position: relative;
    }
    
    .owl-carousel .owl-video-play-icon {
        -webkit-backface-visibility: hidden;
        background: url("../img/owl.video.play.png") no-repeat;
        cursor: pointer;
        height: 80px;
        left: 50%;
        margin-left: -40px;
        margin-top: -40px;
        position: absolute;
        top: 50%;
        transition: -webkit-transform 100ms ease;
        transition: transform 100ms ease;
        transition: transform 100ms ease, -webkit-transform 100ms ease;
        width: 80px;
        z-index: 1;
    }
    
    .owl-carousel .owl-video-play-icon:hover {
        -webkit-transform: scale(1.3, 1.3);
        transform: scale(1.3, 1.3);
    }
    
    .owl-carousel .owl-video-playing .owl-video-tn,
    .owl-carousel .owl-video-playing .owl-video-play-icon {
        display: none;
    }
    
    .owl-carousel .owl-video-tn {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        height: 100%;
        opacity: 0;
        transition: opacity 400ms ease;
    }
    
    .owl-carousel .owl-video-frame {
        height: 100%;
        position: relative;
        width: 100%;
        z-index: 1;
    }
    /*
THEMES
Owl Default Theme
*/
    
    .owl-theme:hover .owl-nav {
        opacity: 1;
    }
    
    .owl-theme .owl-nav {
        left: 0;
        opacity: 1;
        position: absolute;
        right: 0;
        -webkit-tap-color-main-color: transparent;
        text-align: center;
        top: 50%;
    }
    
    .owl-theme .owl-nav>div {
        position: absolute;
        right: 10px;
        text-align: center;
    }
    
    .owl-theme .owl-nav .disabled {
        cursor: default;
        opacity: 0.5;
    }
    
    .owl-theme .owl-dots {
        margin-top: 40px;
    }
    
    .item-media .owl-theme .owl-dots {
        bottom: 20px;
        left: 0;
        margin: 0;
        position: absolute;
        right: 0;
    }
    /* .owl-center theme */
    
    .owl-center .owl-nav {
        bottom: 0;
        margin-top: 0;
        opacity: 1;
        position: static;
        top: 0;
    }
    
    .owl-center .owl-nav>div {
        background-color: rgba(26, 26, 26, 0.6);
        bottom: 0;
        height: auto;
        margin: 0;
        right: -15px;
        top: 0;
        width: 50px;
    }
    
    .owl-center .owl-nav>div:first-child {
        left: -15px;
        right: auto;
    }
    
    .owl-center .owl-nav>div:first-child:after {
        left: 13px;
    }
    
    .owl-center .owl-nav>div:after {
        color: #fff;
        font-size: 20px;
        left: 17px;
        margin-top: -10px;
        position: absolute;
        top: 50%;
    }
    /*theme with nav at the top right corner*/
    
    .top-right-nav .owl-nav {
        position: absolute;
        right: -1em;
        top: -55px;
    }
    
    .top-right-nav .owl-nav>div {
        background: transparent;
        min-width: 2em;
    }
    
    .top-right-nav .owl-nav>div:first-child {
        left: auto;
        right: 3em;
    }
    
    .top-right-nav .owl-nav>div i {
        font-size: 1em;
    }
    /*theme with text nav*/
    
    .owl-text-nav .owl-nav {
        display: none;
        -webkit-tap-color-main-color: transparent;
        text-align: center;
    }
    
    @media (min-width: 1560px) {
        .owl-text-nav .owl-nav {
            display: block;
            left: -13vw;
            position: absolute;
            right: -13vw;
            top: 50%;
        }
    }
    
    @media (min-width: 1800px) {
        .owl-text-nav .owl-nav {
            left: -15vw;
            right: -15vw;
        }
    }
    
    .owl-text-nav .owl-nav>div {
        margin-top: -30px;
        position: absolute;
        right: 10px;
        text-align: center;
    }
    
    .owl-text-nav .owl-nav>div>span {
        display: block;
        font-weight: 900;
        line-height: 1;
    }
    
    @media (min-width: 1560px) {
        .owl-text-nav .owl-nav>div>span {
            font-size: 38px;
            line-height: 1;
            max-width: 5em;
        }
    }
    
    .small-gallery-carousel a {
        display: block;
        overflow: hidden;
    }
    
    .small-gallery-carousel a img {
        opacity: 0.4;
        transition: all 0.3s ease-in-out;
    }
    
    .small-gallery-carousel a:hover img {
        opacity: 0.2;
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
    }
    
    .small-gallery-carousel .owl-nav>div {
        opacity: 1;
    }
    
    @media (min-width: 768px) {
        .small-gallery-carousel .owl-nav>div {
            margin-top: -8px;
            right: 100px;
        }
        .small-gallery-carousel .owl-nav>div:first-child {
            left: 100px;
        }
    }
    
    .small-gallery-carousel .owl-nav>div i {
        font-size: 20px;
    }
    /* owl images fix */
    
    .owl-carousel .owl-item {
        opacity: 0;
        transition: opacity 0.2s ease 0.1s;
    }
    
    .owl-carousel .owl-item.active {
        opacity: 1;
    }
    
    .owl-center .owl-item {
        opacity: 1;
    }
    /*
** Flexslider
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*/
    /* Browser Resets */
    
    .flex-container a:active,
    .flexslider a:active,
    .flex-container a:focus,
    .flexslider a:focus {
        outline: none;
    }
    
    .slides,
    .flex-control-nav,
    .flex-direction-nav {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    /* FlexSlider Necessary Styles */
    
    .flexslider {
        margin: 0;
        padding: 0;
    }
    
    .flexslider .slides>li {
        -webkit-backface-visibility: hidden;
        display: none;
    }
    /* Hide the slides before the JS is loaded. Avoids image jumping */
    
    .flexslider .slides img {
        display: block;
        width: 100%;
    }
    
    .flex-pauseplay span {
        text-transform: capitalize;
    }
    /* Clearfix for the .slides element */
    
    .slides:after {
        clear: both;
        content: "\0020";
        display: block;
        height: 0;
        line-height: 0;
        visibility: hidden;
    }
    
    html[xmlns] .slides {
        display: block;
    }
    
    * html .slides {
        height: 1%;
    }
    /* No JavaScript Fallback */
    /* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
    
    .no-js .slides>li:first-child {
        display: block;
    }
    /* FlexSlider Default Theme */
    
    .flexslider {
        margin: 0 0;
        position: relative;
        zoom: 1;
    }
    
    .flex-viewport {
        max-height: 2000px;
        transition: all 1s ease;
    }
    
    .loading .flex-viewport {
        max-height: 300px;
    }
    
    .flexslider .slides {
        zoom: 1;
    }
    /* Direction Nav */
    
    .flex-direction-nav {
        *height: 0;
    }
    
    .flex-direction-nav a {
        color: transparent;
        cursor: pointer;
        display: block;
        font-size: 0;
        height: 40px;
        margin: -20px 0 0;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        text-align: center;
        text-decoration: none;
        top: 50%;
        width: 40px;
        z-index: 10;
    }
    
    .flex-direction-nav .flex-prev {
        left: 40px;
    }
    
    .flex-direction-nav .flex-next {
        right: 40px;
        text-align: right;
    }
    
    .flexslider:hover .flex-prev {
        opacity: 0.7;
    }
    
    .flexslider:hover .flex-next {
        opacity: 0.7;
    }
    
    .flexslider:hover .flex-next:hover,
    .flexslider:hover .flex-prev:hover {
        opacity: 1;
    }
    
    .flex-direction-nav .flex-disabled {
        cursor: default;
        filter: alpha(opacity=0);
        opacity: 0;
    }
    
    .flex-direction-nav a:before {
        color: #fff;
        content: "\f104";
        font-family: "FontAwesome";
        font-size: 20px;
        left: 12px;
        position: absolute;
        top: 5px;
    }
    
    .flex-direction-nav a.flex-next:before {
        content: "\f105";
        left: 14px;
    }
    /* Pause/Play */
    
    .flex-pauseplay a {
        bottom: 5px;
        color: #000;
        cursor: pointer;
        display: block;
        height: 20px;
        left: 10px;
        opacity: 0.8;
        overflow: hidden;
        position: absolute;
        width: 20px;
        z-index: 10;
    }
    
    .flex-pauseplay a:before {
        content: "\f01d";
        display: inline-block;
        font-family: "FontAwesome";
        font-size: 20px;
    }
    
    .flex-pauseplay a:hover {
        opacity: 1;
    }
    
    .flex-pauseplay a.flex-play:before {
        content: "\f01d";
    }
    /* Control Nav */
    
    .flex-control-nav {
        bottom: 20px;
        color: transparent;
        font-size: 0;
        line-height: 0;
        position: absolute;
        text-align: center;
        width: 100%;
        z-index: 10;
    }
    
    .flex-control-nav li {
        *display: inline;
        display: inline-block;
        padding: 0 14px;
        text-align: center;
        zoom: 1;
    }
    
    .flex-control-paging li a {
        border: 1px solid #fff;
        border-radius: 50%;
        cursor: pointer;
        display: block;
        height: 8px;
        opacity: 0.5;
        width: 8px;
    }
    
    .ds .flex-control-paging li a,
    .cs .flex-control-paging li a {
        border-color: #fff;
    }
    
    .flex-control-paging li a:hover {
        background-color: #fff;
        border-color: #fff;
        opacity: 1;
    }
    
    .flex-control-paging li a.flex-active {
        background-color: #fff;
        border-color: #fff;
        opacity: 1;
    }
    
    .flex-control-thumbs {
        margin: 1px -1px;
        overflow: hidden;
        position: static;
    }
    
    .flex-control-thumbs li {
        float: left;
        margin: 0 0 1px;
        padding: 0 0 0 1px;
        width: 25%;
    }
    
    .flex-control-thumbs img {
        cursor: pointer;
        display: block;
        opacity: .7;
        width: 100%;
    }
    
    .flex-control-thumbs img:hover {
        opacity: 1;
    }
    
    .flex-control-thumbs .flex-active {
        cursor: default;
        opacity: 1;
    }
    /* custom nav for flex slider*/
    
    .flex-custom-nav {
        bottom: 38px;
        left: 0;
        line-height: 1;
        position: absolute;
        right: 0;
        text-align: center;
        transition: all 0.3s ease-in-out;
        z-index: 3;
    }
    
    .flex-custom-nav .flex-control-nav {
        display: inline-block;
        position: static;
        width: auto;
    }
    
    .flex-custom-nav .flex-custom-link {
        bottom: 7px;
        color: #1a1a1a;
        font-size: 12px;
        margin: 0 8px;
        position: relative;
    }
    
    .ds .flex-custom-nav .flex-custom-link,
    .cs .flex-custom-nav .flex-custom-link {
        color: #fff;
    }
    
    .flex-custom-nav .flex-custom-link:hover {
        color: #FFC000;
    }
    
    .page_slider:hover .flex-custom-nav {
        opacity: 1;
    }
    /*
**photoswipe
* http://photoswipe.com/
*
*/
    /* pswp = photoswipe */
    
    .pswp {
        /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
        -webkit-backface-visibility: hidden;
        display: none;
        height: 100%;
        left: 0;
        outline: none;
        overflow: hidden;
        position: absolute;
        -webkit-text-size-adjust: 100%;
        top: 0;
        touch-action: none;
        width: 100%;
        z-index: 1500;
    }
    
    .pswp * {
        box-sizing: border-box;
    }
    
    .pswp img {
        max-width: none;
    }
    /* style is added when JS option showHideOpacity is set to true */
    
    .pswp--animate_opacity {
        /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
        opacity: 0.001;
        /* for open/close transition */
        transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
        will-change: opacity;
    }
    
    .pswp--open {
        display: block;
    }
    
    .pswp--zoom-allowed .pswp__img {
        /* autoprefixer: off */
        cursor: -webkit-zoom-in;
        cursor: -moz-zoom-in;
        cursor: zoom-in;
    }
    
    .pswp--zoomed-in .pswp__img {
        /* autoprefixer: off */
        cursor: -webkit-grab;
        cursor: -moz-grab;
        cursor: grab;
    }
    
    .pswp--dragging .pswp__img {
        /* autoprefixer: off */
        cursor: -webkit-grabbing;
        cursor: -moz-grabbing;
        cursor: grabbing;
    }
    /*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
    
    .pswp__bg {
        -webkit-backface-visibility: hidden;
        background: #000;
        height: 100%;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        width: 100%;
        will-change: opacity;
    }
    
    .pswp__scroll-wrap {
        height: 100%;
        left: 0;
        overflow: hidden;
        position: absolute;
        top: 0;
        width: 100%;
    }
    
    .pswp__container,
    .pswp__zoom-wrap {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        touch-action: none;
    }
    /* Prevent selection and tap highlights */
    
    .pswp__container,
    .pswp__img {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    
    .pswp__zoom-wrap {
        position: absolute;
        -webkit-transform-origin: left top;
        transform-origin: left top;
        /* for open/close transition */
        transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
        transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
        transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1), -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
        width: 100%;
    }
    
    .pswp__bg {
        /* for open/close transition */
        transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
        will-change: opacity;
    }
    
    .pswp--animated-in .pswp__bg,
    .pswp--animated-in .pswp__zoom-wrap {
        transition: none;
    }
    
    .pswp__container,
    .pswp__zoom-wrap {
        -webkit-backface-visibility: hidden;
    }
    
    .pswp__item {
        bottom: 0;
        left: 0;
        overflow: hidden;
        position: absolute;
        right: 0;
        top: 0;
    }
    
    .pswp__img {
        height: auto;
        left: 0;
        position: absolute;
        top: 0;
        width: auto;
    }
    /*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
    
    .pswp__img--placeholder {
        -webkit-backface-visibility: hidden;
    }
    /*
	div element that matches size of large image
	large image loads on top of it
*/
    
    .pswp__img--placeholder--blank {
        background: #222;
    }
    
    .pswp--ie .pswp__img {
        height: auto !important;
        left: 0;
        top: 0;
        width: 100% !important;
    }
    /*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
    
    .pswp__error-msg {
        color: #ccc;
        font-size: 14px;
        left: 0;
        line-height: 16px;
        margin-top: -8px;
        position: absolute;
        text-align: center;
        top: 50%;
        width: 100%;
    }
    
    .pswp__error-msg a {
        color: #ccc;
        text-decoration: underline;
    }
    /*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
    /*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
    /*
	
	1. Buttons

 */
    /* <button> css reset */
    
    .pswp__button {
        -webkit-appearance: none;
        background: none;
        border: 0;
        box-shadow: none;
        cursor: pointer;
        display: block;
        float: right;
        height: 44px;
        margin: 0;
        opacity: 0.75;
        overflow: visible;
        padding: 0;
        position: relative;
        transition: opacity 0.2s;
        width: 44px;
    }
    
    .pswp__button:focus,
    .pswp__button:hover {
        opacity: 1;
    }
    
    .pswp__button:active {
        opacity: 0.9;
        outline: none;
    }
    
    .pswp__button::-moz-focus-inner {
        border: 0;
        padding: 0;
    }
    /* pswp__ui--over-close class it added when mouse is over element that should close gallery */
    
    .pswp__ui--over-close .pswp__button--close {
        opacity: 1;
    }
    
    .pswp__button,
    .pswp__button--arrow--left:before,
    .pswp__button--arrow--right:before {
        background: url(../img/photoswipe/default-skin.png) 0 0 no-repeat;
        background-size: 264px 88px;
        height: 44px;
        width: 44px;
    }
    
    @media (-webkit-min-device-pixel-ratio: 1.1),
    (-webkit-min-device-pixel-ratio: 1.09375),
    (min-resolution: 105dpi),
    (min-resolution: 1.1dppx) {
        /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
        .pswp--svg .pswp__button,
        .pswp--svg .pswp__button--arrow--left:before,
        .pswp--svg .pswp__button--arrow--right:before {
            background-image: url(../img/photoswipe/default-skin.svg);
        }
        .pswp--svg .pswp__button--arrow--left,
        .pswp--svg .pswp__button--arrow--right {
            background: none;
        }
    }
    
    .pswp__button--close {
        background-position: 0 -44px;
    }
    
    .pswp__button--share {
        background-position: -44px -44px;
    }
    
    .pswp__button--fs {
        display: none;
    }
    
    .pswp--supports-fs .pswp__button--fs {
        display: block;
    }
    
    .pswp--fs .pswp__button--fs {
        background-position: -44px 0;
    }
    
    .pswp__button--zoom {
        background-position: -88px 0;
        display: none;
    }
    
    .pswp--zoom-allowed .pswp__button--zoom {
        display: block;
    }
    
    .pswp--zoomed-in .pswp__button--zoom {
        background-position: -132px 0;
    }
    /* no arrows on touch screens */
    
    .pswp--touch .pswp__button--arrow--left,
    .pswp--touch .pswp__button--arrow--right {
        visibility: hidden;
    }
    /*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
    
    .pswp__button--arrow--left,
    .pswp__button--arrow--right {
        background: none;
        height: 100px;
        margin-top: -50px;
        position: absolute;
        top: 50%;
        width: 70px;
    }
    
    .pswp__button--arrow--left {
        left: 0;
    }
    
    .pswp__button--arrow--right {
        right: 0;
    }
    
    .pswp__button--arrow--left:before,
    .pswp__button--arrow--right:before {
        background-color: rgba(0, 0, 0, 0.3);
        content: "";
        height: 30px;
        position: absolute;
        top: 35px;
        width: 32px;
    }
    
    .pswp__button--arrow--left:before {
        background-position: -138px -44px;
        left: 6px;
    }
    
    .pswp__button--arrow--right:before {
        background-position: -94px -44px;
        right: 6px;
    }
    /*

	2. Share modal/popup and links

 */
    
    .pswp__counter,
    .pswp__share-modal {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    
    .pswp__share-modal {
        -webkit-backface-visibility: hidden;
        background: rgba(0, 0, 0, 0.5);
        display: block;
        height: 100%;
        left: 0;
        opacity: 0;
        padding: 10px;
        position: absolute;
        top: 0;
        transition: opacity 0.25s ease-out;
        width: 100%;
        will-change: opacity;
        z-index: 1600;
    }
    
    .pswp__share-modal--hidden {
        display: none;
    }
    
    .pswp__share-tooltip {
        -webkit-backface-visibility: hidden;
        background: #fff;
        border-radius: 2px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
        display: block;
        position: absolute;
        right: 44px;
        top: 56px;
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
        transition: -webkit-transform 0.25s;
        transition: transform 0.25s;
        transition: transform 0.25s, -webkit-transform 0.25s;
        width: auto;
        will-change: transform;
        z-index: 1620;
    }
    
    .pswp__share-tooltip a {
        color: #000;
        display: block;
        font-size: 14px;
        line-height: 18px;
        padding: 8px 12px;
        text-decoration: none;
    }
    
    .pswp__share-tooltip a:hover {
        color: #000;
        text-decoration: none;
    }
    
    .pswp__share-tooltip a:first-child {
        /* round corners on the first/last list item */
        border-radius: 2px 2px 0 0;
    }
    
    .pswp__share-tooltip a:last-child {
        border-radius: 0 0 2px 2px;
    }
    
    .pswp__share-modal--fade-in {
        opacity: 1;
    }
    
    .pswp__share-modal--fade-in .pswp__share-tooltip {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    /* increase size of share links on touch devices */
    
    .pswp--touch .pswp__share-tooltip a {
        padding: 16px 12px;
    }
    
    a.pswp__share--facebook:before {
        border: 6px solid rgba(0, 0, 0, 0);
        border-bottom-color: #fff;
        content: "";
        display: block;
        height: 0;
        -moz-pointer-events: none;
        pointer-events: none;
        -webkit-pointer-events: none;
        position: absolute;
        right: 15px;
        top: -12px;
        width: 0;
    }
    
    a.pswp__share--facebook:hover {
        background: #3e5c9a;
        color: #fff;
    }
    
    a.pswp__share--facebook:hover:before {
        border-bottom-color: #3e5c9a;
    }
    
    a.pswp__share--twitter:hover {
        background: #55acee;
        color: #fff;
    }
    
    a.pswp__share--pinterest:hover {
        background: #ccc;
        color: #ce272d;
    }
    
    a.pswp__share--download:hover {
        background: #ddd;
    }
    /*

	3. Index indicator ("1 of X" counter)

 */
    
    .pswp__counter {
        color: #fff;
        font-size: 13px;
        height: 44px;
        left: 0;
        line-height: 44px;
        opacity: 0.75;
        padding: 0 10px;
        position: absolute;
        top: 0;
    }
    /*
	
	4. Caption

 */
    
    .pswp__caption {
        bottom: 0;
        left: 0;
        min-height: 44px;
        position: absolute;
        width: 100%;
    }
    
    .pswp__caption small {
        color: #bbb;
        font-size: 12px;
    }
    
    .pswp__caption__center {
        color: #ccc;
        font-size: 13px;
        line-height: 20px;
        margin: 0 auto;
        max-width: 420px;
        padding: 10px;
        text-align: left;
    }
    
    .pswp__caption--empty {
        display: none;
    }
    /* Fake caption element, used to calculate height of next/prev image */
    
    .pswp__caption--fake {
        visibility: hidden;
    }
    /*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
    
    .pswp__preloader {
        direction: ltr;
        height: 44px;
        left: 50%;
        margin-left: -22px;
        opacity: 0;
        position: absolute;
        top: 0;
        transition: opacity 0.25s ease-out;
        width: 44px;
        will-change: opacity;
    }
    
    .pswp__preloader__icn {
        height: 20px;
        margin: 12px;
        width: 20px;
    }
    
    .pswp__preloader--active {
        opacity: 1;
    }
    
    .pswp__preloader--active .pswp__preloader__icn {
        /* We use .gif in browsers that don't support CSS animation */
        background: url(../img/photoswipe/preloader.gif) 0 0 no-repeat;
    }
    
    .pswp--css_animation .pswp__preloader--active {
        opacity: 1;
    }
    
    .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
        -webkit-animation: clockwise 500ms linear infinite;
        animation: clockwise 500ms linear infinite;
    }
    
    .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
        -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
        animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
    }
    
    .pswp--css_animation .pswp__preloader__icn {
        background: none;
        height: 14px;
        left: 15px;
        margin: 0;
        opacity: 0.75;
        position: absolute;
        top: 15px;
        width: 14px;
    }
    
    .pswp--css_animation .pswp__preloader__cut {
        height: 14px;
        overflow: hidden;
        /*
      The idea of animating inner circle is based on Polymer ("material") loading indicator
       by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
    */
        position: relative;
        width: 7px;
    }
    
    .pswp--css_animation .pswp__preloader__donut {
        background: none;
        border: 2px solid #fff;
        border-bottom-color: transparent;
        border-left-color: transparent;
        border-radius: 50%;
        box-sizing: border-box;
        height: 14px;
        left: 0;
        margin: 0;
        position: absolute;
        top: 0;
        width: 14px;
    }
    
    @media screen and (max-width: 1024px) {
        .pswp__preloader {
            float: right;
            left: auto;
            margin: 0;
            position: relative;
            top: auto;
        }
    }
    
    @-webkit-keyframes clockwise {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }
    
    @keyframes clockwise {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }
    
    @-webkit-keyframes donut-rotate {
        0% {
            -webkit-transform: rotate(0);
            transform: rotate(0);
        }
        50% {
            -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg);
        }
        100% {
            -webkit-transform: rotate(0);
            transform: rotate(0);
        }
    }
    
    @keyframes donut-rotate {
        0% {
            -webkit-transform: rotate(0);
            transform: rotate(0);
        }
        50% {
            -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg);
        }
        100% {
            -webkit-transform: rotate(0);
            transform: rotate(0);
        }
    }
    /*
	
	6. Additional styles

 */
    /* root element of UI */
    
    .pswp__ui {
        -webkit-font-smoothing: auto;
        opacity: 1;
        visibility: visible;
        z-index: 1550;
    }
    /* top black bar with buttons and "1 of X" indicator */
    
    .pswp__top-bar {
        height: 44px;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }
    
    .pswp__caption,
    .pswp__top-bar,
    .pswp--has_mouse .pswp__button--arrow--left,
    .pswp--has_mouse .pswp__button--arrow--right {
        -webkit-backface-visibility: hidden;
        transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
        will-change: opacity;
    }
    /* pswp--has_mouse class is added only when two subsequent mousemove events occur */
    
    .pswp--has_mouse .pswp__button--arrow--left,
    .pswp--has_mouse .pswp__button--arrow--right {
        visibility: visible;
    }
    
    .pswp__top-bar,
    .pswp__caption {
        background-color: rgba(0, 0, 0, 0.5);
    }
    /* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
    
    .pswp__ui--fit .pswp__top-bar,
    .pswp__ui--fit .pswp__caption {
        background-color: rgba(0, 0, 0, 0.3);
    }
    /* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
    
    .pswp__ui--idle .pswp__top-bar {
        opacity: 0;
    }
    
    .pswp__ui--idle .pswp__button--arrow--left,
    .pswp__ui--idle .pswp__button--arrow--right {
        opacity: 0;
    }
    /*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
    
    .pswp__ui--hidden .pswp__top-bar,
    .pswp__ui--hidden .pswp__caption,
    .pswp__ui--hidden .pswp__button--arrow--left,
    .pswp__ui--hidden .pswp__button--arrow--right {
        /* Force paint & create composition layer for controls. */
        opacity: 0.001;
    }
    /* pswp__ui--one-slide class is added when there is just one item in gallery */
    
    .pswp__ui--one-slide .pswp__button--arrow--left,
    .pswp__ui--one-slide .pswp__button--arrow--right,
    .pswp__ui--one-slide .pswp__counter {
        display: none;
    }
    
    .pswp__element--disabled {
        display: none !important;
    }
    
    .pswp--minimal--dark .pswp__top-bar {
        background: none;
    }
    
    .pswp__zoom-wrap .embed-responsive {
        margin: auto;
        max-width: 90%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    
    @media (min-width: 1200px) {
        .pswp__zoom-wrap .embed-responsive {
            max-width: 50%;
        }
    }
    /*
** Easy pieChart
*/
    
    .chart {
        display: inline-block;
        margin-bottom: 10px;
        min-height: 150px;
        min-width: 150px;
        position: relative;
        text-align: center;
    }
    
    .chart .chart-meta {
        margin-top: 5px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%;
    }
    
    .chart .chart-meta h4 {
        color: #9a9a9a;
        font-size: 20px;
        letter-spacing: 0.2em;
        margin: 5px 0 0 0;
        text-transform: capitalize;
    }
    
    .percent {
        display: inline-block;
        font-family: "Vidaloka", serif;
        font-size: 60px;
        font-weight: 500;
        z-index: 2;
    }
    
    .percent:after {
        content: "%";
    }
    
    .angular {
        margin-top: 100px;
    }
    
    .angular .chart {
        margin-top: 0;
    }
    /* 
** Time Table 
*/
    
    #timetable span {
        display: block;
    }
    
    #timetable th,
    #timetable td {
        font-weight: normal;
        padding: 25px 5px;
        text-align: center;
        vertical-align: middle;
    }
    
    #timetable thead {
        color: #fff;
    }
    
    #timetable thead th {
        border: 1px solid rgba(255, 255, 255, 0.15);
        border-width: 0 1px;
    }
    
    #timetable tbody th,
    #timetable tbody td {
        border: 1px solid #e1e1e1;
        transition: all 0.3s ease-in-out;
    }
    
    #timetable tbody .current {
        background-color: #FFC000;
        border-color: #FFC000;
    }
    
    #timetable tbody .current a {
        color: #fff;
    }
    /* 
** toTop
*/
    
    #toTop {
        background-color: #FFC000;
        bottom: 0;
        color: transparent;
        display: none;
        font-size: 0;
        height: 60px;
        opacity: 0.7;
        overflow: hidden;
        position: fixed;
        right: 0;
        text-decoration: none;
        width: 60px;
        z-index: 1000;
    }
    
    #toTop:after {
        bottom: 0;
        color: #fff;
        content: "\f106";
        display: block;
        font-family: "FontAwesome";
        font-size: 16px;
        left: 0;
        line-height: 60px;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        transition: all 0.2s linear;
    }
    
    #toTopHover,
    #toTop:hover {
        bottom: 3px;
        opacity: 1;
    }
    
    #toTop:hover:after {
        color: #fff;
    }
    
    #toTop:active,
    #toTop:focus {
        outline: medium none;
    }
    
    .modal-open #toTop {
        visibility: hidden;
    }
    /* Countdown */
    
    #comingsoon-countdown {
        text-align: center;
    }
    
    #comingsoon-countdown:before,
    #comingsoon-countdown:after {
        clear: both;
        content: " ";
        display: table;
    }
    
    .countdown-rtl {
        direction: rtl;
    }
    
    .countdown-row {
        clear: both;
        display: table;
        margin: auto;
        padding: 20px 0;
        text-align: center;
    }
    
    .countdown-section {
        border-left: 1px solid rgba(255, 255, 255, 0.15);
        display: table-cell;
        padding: 10px 30px 20px;
        text-align: center;
    }
    
    .countdown-section:first-child {
        border-left-width: 0;
    }
    
    .countdown-amount {
        color: #FFC000;
        font-size: 80px;
        font-weight: 700;
        line-height: 1;
    }
    
    .countdown-period {
        color: #fff;
        display: block;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.2em;
        min-width: 11em;
        text-transform: uppercase;
    }
    
    .countdown-descr {
        display: block;
    }
    
    @media (max-width: 992px) {
        .countdown-section {
            padding: 10px 8px 0;
        }
    }
    
    @media (max-width: 767px) {
        .countdown-section {
            padding: 20px 8px 0;
        }
        .countdown-amount {
            font-size: 40px;
        }
        .countdown-period {
            letter-spacing: 0.1em;
            min-width: 4em;
        }
    }
    
    .page_header_side .vertical_menu_header .scroll-wrapper {
        position: relative;
    }
    /* sidebar scroll plugin */
    
    .scroll-wrapper {
        height: 100%;
        overflow: hidden;
        padding: 0;
    }
    
    .scroll-wrapper>.scroll-content {
        border: none;
        box-sizing: content-box;
        height: auto;
        left: 0;
        margin: 0;
        max-height: none;
        max-width: none;
        overflow: scroll;
        padding: 0;
        position: relative;
        top: 0;
        width: auto;
    }
    
    .scroll-wrapper>.scroll-content::-webkit-scrollbar {
        height: 0;
        width: 0;
    }
    
    .scroll-wrapper.scroll--rtl {
        direction: rtl;
    }
    
    .scroll-element {
        box-sizing: content-box;
        display: none;
    }
    
    .scroll-element div {
        box-sizing: content-box;
    }
    
    .scroll-element .scroll-bar,
    .scroll-element .scroll-arrow {
        cursor: default;
    }
    
    .scroll-element.scroll-x.scroll-scrollx_visible,
    .scroll-element.scroll-y.scroll-scrolly_visible {
        display: block;
    }
    
    .scrollbar-macosx>.scroll-element,
    .scrollbar-macosx>.scroll-element div {
        background: none;
        border: none;
        margin: 0;
        padding: 0;
        position: absolute;
        z-index: 10;
    }
    
    .scrollbar-macosx>.scroll-element div {
        display: block;
        height: 100%;
        left: 0;
        top: 0;
        width: 100%;
    }
    
    .scrollbar-macosx>.scroll-element .scroll-element_track {
        display: none;
    }
    
    .scrollbar-macosx>.scroll-element .scroll-bar {
        background-color: rgba(127, 127, 127, 0.4);
        border-radius: 1px;
        display: block;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
        transition: opacity 0.2s linear;
    }
    
    .scrollbar-macosx:hover>.scroll-element .scroll-bar,
    .scrollbar-macosx>.scroll-element.scroll-draggable .scroll-bar {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        filter: alpha(opacity=70);
        opacity: 0.7;
    }
    
    .scrollbar-macosx>.scroll-element.scroll-x {
        bottom: 0;
        height: 0;
        left: 0;
        min-width: 100%;
        overflow: visible;
        width: 100%;
    }
    
    .scrollbar-macosx>.scroll-element.scroll-y {
        height: 100%;
        min-height: 100%;
        right: 0;
        top: 0;
        width: 0;
    }
    
    .scrollbar-macosx>.scroll-element.scroll-x .scroll-bar {
        height: 7px;
        min-width: 10px;
        top: -9px;
    }
    
    .scrollbar-macosx>.scroll-element.scroll-y .scroll-bar {
        left: -9px;
        min-height: 10px;
        width: 7px;
    }
    
    .scrollbar-macosx>.scroll-element.scroll-x .scroll-element_outer {
        left: 2px;
    }
    
    .scrollbar-macosx>.scroll-element.scroll-x .scroll-element_size {
        left: -4px;
    }
    
    .scrollbar-macosx>.scroll-element.scroll-y .scroll-element_outer {
        top: 2px;
    }
    
    .scrollbar-macosx>.scroll-element.scroll-y .scroll-element_size {
        top: -4px;
    }
    
    .scrollbar-macosx>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
        left: -11px;
    }
    
    .scrollbar-macosx>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
        top: -11px;
    }
    /*
** Bootstrap Addons
*/
    /*
** Horizontal padding (gutters) for columns and rows
*/
    /* columns
.c - columns
px-* - horizontal padding value
*/
    
    .c-gutter-120 [class*="col-"],
    .row.c-gutter-120>[class*="col-"] {
        padding-left: 60px;
        padding-right: 60px;
    }
    /* rows */
    
    .c-gutter-120 .row,
    div.row.c-gutter-120 {
        margin-left: -60px;
        margin-right: -60px;
    }
    
    .c-gutter-100 .row,
    div.row.c-gutter-100 {
        margin-left: -50px;
        margin-right: -50px;
    }
    
    .c-gutter-80 .row,
    div.row.c-gutter-80 {
        margin-left: -40px;
        margin-right: -40px;
    }
    
    .c-gutter-60 .row,
    div.row.c-gutter-60 {
        margin-left: -30px;
        margin-right: -30px;
    }
    
    .c-gutter-50 .row,
    div.row.c-gutter-50 {
        margin-left: -25px;
        margin-right: -25px;
    }
    
    .c-gutter-30 .row,
    div.row.c-gutter-30 {
        margin-left: -15px;
        margin-right: -15px;
    }
    
    .c-gutter-25 .row,
    div.row.c-gutter-25 {
        margin-left: -13px;
        margin-right: -12px;
    }
    
    .c-gutter-20 .row,
    div.row.c-gutter-20 {
        margin-left: -10px;
        margin-right: -10px;
    }
    
    .c-gutter-15 .row,
    div.row.c-gutter-15 {
        margin-left: -8px;
        margin-right: -7px;
    }
    
    .c-gutter-10 .row,
    div.row.c-gutter-10 {
        margin-left: -5px;
        margin-right: -5px;
    }
    
    .c-gutter-5 .row,
    div.row.c-gutter-5 {
        margin-left: -3px;
        margin-right: -2px;
    }
    
    .c-gutter-2 .row,
    div.row.c-gutter-2 {
        margin-left: -1px;
        margin-right: -1px;
    }
    
    .c-gutter-1 .row,
    div.row.c-gutter-1 {
        margin-left: -1px;
        margin-right: 0;
    }
    
    .c-gutter-0 .row,
    div.row.c-gutter-0 {
        margin-left: 0;
        margin-right: 0;
    }
    /* containers */
    
    .container-px-0 [class*='container'] {
        padding-left: 0;
        padding-right: 0;
    }
    
    .container-px-1 [class*='container'] {
        padding-left: 1px;
        padding-right: 1px;
    }
    
    .container-px-2 [class*='container'] {
        padding-left: 2px;
        padding-right: 2px;
    }
    
    .container-px-5 [class*='container'] {
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .container-px-10 [class*='container'] {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .container-px-20 [class*='container'] {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .container-px-30 [class*='container'] {
        padding-left: 30px;
        padding-right: 30px;
    }
    
    .container-px-60 [class*='container'] {
        padding-left: 60px;
        padding-right: 60px;
    }
    
    .container-px-80 [class*='container'] {
        padding-left: 80px;
        padding-right: 80px;
    }
    
    .container-px-90 [class*='container'] {
        padding-left: 90px;
        padding-right: 90px;
    }
    
    .container-px-100 [class*='container'] {
        padding-left: 100px;
        padding-right: 100px;
    }
    
    .container-px-120 [class*='container'] {
        padding-left: 120px;
        padding-right: 120px;
    }
    
    .c-gutter-100 [class*="col-"],
    .row.c-gutter-100>[class*="col-"] {
        padding-left: 50px;
        padding-right: 50px;
    }
    /* rows */
    
    .c-gutter-120 .row,
    div.row.c-gutter-120 {
        margin-left: -60px;
        margin-right: -60px;
    }
    
    .c-gutter-100 .row,
    div.row.c-gutter-100 {
        margin-left: -50px;
        margin-right: -50px;
    }
    
    .c-gutter-80 .row,
    div.row.c-gutter-80 {
        margin-left: -40px;
        margin-right: -40px;
    }
    
    .c-gutter-60 .row,
    div.row.c-gutter-60 {
        margin-left: -30px;
        margin-right: -30px;
    }
    
    .c-gutter-50 .row,
    div.row.c-gutter-50 {
        margin-left: -25px;
        margin-right: -25px;
    }
    
    .c-gutter-30 .row,
    div.row.c-gutter-30 {
        margin-left: -15px;
        margin-right: -15px;
    }
    
    .c-gutter-25 .row,
    div.row.c-gutter-25 {
        margin-left: -13px;
        margin-right: -12px;
    }
    
    .c-gutter-20 .row,
    div.row.c-gutter-20 {
        margin-left: -10px;
        margin-right: -10px;
    }
    
    .c-gutter-15 .row,
    div.row.c-gutter-15 {
        margin-left: -8px;
        margin-right: -7px;
    }
    
    .c-gutter-10 .row,
    div.row.c-gutter-10 {
        margin-left: -5px;
        margin-right: -5px;
    }
    
    .c-gutter-5 .row,
    div.row.c-gutter-5 {
        margin-left: -3px;
        margin-right: -2px;
    }
    
    .c-gutter-2 .row,
    div.row.c-gutter-2 {
        margin-left: -1px;
        margin-right: -1px;
    }
    
    .c-gutter-1 .row,
    div.row.c-gutter-1 {
        margin-left: -1px;
        margin-right: 0;
    }
    
    .c-gutter-0 .row,
    div.row.c-gutter-0 {
        margin-left: 0;
        margin-right: 0;
    }
    /* containers */
    
    .container-px-0 [class*='container'] {
        padding-left: 0;
        padding-right: 0;
    }
    
    .container-px-1 [class*='container'] {
        padding-left: 1px;
        padding-right: 1px;
    }
    
    .container-px-2 [class*='container'] {
        padding-left: 2px;
        padding-right: 2px;
    }
    
    .container-px-5 [class*='container'] {
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .container-px-10 [class*='container'] {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .container-px-20 [class*='container'] {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .container-px-30 [class*='container'] {
        padding-left: 30px;
        padding-right: 30px;
    }
    
    .container-px-60 [class*='container'] {
        padding-left: 60px;
        padding-right: 60px;
    }
    
    .container-px-80 [class*='container'] {
        padding-left: 80px;
        padding-right: 80px;
    }
    
    .container-px-90 [class*='container'] {
        padding-left: 90px;
        padding-right: 90px;
    }
    
    .container-px-100 [class*='container'] {
        padding-left: 100px;
        padding-right: 100px;
    }
    
    .container-px-120 [class*='container'] {
        padding-left: 120px;
        padding-right: 120px;
    }
    
    .c-gutter-80 [class*="col-"],
    .row.c-gutter-80>[class*="col-"] {
        padding-left: 40px;
        padding-right: 40px;
    }
    /* rows */
    
    .c-gutter-120 .row,
    div.row.c-gutter-120 {
        margin-left: -60px;
        margin-right: -60px;
    }
    
    .c-gutter-100 .row,
    div.row.c-gutter-100 {
        margin-left: -50px;
        margin-right: -50px;
    }
    
    .c-gutter-80 .row,
    div.row.c-gutter-80 {
        margin-left: -40px;
        margin-right: -40px;
    }
    
    .c-gutter-60 .row,
    div.row.c-gutter-60 {
        margin-left: -30px;
        margin-right: -30px;
    }
    
    .c-gutter-50 .row,
    div.row.c-gutter-50 {
        margin-left: -25px;
        margin-right: -25px;
    }
    
    .c-gutter-30 .row,
    div.row.c-gutter-30 {
        margin-left: -15px;
        margin-right: -15px;
    }
    
    .c-gutter-25 .row,
    div.row.c-gutter-25 {
        margin-left: -13px;
        margin-right: -12px;
    }
    
    .c-gutter-20 .row,
    div.row.c-gutter-20 {
        margin-left: -10px;
        margin-right: -10px;
    }
    
    .c-gutter-15 .row,
    div.row.c-gutter-15 {
        margin-left: -8px;
        margin-right: -7px;
    }
    
    .c-gutter-10 .row,
    div.row.c-gutter-10 {
        margin-left: -5px;
        margin-right: -5px;
    }
    
    .c-gutter-5 .row,
    div.row.c-gutter-5 {
        margin-left: -3px;
        margin-right: -2px;
    }
    
    .c-gutter-2 .row,
    div.row.c-gutter-2 {
        margin-left: -1px;
        margin-right: -1px;
    }
    
    .c-gutter-1 .row,
    div.row.c-gutter-1 {
        margin-left: -1px;
        margin-right: 0;
    }
    
    .c-gutter-0 .row,
    div.row.c-gutter-0 {
        margin-left: 0;
        margin-right: 0;
    }
    /* containers */
    
    .container-px-0 [class*='container'] {
        padding-left: 0;
        padding-right: 0;
    }
    
    .container-px-1 [class*='container'] {
        padding-left: 1px;
        padding-right: 1px;
    }
    
    .container-px-2 [class*='container'] {
        padding-left: 2px;
        padding-right: 2px;
    }
    
    .container-px-5 [class*='container'] {
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .container-px-10 [class*='container'] {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .container-px-20 [class*='container'] {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .container-px-30 [class*='container'] {
        padding-left: 30px;
        padding-right: 30px;
    }
    
    .container-px-60 [class*='container'] {
        padding-left: 60px;
        padding-right: 60px;
    }
    
    .container-px-80 [class*='container'] {
        padding-left: 80px;
        padding-right: 80px;
    }
    
    .container-px-90 [class*='container'] {
        padding-left: 90px;
        padding-right: 90px;
    }
    
    .container-px-100 [class*='container'] {
        padding-left: 100px;
        padding-right: 100px;
    }
    
    .container-px-120 [class*='container'] {
        padding-left: 120px;
        padding-right: 120px;
    }
    
    .c-gutter-60 [class*="col-"],
    .row.c-gutter-60>[class*="col-"] {
        padding-left: 30px;
        padding-right: 30px;
    }
    /* rows */
    
    .c-gutter-120 .row,
    div.row.c-gutter-120 {
        margin-left: -60px;
        margin-right: -60px;
    }
    
    .c-gutter-100 .row,
    div.row.c-gutter-100 {
        margin-left: -50px;
        margin-right: -50px;
    }
    
    .c-gutter-80 .row,
    div.row.c-gutter-80 {
        margin-left: -40px;
        margin-right: -40px;
    }
    
    .c-gutter-60 .row,
    div.row.c-gutter-60 {
        margin-left: -30px;
        margin-right: -30px;
    }
    
    .c-gutter-50 .row,
    div.row.c-gutter-50 {
        margin-left: -25px;
        margin-right: -25px;
    }
    
    .c-gutter-30 .row,
    div.row.c-gutter-30 {
        margin-left: -15px;
        margin-right: -15px;
    }
    
    .c-gutter-25 .row,
    div.row.c-gutter-25 {
        margin-left: -13px;
        margin-right: -12px;
    }
    
    .c-gutter-20 .row,
    div.row.c-gutter-20 {
        margin-left: -10px;
        margin-right: -10px;
    }
    
    .c-gutter-15 .row,
    div.row.c-gutter-15 {
        margin-left: -8px;
        margin-right: -7px;
    }
    
    .c-gutter-10 .row,
    div.row.c-gutter-10 {
        margin-left: -5px;
        margin-right: -5px;
    }
    
    .c-gutter-5 .row,
    div.row.c-gutter-5 {
        margin-left: -3px;
        margin-right: -2px;
    }
    
    .c-gutter-2 .row,
    div.row.c-gutter-2 {
        margin-left: -1px;
        margin-right: -1px;
    }
    
    .c-gutter-1 .row,
    div.row.c-gutter-1 {
        margin-left: -1px;
        margin-right: 0;
    }
    
    .c-gutter-0 .row,
    div.row.c-gutter-0 {
        margin-left: 0;
        margin-right: 0;
    }
    /* containers */
    
    .container-px-0 [class*='container'] {
        padding-left: 0;
        padding-right: 0;
    }
    
    .container-px-1 [class*='container'] {
        padding-left: 1px;
        padding-right: 1px;
    }
    
    .container-px-2 [class*='container'] {
        padding-left: 2px;
        padding-right: 2px;
    }
    
    .container-px-5 [class*='container'] {
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .container-px-10 [class*='container'] {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .container-px-20 [class*='container'] {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .container-px-30 [class*='container'] {
        padding-left: 30px;
        padding-right: 30px;
    }
    
    .container-px-60 [class*='container'] {
        padding-left: 60px;
        padding-right: 60px;
    }
    
    .container-px-80 [class*='container'] {
        padding-left: 80px;
        padding-right: 80px;
    }
    
    .container-px-90 [class*='container'] {
        padding-left: 90px;
        padding-right: 90px;
    }
    
    .container-px-100 [class*='container'] {
        padding-left: 100px;
        padding-right: 100px;
    }
    
    .container-px-120 [class*='container'] {
        padding-left: 120px;
        padding-right: 120px;
    }
    
    .c-gutter-50 [class*="col-"],
    .row.c-gutter-50>[class*="col-"] {
        padding-left: 25px;
        padding-right: 25px;
    }
    /* rows */
    
    .c-gutter-120 .row,
    div.row.c-gutter-120 {
        margin-left: -60px;
        margin-right: -60px;
    }
    
    .c-gutter-100 .row,
    div.row.c-gutter-100 {
        margin-left: -50px;
        margin-right: -50px;
    }
    
    .c-gutter-80 .row,
    div.row.c-gutter-80 {
        margin-left: -40px;
        margin-right: -40px;
    }
    
    .c-gutter-60 .row,
    div.row.c-gutter-60 {
        margin-left: -30px;
        margin-right: -30px;
    }
    
    .c-gutter-50 .row,
    div.row.c-gutter-50 {
        margin-left: -25px;
        margin-right: -25px;
    }
    
    .c-gutter-30 .row,
    div.row.c-gutter-30 {
        margin-left: -15px;
        margin-right: -15px;
    }
    
    .c-gutter-25 .row,
    div.row.c-gutter-25 {
        margin-left: -13px;
        margin-right: -12px;
    }
    
    .c-gutter-20 .row,
    div.row.c-gutter-20 {
        margin-left: -10px;
        margin-right: -10px;
    }
    
    .c-gutter-15 .row,
    div.row.c-gutter-15 {
        margin-left: -8px;
        margin-right: -7px;
    }
    
    .c-gutter-10 .row,
    div.row.c-gutter-10 {
        margin-left: -5px;
        margin-right: -5px;
    }
    
    .c-gutter-5 .row,
    div.row.c-gutter-5 {
        margin-left: -3px;
        margin-right: -2px;
    }
    
    .c-gutter-2 .row,
    div.row.c-gutter-2 {
        margin-left: -1px;
        margin-right: -1px;
    }
    
    .c-gutter-1 .row,
    div.row.c-gutter-1 {
        margin-left: -1px;
        margin-right: 0;
    }
    
    .c-gutter-0 .row,
    div.row.c-gutter-0 {
        margin-left: 0;
        margin-right: 0;
    }
    /* containers */
    
    .container-px-0 [class*='container'] {
        padding-left: 0;
        padding-right: 0;
    }
    
    .container-px-1 [class*='container'] {
        padding-left: 1px;
        padding-right: 1px;
    }
    
    .container-px-2 [class*='container'] {
        padding-left: 2px;
        padding-right: 2px;
    }
    
    .container-px-5 [class*='container'] {
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .container-px-10 [class*='container'] {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .container-px-20 [class*='container'] {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .container-px-30 [class*='container'] {
        padding-left: 30px;
        padding-right: 30px;
    }
    
    .container-px-60 [class*='container'] {
        padding-left: 60px;
        padding-right: 60px;
    }
    
    .container-px-80 [class*='container'] {
        padding-left: 80px;
        padding-right: 80px;
    }
    
    .container-px-90 [class*='container'] {
        padding-left: 90px;
        padding-right: 90px;
    }
    
    .container-px-100 [class*='container'] {
        padding-left: 100px;
        padding-right: 100px;
    }
    
    .container-px-120 [class*='container'] {
        padding-left: 120px;
        padding-right: 120px;
    }
    
    .c-gutter-30 [class*="col-"],
    .row.c-gutter-30>[class*="col-"] {
        padding-left: 15px;
        padding-right: 15px;
    }
    /* rows */
    
    .c-gutter-120 .row,
    div.row.c-gutter-120 {
        margin-left: -60px;
        margin-right: -60px;
    }
    
    .c-gutter-100 .row,
    div.row.c-gutter-100 {
        margin-left: -50px;
        margin-right: -50px;
    }
    
    .c-gutter-80 .row,
    div.row.c-gutter-80 {
        margin-left: -40px;
        margin-right: -40px;
    }
    
    .c-gutter-60 .row,
    div.row.c-gutter-60 {
        margin-left: -30px;
        margin-right: -30px;
    }
    
    .c-gutter-50 .row,
    div.row.c-gutter-50 {
        margin-left: -25px;
        margin-right: -25px;
    }
    
    .c-gutter-30 .row,
    div.row.c-gutter-30 {
        margin-left: -15px;
        margin-right: -15px;
    }
    
    .c-gutter-25 .row,
    div.row.c-gutter-25 {
        margin-left: -13px;
        margin-right: -12px;
    }
    
    .c-gutter-20 .row,
    div.row.c-gutter-20 {
        margin-left: -10px;
        margin-right: -10px;
    }
    
    .c-gutter-15 .row,
    div.row.c-gutter-15 {
        margin-left: -8px;
        margin-right: -7px;
    }
    
    .c-gutter-10 .row,
    div.row.c-gutter-10 {
        margin-left: -5px;
        margin-right: -5px;
    }
    
    .c-gutter-5 .row,
    div.row.c-gutter-5 {
        margin-left: -3px;
        margin-right: -2px;
    }
    
    .c-gutter-2 .row,
    div.row.c-gutter-2 {
        margin-left: -1px;
        margin-right: -1px;
    }
    
    .c-gutter-1 .row,
    div.row.c-gutter-1 {
        margin-left: -1px;
        margin-right: 0;
    }
    
    .c-gutter-0 .row,
    div.row.c-gutter-0 {
        margin-left: 0;
        margin-right: 0;
    }
    /* containers */
    
    .container-px-0 [class*='container'] {
        padding-left: 0;
        padding-right: 0;
    }
    
    .container-px-1 [class*='container'] {
        padding-left: 1px;
        padding-right: 1px;
    }
    
    .container-px-2 [class*='container'] {
        padding-left: 2px;
        padding-right: 2px;
    }
    
    .container-px-5 [class*='container'] {
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .container-px-10 [class*='container'] {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .container-px-20 [class*='container'] {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .container-px-30 [class*='container'] {
        padding-left: 30px;
        padding-right: 30px;
    }
    
    .container-px-60 [class*='container'] {
        padding-left: 60px;
        padding-right: 60px;
    }
    
    .container-px-80 [class*='container'] {
        padding-left: 80px;
        padding-right: 80px;
    }
    
    .container-px-90 [class*='container'] {
        padding-left: 90px;
        padding-right: 90px;
    }
    
    .container-px-100 [class*='container'] {
        padding-left: 100px;
        padding-right: 100px;
    }
    
    .container-px-120 [class*='container'] {
        padding-left: 120px;
        padding-right: 120px;
    }
    
    .c-gutter-25 [class*="col-"],
    .row.c-gutter-25>[class*="col-"] {
        padding-left: 13px;
        padding-right: 12px;
    }
    /* rows */
    
    .c-gutter-120 .row,
    div.row.c-gutter-120 {
        margin-left: -60px;
        margin-right: -60px;
    }
    
    .c-gutter-100 .row,
    div.row.c-gutter-100 {
        margin-left: -50px;
        margin-right: -50px;
    }
    
    .c-gutter-80 .row,
    div.row.c-gutter-80 {
        margin-left: -40px;
        margin-right: -40px;
    }
    
    .c-gutter-60 .row,
    div.row.c-gutter-60 {
        margin-left: -30px;
        margin-right: -30px;
    }
    
    .c-gutter-50 .row,
    div.row.c-gutter-50 {
        margin-left: -25px;
        margin-right: -25px;
    }
    
    .c-gutter-30 .row,
    div.row.c-gutter-30 {
        margin-left: -15px;
        margin-right: -15px;
    }
    
    .c-gutter-25 .row,
    div.row.c-gutter-25 {
        margin-left: -13px;
        margin-right: -12px;
    }
    
    .c-gutter-20 .row,
    div.row.c-gutter-20 {
        margin-left: -10px;
        margin-right: -10px;
    }
    
    .c-gutter-15 .row,
    div.row.c-gutter-15 {
        margin-left: -8px;
        margin-right: -7px;
    }
    
    .c-gutter-10 .row,
    div.row.c-gutter-10 {
        margin-left: -5px;
        margin-right: -5px;
    }
    
    .c-gutter-5 .row,
    div.row.c-gutter-5 {
        margin-left: -3px;
        margin-right: -2px;
    }
    
    .c-gutter-2 .row,
    div.row.c-gutter-2 {
        margin-left: -1px;
        margin-right: -1px;
    }
    
    .c-gutter-1 .row,
    div.row.c-gutter-1 {
        margin-left: -1px;
        margin-right: 0;
    }
    
    .c-gutter-0 .row,
    div.row.c-gutter-0 {
        margin-left: 0;
        margin-right: 0;
    }
    /* containers */
    
    .container-px-0 [class*='container'] {
        padding-left: 0;
        padding-right: 0;
    }
    
    .container-px-1 [class*='container'] {
        padding-left: 1px;
        padding-right: 1px;
    }
    
    .container-px-2 [class*='container'] {
        padding-left: 2px;
        padding-right: 2px;
    }
    
    .container-px-5 [class*='container'] {
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .container-px-10 [class*='container'] {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .container-px-20 [class*='container'] {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .container-px-30 [class*='container'] {
        padding-left: 30px;
        padding-right: 30px;
    }
    
    .container-px-60 [class*='container'] {
        padding-left: 60px;
        padding-right: 60px;
    }
    
    .container-px-80 [class*='container'] {
        padding-left: 80px;
        padding-right: 80px;
    }
    
    .container-px-90 [class*='container'] {
        padding-left: 90px;
        padding-right: 90px;
    }
    
    .container-px-100 [class*='container'] {
        padding-left: 100px;
        padding-right: 100px;
    }
    
    .container-px-120 [class*='container'] {
        padding-left: 120px;
        padding-right: 120px;
    }
    
    .c-gutter-20 [class*="col-"],
    .row.c-gutter-20>[class*="col-"] {
        padding-left: 10px;
        padding-right: 10px;
    }
    /* rows */
    
    .c-gutter-120 .row,
    div.row.c-gutter-120 {
        margin-left: -60px;
        margin-right: -60px;
    }
    
    .c-gutter-100 .row,
    div.row.c-gutter-100 {
        margin-left: -50px;
        margin-right: -50px;
    }
    
    .c-gutter-80 .row,
    div.row.c-gutter-80 {
        margin-left: -40px;
        margin-right: -40px;
    }
    
    .c-gutter-60 .row,
    div.row.c-gutter-60 {
        margin-left: -30px;
        margin-right: -30px;
    }
    
    .c-gutter-50 .row,
    div.row.c-gutter-50 {
        margin-left: -25px;
        margin-right: -25px;
    }
    
    .c-gutter-30 .row,
    div.row.c-gutter-30 {
        margin-left: -15px;
        margin-right: -15px;
    }
    
    .c-gutter-25 .row,
    div.row.c-gutter-25 {
        margin-left: -13px;
        margin-right: -12px;
    }
    
    .c-gutter-20 .row,
    div.row.c-gutter-20 {
        margin-left: -10px;
        margin-right: -10px;
    }
    
    .c-gutter-15 .row,
    div.row.c-gutter-15 {
        margin-left: -8px;
        margin-right: -7px;
    }
    
    .c-gutter-10 .row,
    div.row.c-gutter-10 {
        margin-left: -5px;
        margin-right: -5px;
    }
    
    .c-gutter-5 .row,
    div.row.c-gutter-5 {
        margin-left: -3px;
        margin-right: -2px;
    }
    
    .c-gutter-2 .row,
    div.row.c-gutter-2 {
        margin-left: -1px;
        margin-right: -1px;
    }
    
    .c-gutter-1 .row,
    div.row.c-gutter-1 {
        margin-left: -1px;
        margin-right: 0;
    }
    
    .c-gutter-0 .row,
    div.row.c-gutter-0 {
        margin-left: 0;
        margin-right: 0;
    }
    /* containers */
    
    .container-px-0 [class*='container'] {
        padding-left: 0;
        padding-right: 0;
    }
    
    .container-px-1 [class*='container'] {
        padding-left: 1px;
        padding-right: 1px;
    }
    
    .container-px-2 [class*='container'] {
        padding-left: 2px;
        padding-right: 2px;
    }
    
    .container-px-5 [class*='container'] {
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .container-px-10 [class*='container'] {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .container-px-20 [class*='container'] {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .container-px-30 [class*='container'] {
        padding-left: 30px;
        padding-right: 30px;
    }
    
    .container-px-60 [class*='container'] {
        padding-left: 60px;
        padding-right: 60px;
    }
    
    .container-px-80 [class*='container'] {
        padding-left: 80px;
        padding-right: 80px;
    }
    
    .container-px-90 [class*='container'] {
        padding-left: 90px;
        padding-right: 90px;
    }
    
    .container-px-100 [class*='container'] {
        padding-left: 100px;
        padding-right: 100px;
    }
    
    .container-px-120 [class*='container'] {
        padding-left: 120px;
        padding-right: 120px;
    }
    
    .c-gutter-15 [class*="col-"],
    .row.c-gutter-15>[class*="col-"] {
        padding-left: 8px;
        padding-right: 7px;
    }
    /* rows */
    
    .c-gutter-120 .row,
    div.row.c-gutter-120 {
        margin-left: -60px;
        margin-right: -60px;
    }
    
    .c-gutter-100 .row,
    div.row.c-gutter-100 {
        margin-left: -50px;
        margin-right: -50px;
    }
    
    .c-gutter-80 .row,
    div.row.c-gutter-80 {
        margin-left: -40px;
        margin-right: -40px;
    }
    
    .c-gutter-60 .row,
    div.row.c-gutter-60 {
        margin-left: -30px;
        margin-right: -30px;
    }
    
    .c-gutter-50 .row,
    div.row.c-gutter-50 {
        margin-left: -25px;
        margin-right: -25px;
    }
    
    .c-gutter-30 .row,
    div.row.c-gutter-30 {
        margin-left: -15px;
        margin-right: -15px;
    }
    
    .c-gutter-25 .row,
    div.row.c-gutter-25 {
        margin-left: -13px;
        margin-right: -12px;
    }
    
    .c-gutter-20 .row,
    div.row.c-gutter-20 {
        margin-left: -10px;
        margin-right: -10px;
    }
    
    .c-gutter-15 .row,
    div.row.c-gutter-15 {
        margin-left: -8px;
        margin-right: -7px;
    }
    
    .c-gutter-10 .row,
    div.row.c-gutter-10 {
        margin-left: -5px;
        margin-right: -5px;
    }
    
    .c-gutter-5 .row,
    div.row.c-gutter-5 {
        margin-left: -3px;
        margin-right: -2px;
    }
    
    .c-gutter-2 .row,
    div.row.c-gutter-2 {
        margin-left: -1px;
        margin-right: -1px;
    }
    
    .c-gutter-1 .row,
    div.row.c-gutter-1 {
        margin-left: -1px;
        margin-right: 0;
    }
    
    .c-gutter-0 .row,
    div.row.c-gutter-0 {
        margin-left: 0;
        margin-right: 0;
    }
    /* containers */
    
    .container-px-0 [class*='container'] {
        padding-left: 0;
        padding-right: 0;
    }
    
    .container-px-1 [class*='container'] {
        padding-left: 1px;
        padding-right: 1px;
    }
    
    .container-px-2 [class*='container'] {
        padding-left: 2px;
        padding-right: 2px;
    }
    
    .container-px-5 [class*='container'] {
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .container-px-10 [class*='container'] {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .container-px-20 [class*='container'] {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .container-px-30 [class*='container'] {
        padding-left: 30px;
        padding-right: 30px;
    }
    
    .container-px-60 [class*='container'] {
        padding-left: 60px;
        padding-right: 60px;
    }
    
    .container-px-80 [class*='container'] {
        padding-left: 80px;
        padding-right: 80px;
    }
    
    .container-px-90 [class*='container'] {
        padding-left: 90px;
        padding-right: 90px;
    }
    
    .container-px-100 [class*='container'] {
        padding-left: 100px;
        padding-right: 100px;
    }
    
    .container-px-120 [class*='container'] {
        padding-left: 120px;
        padding-right: 120px;
    }
    
    .c-gutter-10 [class*="col-"],
    .row.c-gutter-10>[class*="col-"] {
        padding-left: 5px;
        padding-right: 5px;
    }
    /* rows */
    
    .c-gutter-120 .row,
    div.row.c-gutter-120 {
        margin-left: -60px;
        margin-right: -60px;
    }
    
    .c-gutter-100 .row,
    div.row.c-gutter-100 {
        margin-left: -50px;
        margin-right: -50px;
    }
    
    .c-gutter-80 .row,
    div.row.c-gutter-80 {
        margin-left: -40px;
        margin-right: -40px;
    }
    
    .c-gutter-60 .row,
    div.row.c-gutter-60 {
        margin-left: -30px;
        margin-right: -30px;
    }
    
    .c-gutter-50 .row,
    div.row.c-gutter-50 {
        margin-left: -25px;
        margin-right: -25px;
    }
    
    .c-gutter-30 .row,
    div.row.c-gutter-30 {
        margin-left: -15px;
        margin-right: -15px;
    }
    
    .c-gutter-25 .row,
    div.row.c-gutter-25 {
        margin-left: -13px;
        margin-right: -12px;
    }
    
    .c-gutter-20 .row,
    div.row.c-gutter-20 {
        margin-left: -10px;
        margin-right: -10px;
    }
    
    .c-gutter-15 .row,
    div.row.c-gutter-15 {
        margin-left: -8px;
        margin-right: -7px;
    }
    
    .c-gutter-10 .row,
    div.row.c-gutter-10 {
        margin-left: -5px;
        margin-right: -5px;
    }
    
    .c-gutter-5 .row,
    div.row.c-gutter-5 {
        margin-left: -3px;
        margin-right: -2px;
    }
    
    .c-gutter-2 .row,
    div.row.c-gutter-2 {
        margin-left: -1px;
        margin-right: -1px;
    }
    
    .c-gutter-1 .row,
    div.row.c-gutter-1 {
        margin-left: -1px;
        margin-right: 0;
    }
    
    .c-gutter-0 .row,
    div.row.c-gutter-0 {
        margin-left: 0;
        margin-right: 0;
    }
    /* containers */
    
    .container-px-0 [class*='container'] {
        padding-left: 0;
        padding-right: 0;
    }
    
    .container-px-1 [class*='container'] {
        padding-left: 1px;
        padding-right: 1px;
    }
    
    .container-px-2 [class*='container'] {
        padding-left: 2px;
        padding-right: 2px;
    }
    
    .container-px-5 [class*='container'] {
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .container-px-10 [class*='container'] {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .container-px-20 [class*='container'] {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .container-px-30 [class*='container'] {
        padding-left: 30px;
        padding-right: 30px;
    }
    
    .container-px-60 [class*='container'] {
        padding-left: 60px;
        padding-right: 60px;
    }
    
    .container-px-80 [class*='container'] {
        padding-left: 80px;
        padding-right: 80px;
    }
    
    .container-px-90 [class*='container'] {
        padding-left: 90px;
        padding-right: 90px;
    }
    
    .container-px-100 [class*='container'] {
        padding-left: 100px;
        padding-right: 100px;
    }
    
    .container-px-120 [class*='container'] {
        padding-left: 120px;
        padding-right: 120px;
    }
    
    .c-gutter-5 [class*="col-"],
    .row.c-gutter-5>[class*="col-"] {
        padding-left: 3px;
        padding-right: 2px;
    }
    /* rows */
    
    .c-gutter-120 .row,
    div.row.c-gutter-120 {
        margin-left: -60px;
        margin-right: -60px;
    }
    
    .c-gutter-100 .row,
    div.row.c-gutter-100 {
        margin-left: -50px;
        margin-right: -50px;
    }
    
    .c-gutter-80 .row,
    div.row.c-gutter-80 {
        margin-left: -40px;
        margin-right: -40px;
    }
    
    .c-gutter-60 .row,
    div.row.c-gutter-60 {
        margin-left: -30px;
        margin-right: -30px;
    }
    
    .c-gutter-50 .row,
    div.row.c-gutter-50 {
        margin-left: -25px;
        margin-right: -25px;
    }
    
    .c-gutter-30 .row,
    div.row.c-gutter-30 {
        margin-left: -15px;
        margin-right: -15px;
    }
    
    .c-gutter-25 .row,
    div.row.c-gutter-25 {
        margin-left: -13px;
        margin-right: -12px;
    }
    
    .c-gutter-20 .row,
    div.row.c-gutter-20 {
        margin-left: -10px;
        margin-right: -10px;
    }
    
    .c-gutter-15 .row,
    div.row.c-gutter-15 {
        margin-left: -8px;
        margin-right: -7px;
    }
    
    .c-gutter-10 .row,
    div.row.c-gutter-10 {
        margin-left: -5px;
        margin-right: -5px;
    }
    
    .c-gutter-5 .row,
    div.row.c-gutter-5 {
        margin-left: -3px;
        margin-right: -2px;
    }
    
    .c-gutter-2 .row,
    div.row.c-gutter-2 {
        margin-left: -1px;
        margin-right: -1px;
    }
    
    .c-gutter-1 .row,
    div.row.c-gutter-1 {
        margin-left: -1px;
        margin-right: 0;
    }
    
    .c-gutter-0 .row,
    div.row.c-gutter-0 {
        margin-left: 0;
        margin-right: 0;
    }
    /* containers */
    
    .container-px-0 [class*='container'] {
        padding-left: 0;
        padding-right: 0;
    }
    
    .container-px-1 [class*='container'] {
        padding-left: 1px;
        padding-right: 1px;
    }
    
    .container-px-2 [class*='container'] {
        padding-left: 2px;
        padding-right: 2px;
    }
    
    .container-px-5 [class*='container'] {
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .container-px-10 [class*='container'] {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .container-px-20 [class*='container'] {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .container-px-30 [class*='container'] {
        padding-left: 30px;
        padding-right: 30px;
    }
    
    .container-px-60 [class*='container'] {
        padding-left: 60px;
        padding-right: 60px;
    }
    
    .container-px-80 [class*='container'] {
        padding-left: 80px;
        padding-right: 80px;
    }
    
    .container-px-90 [class*='container'] {
        padding-left: 90px;
        padding-right: 90px;
    }
    
    .container-px-100 [class*='container'] {
        padding-left: 100px;
        padding-right: 100px;
    }
    
    .container-px-120 [class*='container'] {
        padding-left: 120px;
        padding-right: 120px;
    }
    
    .c-gutter-2 [class*="col-"],
    .row.c-gutter-2>[class*="col-"] {
        padding-left: 1px;
        padding-right: 1px;
    }
    /* rows */
    
    .c-gutter-120 .row,
    div.row.c-gutter-120 {
        margin-left: -60px;
        margin-right: -60px;
    }
    
    .c-gutter-100 .row,
    div.row.c-gutter-100 {
        margin-left: -50px;
        margin-right: -50px;
    }
    
    .c-gutter-80 .row,
    div.row.c-gutter-80 {
        margin-left: -40px;
        margin-right: -40px;
    }
    
    .c-gutter-60 .row,
    div.row.c-gutter-60 {
        margin-left: -30px;
        margin-right: -30px;
    }
    
    .c-gutter-50 .row,
    div.row.c-gutter-50 {
        margin-left: -25px;
        margin-right: -25px;
    }
    
    .c-gutter-30 .row,
    div.row.c-gutter-30 {
        margin-left: -15px;
        margin-right: -15px;
    }
    
    .c-gutter-25 .row,
    div.row.c-gutter-25 {
        margin-left: -13px;
        margin-right: -12px;
    }
    
    .c-gutter-20 .row,
    div.row.c-gutter-20 {
        margin-left: -10px;
        margin-right: -10px;
    }
    
    .c-gutter-15 .row,
    div.row.c-gutter-15 {
        margin-left: -8px;
        margin-right: -7px;
    }
    
    .c-gutter-10 .row,
    div.row.c-gutter-10 {
        margin-left: -5px;
        margin-right: -5px;
    }
    
    .c-gutter-5 .row,
    div.row.c-gutter-5 {
        margin-left: -3px;
        margin-right: -2px;
    }
    
    .c-gutter-2 .row,
    div.row.c-gutter-2 {
        margin-left: -1px;
        margin-right: -1px;
    }
    
    .c-gutter-1 .row,
    div.row.c-gutter-1 {
        margin-left: -1px;
        margin-right: 0;
    }
    
    .c-gutter-0 .row,
    div.row.c-gutter-0 {
        margin-left: 0;
        margin-right: 0;
    }
    /* containers */
    
    .container-px-0 [class*='container'] {
        padding-left: 0;
        padding-right: 0;
    }
    
    .container-px-1 [class*='container'] {
        padding-left: 1px;
        padding-right: 1px;
    }
    
    .container-px-2 [class*='container'] {
        padding-left: 2px;
        padding-right: 2px;
    }
    
    .container-px-5 [class*='container'] {
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .container-px-10 [class*='container'] {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .container-px-20 [class*='container'] {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .container-px-30 [class*='container'] {
        padding-left: 30px;
        padding-right: 30px;
    }
    
    .container-px-60 [class*='container'] {
        padding-left: 60px;
        padding-right: 60px;
    }
    
    .container-px-80 [class*='container'] {
        padding-left: 80px;
        padding-right: 80px;
    }
    
    .container-px-90 [class*='container'] {
        padding-left: 90px;
        padding-right: 90px;
    }
    
    .container-px-100 [class*='container'] {
        padding-left: 100px;
        padding-right: 100px;
    }
    
    .container-px-120 [class*='container'] {
        padding-left: 120px;
        padding-right: 120px;
    }
    
    .c-gutter-1 [class*="col-"],
    .row.c-gutter-1>[class*="col-"] {
        padding-left: 1px;
        padding-right: 0;
    }
    /* rows */
    
    .c-gutter-120 .row,
    div.row.c-gutter-120 {
        margin-left: -60px;
        margin-right: -60px;
    }
    
    .c-gutter-100 .row,
    div.row.c-gutter-100 {
        margin-left: -50px;
        margin-right: -50px;
    }
    
    .c-gutter-80 .row,
    div.row.c-gutter-80 {
        margin-left: -40px;
        margin-right: -40px;
    }
    
    .c-gutter-60 .row,
    div.row.c-gutter-60 {
        margin-left: -30px;
        margin-right: -30px;
    }
    
    .c-gutter-50 .row,
    div.row.c-gutter-50 {
        margin-left: -25px;
        margin-right: -25px;
    }
    
    .c-gutter-30 .row,
    div.row.c-gutter-30 {
        margin-left: -15px;
        margin-right: -15px;
    }
    
    .c-gutter-25 .row,
    div.row.c-gutter-25 {
        margin-left: -13px;
        margin-right: -12px;
    }
    
    .c-gutter-20 .row,
    div.row.c-gutter-20 {
        margin-left: -10px;
        margin-right: -10px;
    }
    
    .c-gutter-15 .row,
    div.row.c-gutter-15 {
        margin-left: -8px;
        margin-right: -7px;
    }
    
    .c-gutter-10 .row,
    div.row.c-gutter-10 {
        margin-left: -5px;
        margin-right: -5px;
    }
    
    .c-gutter-5 .row,
    div.row.c-gutter-5 {
        margin-left: -3px;
        margin-right: -2px;
    }
    
    .c-gutter-2 .row,
    div.row.c-gutter-2 {
        margin-left: -1px;
        margin-right: -1px;
    }
    
    .c-gutter-1 .row,
    div.row.c-gutter-1 {
        margin-left: -1px;
        margin-right: 0;
    }
    
    .c-gutter-0 .row,
    div.row.c-gutter-0 {
        margin-left: 0;
        margin-right: 0;
    }
    /* containers */
    
    .container-px-0 [class*='container'] {
        padding-left: 0;
        padding-right: 0;
    }
    
    .container-px-1 [class*='container'] {
        padding-left: 1px;
        padding-right: 1px;
    }
    
    .container-px-2 [class*='container'] {
        padding-left: 2px;
        padding-right: 2px;
    }
    
    .container-px-5 [class*='container'] {
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .container-px-10 [class*='container'] {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .container-px-20 [class*='container'] {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .container-px-30 [class*='container'] {
        padding-left: 30px;
        padding-right: 30px;
    }
    
    .container-px-60 [class*='container'] {
        padding-left: 60px;
        padding-right: 60px;
    }
    
    .container-px-80 [class*='container'] {
        padding-left: 80px;
        padding-right: 80px;
    }
    
    .container-px-90 [class*='container'] {
        padding-left: 90px;
        padding-right: 90px;
    }
    
    .container-px-100 [class*='container'] {
        padding-left: 100px;
        padding-right: 100px;
    }
    
    .container-px-120 [class*='container'] {
        padding-left: 120px;
        padding-right: 120px;
    }
    /*same as bootstrap .no-gutters class*/
    
    .c-gutter-0 [class*="col-"],
    .row.c-gutter-0>[class*="col-"] {
        padding-left: 0;
        padding-right: 0;
    }
    /* rows */
    
    .c-gutter-120 .row,
    div.row.c-gutter-120 {
        margin-left: -60px;
        margin-right: -60px;
    }
    
    .c-gutter-100 .row,
    div.row.c-gutter-100 {
        margin-left: -50px;
        margin-right: -50px;
    }
    
    .c-gutter-80 .row,
    div.row.c-gutter-80 {
        margin-left: -40px;
        margin-right: -40px;
    }
    
    .c-gutter-60 .row,
    div.row.c-gutter-60 {
        margin-left: -30px;
        margin-right: -30px;
    }
    
    .c-gutter-50 .row,
    div.row.c-gutter-50 {
        margin-left: -25px;
        margin-right: -25px;
    }
    
    .c-gutter-30 .row,
    div.row.c-gutter-30 {
        margin-left: -15px;
        margin-right: -15px;
    }
    
    .c-gutter-25 .row,
    div.row.c-gutter-25 {
        margin-left: -13px;
        margin-right: -12px;
    }
    
    .c-gutter-20 .row,
    div.row.c-gutter-20 {
        margin-left: -10px;
        margin-right: -10px;
    }
    
    .c-gutter-15 .row,
    div.row.c-gutter-15 {
        margin-left: -8px;
        margin-right: -7px;
    }
    
    .c-gutter-10 .row,
    div.row.c-gutter-10 {
        margin-left: -5px;
        margin-right: -5px;
    }
    
    .c-gutter-5 .row,
    div.row.c-gutter-5 {
        margin-left: -3px;
        margin-right: -2px;
    }
    
    .c-gutter-2 .row,
    div.row.c-gutter-2 {
        margin-left: -1px;
        margin-right: -1px;
    }
    
    .c-gutter-1 .row,
    div.row.c-gutter-1 {
        margin-left: -1px;
        margin-right: 0;
    }
    
    .c-gutter-0 .row,
    div.row.c-gutter-0 {
        margin-left: 0;
        margin-right: 0;
    }
    /* containers */
    
    .container-px-0 [class*='container'] {
        padding-left: 0;
        padding-right: 0;
    }
    
    .container-px-1 [class*='container'] {
        padding-left: 1px;
        padding-right: 1px;
    }
    
    .container-px-2 [class*='container'] {
        padding-left: 2px;
        padding-right: 2px;
    }
    
    .container-px-5 [class*='container'] {
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .container-px-10 [class*='container'] {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .container-px-20 [class*='container'] {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .container-px-30 [class*='container'] {
        padding-left: 30px;
        padding-right: 30px;
    }
    
    .container-px-60 [class*='container'] {
        padding-left: 60px;
        padding-right: 60px;
    }
    
    .container-px-80 [class*='container'] {
        padding-left: 80px;
        padding-right: 80px;
    }
    
    .container-px-90 [class*='container'] {
        padding-left: 90px;
        padding-right: 90px;
    }
    
    .container-px-100 [class*='container'] {
        padding-left: 100px;
        padding-right: 100px;
    }
    
    .container-px-120 [class*='container'] {
        padding-left: 120px;
        padding-right: 120px;
    }
    /*
** Vertical margins and padding for sections and columns
*/
    /* Vertical padding for sections
.s - section
pt-* - padding top value
pb-* - padding bottom value
py-* - same value for top and for bottom padding
*/
    
    .s-pt-0>[class*='container'] {
        padding-top: 0;
    }
    
    .s-pt-1>[class*='container'] {
        padding-top: 1px;
    }
    
    .s-pt-2>[class*='container'] {
        padding-top: 2px;
    }
    
    .s-pt-3>[class*='container'] {
        padding-top: 3px;
    }
    
    .s-pt-5>[class*='container'] {
        padding-top: 5px;
    }
    
    .s-pt-10>[class*='container'] {
        padding-top: 10px;
    }
    
    .s-pt-15>[class*='container'] {
        padding-top: 15px;
    }
    
    .s-pt-20>[class*='container'] {
        padding-top: 20px;
    }
    
    .s-pt-25>[class*='container'] {
        padding-top: 25px;
    }
    
    .s-pt-30>[class*='container'] {
        padding-top: 30px;
    }
    
    .s-pt-40>[class*='container'] {
        padding-top: 40px;
    }
    
    .s-pt-45>[class*='container'] {
        padding-top: 45px;
    }
    
    .s-pt-50>[class*='container'] {
        padding-top: 50px;
    }
    
    .s-pt-55>[class*='container'] {
        padding-top: 55px;
    }
    
    .s-pt-60>[class*='container'] {
        padding-top: 60px;
    }
    
    .s-pt-65>[class*='container'] {
        padding-top: 65px;
    }
    
    .s-pt-70>[class*='container'] {
        padding-top: 70px;
    }
    
    .s-pt-75>[class*='container'] {
        padding-top: 75px;
    }
    
    .s-pt-80>[class*='container'] {
        padding-top: 80px;
    }
    
    .s-pt-85>[class*='container'] {
        padding-top: 85px;
    }
    
    .s-pt-90>[class*='container'] {
        padding-top: 90px;
    }
    
    .s-pt-95>[class*='container'] {
        padding-top: 95px;
    }
    
    .s-pt-100>[class*='container'] {
        padding-top: 100px;
    }
    
    .s-pt-110>[class*='container'] {
        padding-top: 110px;
    }
    
    .s-pt-115>[class*='container'] {
        padding-top: 115px;
    }
    
    .s-pt-120>[class*='container'] {
        padding-top: 120px;
    }
    
    .s-pt-125>[class*='container'] {
        padding-top: 125px;
    }
    
    .s-pt-130>[class*='container'] {
        padding-top: 130px;
    }
    
    .s-pt-135>[class*='container'] {
        padding-top: 135px;
    }
    
    .s-pt-140>[class*='container'] {
        padding-top: 140px;
    }
    
    .s-pt-145>[class*='container'] {
        padding-top: 145px;
    }
    
    .s-pt-150>[class*='container'] {
        padding-top: 150px;
    }
    
    .s-pt-155>[class*='container'] {
        padding-top: 155px;
    }
    
    .s-pt-165>[class*='container'] {
        padding-top: 165px;
    }
    
    .s-pt-170>[class*='container'] {
        padding-top: 170px;
    }
    
    .s-pt-175>[class*='container'] {
        padding-top: 175px;
    }
    
    .s-pt-180>[class*='container'] {
        padding-top: 180px;
    }
    
    .s-pt-185>[class*='container'] {
        padding-top: 185px;
    }
    
    .s-pt-190>[class*='container'] {
        padding-top: 190px;
    }
    
    .s-pt-195>[class*='container'] {
        padding-top: 195px;
    }
    
    .s-pt-200>[class*='container'] {
        padding-top: 200px;
    }
    
    .s-pt-205>[class*='container'] {
        padding-top: 205px;
    }
    
    .s-pt-215>[class*='container'] {
        padding-top: 215px;
    }
    
    .s-pt-235>[class*='container'] {
        padding-top: 235px;
    }
    
    .s-pt-250>[class*='container'] {
        padding-top: 250px;
    }
    
    .s-pb-0>[class*='container'] {
        padding-bottom: 0;
    }
    
    .s-pb-1>[class*='container'] {
        padding-bottom: 1px;
    }
    
    .s-pb-2>[class*='container'] {
        padding-bottom: 2px;
    }
    
    .s-pb-3>[class*='container'] {
        padding-bottom: 3px;
    }
    
    .s-pb-5>[class*='container'] {
        padding-bottom: 5px;
    }
    
    .s-pb-10>[class*='container'] {
        padding-bottom: 10px;
    }
    
    .s-pb-15>[class*='container'] {
        padding-bottom: 15px;
    }
    
    .s-pb-20>[class*='container'] {
        padding-bottom: 20px;
    }
    
    .s-pb-25>[class*='container'] {
        padding-bottom: 25px;
    }
    
    .s-pb-30>[class*='container'] {
        padding-bottom: 30px;
    }
    
    .s-pb-40>[class*='container'] {
        padding-bottom: 40px;
    }
    
    .s-pb-45>[class*='container'] {
        padding-bottom: 45px;
    }
    
    .s-pb-50>[class*='container'] {
        padding-bottom: 50px;
    }
    
    .s-pb-55>[class*='container'] {
        padding-bottom: 55px;
    }
    
    .s-pb-60>[class*='container'] {
        padding-bottom: 60px;
    }
    
    .s-pb-65>[class*='container'] {
        padding-bottom: 65px;
    }
    
    .s-pb-70>[class*='container'] {
        padding-bottom: 70px;
    }
    
    .s-pb-75>[class*='container'] {
        padding-bottom: 75px;
    }
    
    .s-pb-80>[class*='container'] {
        padding-bottom: 80px;
    }
    
    .s-pb-85>[class*='container'] {
        padding-bottom: 85px;
    }
    
    .s-pb-90>[class*='container'] {
        padding-bottom: 90px;
    }
    
    .s-pb-95>[class*='container'] {
        padding-bottom: 95px;
    }
    
    .s-pb-100>[class*='container'] {
        padding-bottom: 100px;
    }
    
    .s-pb-110>[class*='container'] {
        padding-bottom: 110px;
    }
    
    .s-pb-115>[class*='container'] {
        padding-bottom: 115px;
    }
    
    .s-pb-120>[class*='container'] {
        padding-bottom: 120px;
    }
    
    .s-pb-125>[class*='container'] {
        padding-bottom: 125px;
    }
    
    .s-pb-130>[class*='container'] {
        padding-bottom: 130px;
    }
    
    .s-pb-135>[class*='container'] {
        padding-bottom: 135px;
    }
    
    .s-pb-140>[class*='container'] {
        padding-bottom: 140px;
    }
    
    .s-pb-145>[class*='container'] {
        padding-bottom: 145px;
    }
    
    .s-pb-150>[class*='container'] {
        padding-bottom: 150px;
    }
    
    .s-pb-155>[class*='container'] {
        padding-bottom: 155px;
    }
    
    .s-pb-165>[class*='container'] {
        padding-bottom: 165px;
    }
    
    .s-pb-170>[class*='container'] {
        padding-bottom: 170px;
    }
    
    .s-pb-175>[class*='container'] {
        padding-bottom: 175px;
    }
    
    .s-pb-180>[class*='container'] {
        padding-bottom: 180px;
    }
    
    .s-pb-185>[class*='container'] {
        padding-bottom: 185px;
    }
    
    .s-pb-190>[class*='container'] {
        padding-bottom: 190px;
    }
    
    .s-pb-195>[class*='container'] {
        padding-bottom: 195px;
    }
    
    .s-pb-200>[class*='container'] {
        padding-bottom: 200px;
    }
    
    .s-pb-205>[class*='container'] {
        padding-bottom: 205px;
    }
    
    .s-pb-215>[class*='container'] {
        padding-bottom: 215px;
    }
    
    .s-pb-235>[class*='container'] {
        padding-bottom: 235px;
    }
    
    .s-pb-250>[class*='container'] {
        padding-bottom: 250px;
    }
    
    .s-py-0>[class*='container'] {
        padding-bottom: 0;
        padding-top: 0;
    }
    
    .s-py-1>[class*='container'] {
        padding-bottom: 1px;
        padding-top: 1px;
    }
    
    .s-py-2>[class*='container'] {
        padding-bottom: 2px;
        padding-top: 2px;
    }
    
    .s-py-3>[class*='container'] {
        padding-bottom: 3px;
        padding-top: 3px;
    }
    
    .s-py-5>[class*='container'] {
        padding-bottom: 5px;
        padding-top: 5px;
    }
    
    .s-py-10>[class*='container'] {
        padding-bottom: 10px;
        padding-top: 10px;
    }
    
    .s-py-15>[class*='container'] {
        padding-bottom: 15px;
        padding-top: 15px;
    }
    
    .s-py-20>[class*='container'] {
        padding-bottom: 20px;
        padding-top: 20px;
    }
    
    .s-py-25>[class*='container'] {
        padding-bottom: 25px;
        padding-top: 25px;
    }
    
    .s-py-30>[class*='container'] {
        padding-bottom: 30px;
        padding-top: 30px;
    }
    
    .s-py-40>[class*='container'] {
        padding-bottom: 40px;
        padding-top: 40px;
    }
    
    .s-py-45>[class*='container'] {
        padding-bottom: 45px;
        padding-top: 45px;
    }
    
    .s-py-50>[class*='container'] {
        padding-bottom: 50px;
        padding-top: 50px;
    }
    
    .s-py-55>[class*='container'] {
        padding-bottom: 55px;
        padding-top: 55px;
    }
    
    .s-py-60>[class*='container'] {
        padding-bottom: 60px;
        padding-top: 60px;
    }
    
    .s-py-65>[class*='container'] {
        padding-bottom: 65px;
        padding-top: 65px;
    }
    
    .s-py-70>[class*='container'] {
        padding-bottom: 70px;
        padding-top: 70px;
    }
    
    .s-py-75>[class*='container'] {
        padding-bottom: 75px;
        padding-top: 75px;
    }
    
    .s-py-80>[class*='container'] {
        padding-bottom: 80px;
        padding-top: 80px;
    }
    
    .s-py-85>[class*='container'] {
        padding-bottom: 85px;
        padding-top: 85px;
    }
    
    .s-py-90>[class*='container'] {
        padding-bottom: 90px;
        padding-top: 90px;
    }
    
    .s-py-95>[class*='container'] {
        padding-bottom: 95px;
        padding-top: 95px;
    }
    
    .s-py-100>[class*='container'] {
        padding-bottom: 100px;
        padding-top: 100px;
    }
    
    .s-py-110>[class*='container'] {
        padding-bottom: 110px;
        padding-top: 110px;
    }
    
    .s-py-115>[class*='container'] {
        padding-bottom: 115px;
        padding-top: 115px;
    }
    
    .s-py-120>[class*='container'] {
        padding-bottom: 120px;
        padding-top: 120px;
    }
    
    .s-py-125>[class*='container'] {
        padding-bottom: 125px;
        padding-top: 125px;
    }
    
    .s-py-130>[class*='container'] {
        padding-bottom: 130px;
        padding-top: 130px;
    }
    
    .s-py-135>[class*='container'] {
        padding-bottom: 135px;
        padding-top: 135px;
    }
    
    .s-py-140>[class*='container'] {
        padding-bottom: 140px;
        padding-top: 140px;
    }
    
    .s-py-145>[class*='container'] {
        padding-bottom: 145px;
        padding-top: 145px;
    }
    
    .s-py-150>[class*='container'] {
        padding-bottom: 150px;
        padding-top: 150px;
    }
    
    .s-py-155>[class*='container'] {
        padding-bottom: 155px;
        padding-top: 155px;
    }
    
    .s-py-165>[class*='container'] {
        padding-bottom: 165px;
        padding-top: 165px;
    }
    
    .s-py-170>[class*='container'] {
        padding-bottom: 170px;
        padding-top: 170px;
    }
    
    .s-py-175>[class*='container'] {
        padding-bottom: 175px;
        padding-top: 175px;
    }
    
    .s-py-180>[class*='container'] {
        padding-bottom: 180px;
        padding-top: 180px;
    }
    
    .s-py-185>[class*='container'] {
        padding-bottom: 185px;
        padding-top: 185px;
    }
    
    .s-py-190>[class*='container'] {
        padding-bottom: 190px;
        padding-top: 190px;
    }
    
    .s-py-195>[class*='container'] {
        padding-bottom: 195px;
        padding-top: 195px;
    }
    
    .s-py-200>[class*='container'] {
        padding-bottom: 200px;
        padding-top: 200px;
    }
    
    .s-py-205>[class*='container'] {
        padding-bottom: 205px;
        padding-top: 205px;
    }
    
    .s-py-215>[class*='container'] {
        padding-bottom: 215px;
        padding-top: 215px;
    }
    
    .s-py-235>[class*='container'] {
        padding-bottom: 235px;
        padding-top: 235px;
    }
    
    .s-py-250>[class*='container'] {
        padding-bottom: 250px;
        padding-top: 250px;
    }
    
    @media (min-width: 576px) {
        .s-pt-sm-0>[class*='container'] {
            padding-top: 0;
        }
        .s-pt-sm-1>[class*='container'] {
            padding-top: 1px;
        }
        .s-pt-sm-2>[class*='container'] {
            padding-top: 2px;
        }
        .s-pt-sm-3>[class*='container'] {
            padding-top: 3px;
        }
        .s-pt-sm-5>[class*='container'] {
            padding-top: 5px;
        }
        .s-pt-sm-10>[class*='container'] {
            padding-top: 10px;
        }
        .s-pt-sm-15>[class*='container'] {
            padding-top: 15px;
        }
        .s-pt-sm-20>[class*='container'] {
            padding-top: 20px;
        }
        .s-pt-sm-25>[class*='container'] {
            padding-top: 25px;
        }
        .s-pt-sm-30>[class*='container'] {
            padding-top: 30px;
        }
        .s-pt-sm-40>[class*='container'] {
            padding-top: 40px;
        }
        .s-pt-sm-45>[class*='container'] {
            padding-top: 45px;
        }
        .s-pt-sm-50>[class*='container'] {
            padding-top: 50px;
        }
        .s-pt-sm-55>[class*='container'] {
            padding-top: 55px;
        }
        .s-pt-sm-60>[class*='container'] {
            padding-top: 60px;
        }
        .s-pt-sm-65>[class*='container'] {
            padding-top: 65px;
        }
        .s-pt-sm-70>[class*='container'] {
            padding-top: 70px;
        }
        .s-pt-sm-75>[class*='container'] {
            padding-top: 75px;
        }
        .s-pt-sm-80>[class*='container'] {
            padding-top: 80px;
        }
        .s-pt-sm-85>[class*='container'] {
            padding-top: 85px;
        }
        .s-pt-sm-90>[class*='container'] {
            padding-top: 90px;
        }
        .s-pt-sm-95>[class*='container'] {
            padding-top: 95px;
        }
        .s-pt-sm-100>[class*='container'] {
            padding-top: 100px;
        }
        .s-pt-sm-110>[class*='container'] {
            padding-top: 110px;
        }
        .s-pt-sm-115>[class*='container'] {
            padding-top: 115px;
        }
        .s-pt-sm-120>[class*='container'] {
            padding-top: 120px;
        }
        .s-pt-sm-125>[class*='container'] {
            padding-top: 125px;
        }
        .s-pt-sm-130>[class*='container'] {
            padding-top: 130px;
        }
        .s-pt-sm-135>[class*='container'] {
            padding-top: 135px;
        }
        .s-pt-sm-140>[class*='container'] {
            padding-top: 140px;
        }
        .s-pt-sm-145>[class*='container'] {
            padding-top: 145px;
        }
        .s-pt-sm-150>[class*='container'] {
            padding-top: 150px;
        }
        .s-pt-sm-155>[class*='container'] {
            padding-top: 155px;
        }
        .s-pt-sm-165>[class*='container'] {
            padding-top: 165px;
        }
        .s-pt-sm-170>[class*='container'] {
            padding-top: 170px;
        }
        .s-pt-sm-175>[class*='container'] {
            padding-top: 175px;
        }
        .s-pt-sm-180>[class*='container'] {
            padding-top: 180px;
        }
        .s-pt-sm-185>[class*='container'] {
            padding-top: 185px;
        }
        .s-pt-sm-190>[class*='container'] {
            padding-top: 190px;
        }
        .s-pt-sm-195>[class*='container'] {
            padding-top: 195px;
        }
        .s-pt-sm-200>[class*='container'] {
            padding-top: 200px;
        }
        .s-pt-sm-205>[class*='container'] {
            padding-top: 205px;
        }
        .s-pt-sm-215>[class*='container'] {
            padding-top: 215px;
        }
        .s-pt-sm-235>[class*='container'] {
            padding-top: 235px;
        }
        .s-pt-sm-250>[class*='container'] {
            padding-top: 250px;
        }
        .s-pb-sm-0>[class*='container'] {
            padding-bottom: 0;
        }
        .s-pb-sm-1>[class*='container'] {
            padding-bottom: 1px;
        }
        .s-pb-sm-2>[class*='container'] {
            padding-bottom: 2px;
        }
        .s-pb-sm-3>[class*='container'] {
            padding-bottom: 3px;
        }
        .s-pb-sm-5>[class*='container'] {
            padding-bottom: 5px;
        }
        .s-pb-sm-10>[class*='container'] {
            padding-bottom: 10px;
        }
        .s-pb-sm-15>[class*='container'] {
            padding-bottom: 15px;
        }
        .s-pb-sm-20>[class*='container'] {
            padding-bottom: 20px;
        }
        .s-pb-sm-25>[class*='container'] {
            padding-bottom: 25px;
        }
        .s-pb-sm-30>[class*='container'] {
            padding-bottom: 30px;
        }
        .s-pb-sm-40>[class*='container'] {
            padding-bottom: 40px;
        }
        .s-pb-sm-45>[class*='container'] {
            padding-bottom: 45px;
        }
        .s-pb-sm-50>[class*='container'] {
            padding-bottom: 50px;
        }
        .s-pb-sm-55>[class*='container'] {
            padding-bottom: 55px;
        }
        .s-pb-sm-60>[class*='container'] {
            padding-bottom: 60px;
        }
        .s-pb-sm-65>[class*='container'] {
            padding-bottom: 65px;
        }
        .s-pb-sm-70>[class*='container'] {
            padding-bottom: 70px;
        }
        .s-pb-sm-75>[class*='container'] {
            padding-bottom: 75px;
        }
        .s-pb-sm-80>[class*='container'] {
            padding-bottom: 80px;
        }
        .s-pb-sm-85>[class*='container'] {
            padding-bottom: 85px;
        }
        .s-pb-sm-90>[class*='container'] {
            padding-bottom: 90px;
        }
        .s-pb-sm-95>[class*='container'] {
            padding-bottom: 95px;
        }
        .s-pb-sm-100>[class*='container'] {
            padding-bottom: 100px;
        }
        .s-pb-sm-110>[class*='container'] {
            padding-bottom: 110px;
        }
        .s-pb-sm-115>[class*='container'] {
            padding-bottom: 115px;
        }
        .s-pb-sm-120>[class*='container'] {
            padding-bottom: 120px;
        }
        .s-pb-sm-125>[class*='container'] {
            padding-bottom: 125px;
        }
        .s-pb-sm-130>[class*='container'] {
            padding-bottom: 130px;
        }
        .s-pb-sm-135>[class*='container'] {
            padding-bottom: 135px;
        }
        .s-pb-sm-140>[class*='container'] {
            padding-bottom: 140px;
        }
        .s-pb-sm-145>[class*='container'] {
            padding-bottom: 145px;
        }
        .s-pb-sm-150>[class*='container'] {
            padding-bottom: 150px;
        }
        .s-pb-sm-155>[class*='container'] {
            padding-bottom: 155px;
        }
        .s-pb-sm-165>[class*='container'] {
            padding-bottom: 165px;
        }
        .s-pb-sm-170>[class*='container'] {
            padding-bottom: 170px;
        }
        .s-pb-sm-175>[class*='container'] {
            padding-bottom: 175px;
        }
        .s-pb-sm-180>[class*='container'] {
            padding-bottom: 180px;
        }
        .s-pb-sm-185>[class*='container'] {
            padding-bottom: 185px;
        }
        .s-pb-sm-190>[class*='container'] {
            padding-bottom: 190px;
        }
        .s-pb-sm-195>[class*='container'] {
            padding-bottom: 195px;
        }
        .s-pb-sm-200>[class*='container'] {
            padding-bottom: 200px;
        }
        .s-pb-sm-205>[class*='container'] {
            padding-bottom: 205px;
        }
        .s-pb-sm-215>[class*='container'] {
            padding-bottom: 215px;
        }
        .s-pb-sm-235>[class*='container'] {
            padding-bottom: 235px;
        }
        .s-pb-sm-250>[class*='container'] {
            padding-bottom: 250px;
        }
        .s-py-sm-0>[class*='container'] {
            padding-bottom: 0;
            padding-top: 0;
        }
        .s-py-sm-1>[class*='container'] {
            padding-bottom: 1px;
            padding-top: 1px;
        }
        .s-py-sm-2>[class*='container'] {
            padding-bottom: 2px;
            padding-top: 2px;
        }
        .s-py-sm-3>[class*='container'] {
            padding-bottom: 3px;
            padding-top: 3px;
        }
        .s-py-sm-5>[class*='container'] {
            padding-bottom: 5px;
            padding-top: 5px;
        }
        .s-py-sm-10>[class*='container'] {
            padding-bottom: 10px;
            padding-top: 10px;
        }
        .s-py-sm-15>[class*='container'] {
            padding-bottom: 15px;
            padding-top: 15px;
        }
        .s-py-sm-20>[class*='container'] {
            padding-bottom: 20px;
            padding-top: 20px;
        }
        .s-py-sm-25>[class*='container'] {
            padding-bottom: 25px;
            padding-top: 25px;
        }
        .s-py-sm-30>[class*='container'] {
            padding-bottom: 30px;
            padding-top: 30px;
        }
        .s-py-sm-40>[class*='container'] {
            padding-bottom: 40px;
            padding-top: 40px;
        }
        .s-py-sm-45>[class*='container'] {
            padding-bottom: 45px;
            padding-top: 45px;
        }
        .s-py-sm-50>[class*='container'] {
            padding-bottom: 50px;
            padding-top: 50px;
        }
        .s-py-sm-55>[class*='container'] {
            padding-bottom: 55px;
            padding-top: 55px;
        }
        .s-py-sm-60>[class*='container'] {
            padding-bottom: 60px;
            padding-top: 60px;
        }
        .s-py-sm-65>[class*='container'] {
            padding-bottom: 65px;
            padding-top: 65px;
        }
        .s-py-sm-70>[class*='container'] {
            padding-bottom: 70px;
            padding-top: 70px;
        }
        .s-py-sm-75>[class*='container'] {
            padding-bottom: 75px;
            padding-top: 75px;
        }
        .s-py-sm-80>[class*='container'] {
            padding-bottom: 80px;
            padding-top: 80px;
        }
        .s-py-sm-85>[class*='container'] {
            padding-bottom: 85px;
            padding-top: 85px;
        }
        .s-py-sm-90>[class*='container'] {
            padding-bottom: 90px;
            padding-top: 90px;
        }
        .s-py-sm-95>[class*='container'] {
            padding-bottom: 95px;
            padding-top: 95px;
        }
        .s-py-sm-100>[class*='container'] {
            padding-bottom: 100px;
            padding-top: 100px;
        }
        .s-py-sm-110>[class*='container'] {
            padding-bottom: 110px;
            padding-top: 110px;
        }
        .s-py-sm-115>[class*='container'] {
            padding-bottom: 115px;
            padding-top: 115px;
        }
        .s-py-sm-120>[class*='container'] {
            padding-bottom: 120px;
            padding-top: 120px;
        }
        .s-py-sm-125>[class*='container'] {
            padding-bottom: 125px;
            padding-top: 125px;
        }
        .s-py-sm-130>[class*='container'] {
            padding-bottom: 130px;
            padding-top: 130px;
        }
        .s-py-sm-135>[class*='container'] {
            padding-bottom: 135px;
            padding-top: 135px;
        }
        .s-py-sm-140>[class*='container'] {
            padding-bottom: 140px;
            padding-top: 140px;
        }
        .s-py-sm-145>[class*='container'] {
            padding-bottom: 145px;
            padding-top: 145px;
        }
        .s-py-sm-150>[class*='container'] {
            padding-bottom: 150px;
            padding-top: 150px;
        }
        .s-py-sm-155>[class*='container'] {
            padding-bottom: 155px;
            padding-top: 155px;
        }
        .s-py-sm-165>[class*='container'] {
            padding-bottom: 165px;
            padding-top: 165px;
        }
        .s-py-sm-170>[class*='container'] {
            padding-bottom: 170px;
            padding-top: 170px;
        }
        .s-py-sm-175>[class*='container'] {
            padding-bottom: 175px;
            padding-top: 175px;
        }
        .s-py-sm-180>[class*='container'] {
            padding-bottom: 180px;
            padding-top: 180px;
        }
        .s-py-sm-185>[class*='container'] {
            padding-bottom: 185px;
            padding-top: 185px;
        }
        .s-py-sm-190>[class*='container'] {
            padding-bottom: 190px;
            padding-top: 190px;
        }
        .s-py-sm-195>[class*='container'] {
            padding-bottom: 195px;
            padding-top: 195px;
        }
        .s-py-sm-200>[class*='container'] {
            padding-bottom: 200px;
            padding-top: 200px;
        }
        .s-py-sm-205>[class*='container'] {
            padding-bottom: 205px;
            padding-top: 205px;
        }
        .s-py-sm-215>[class*='container'] {
            padding-bottom: 215px;
            padding-top: 215px;
        }
        .s-py-sm-235>[class*='container'] {
            padding-bottom: 235px;
            padding-top: 235px;
        }
        .s-py-sm-250>[class*='container'] {
            padding-bottom: 250px;
            padding-top: 250px;
        }
    }
    
    @media (min-width: 768px) {
        .s-pt-md-0>[class*='container'] {
            padding-top: 0;
        }
        .s-pt-md-1>[class*='container'] {
            padding-top: 1px;
        }
        .s-pt-md-2>[class*='container'] {
            padding-top: 2px;
        }
        .s-pt-md-3>[class*='container'] {
            padding-top: 3px;
        }
        .s-pt-md-5>[class*='container'] {
            padding-top: 5px;
        }
        .s-pt-md-10>[class*='container'] {
            padding-top: 10px;
        }
        .s-pt-md-15>[class*='container'] {
            padding-top: 15px;
        }
        .s-pt-md-20>[class*='container'] {
            padding-top: 20px;
        }
        .s-pt-md-25>[class*='container'] {
            padding-top: 25px;
        }
        .s-pt-md-30>[class*='container'] {
            padding-top: 30px;
        }
        .s-pt-md-40>[class*='container'] {
            padding-top: 40px;
        }
        .s-pt-md-45>[class*='container'] {
            padding-top: 45px;
        }
        .s-pt-md-50>[class*='container'] {
            padding-top: 50px;
        }
        .s-pt-md-55>[class*='container'] {
            padding-top: 55px;
        }
        .s-pt-md-60>[class*='container'] {
            padding-top: 60px;
        }
        .s-pt-md-65>[class*='container'] {
            padding-top: 65px;
        }
        .s-pt-md-70>[class*='container'] {
            padding-top: 70px;
        }
        .s-pt-md-75>[class*='container'] {
            padding-top: 75px;
        }
        .s-pt-md-80>[class*='container'] {
            padding-top: 80px;
        }
        .s-pt-md-85>[class*='container'] {
            padding-top: 85px;
        }
        .s-pt-md-90>[class*='container'] {
            padding-top: 90px;
        }
        .s-pt-md-95>[class*='container'] {
            padding-top: 95px;
        }
        .s-pt-md-100>[class*='container'] {
            padding-top: 100px;
        }
        .s-pt-md-110>[class*='container'] {
            padding-top: 110px;
        }
        .s-pt-md-115>[class*='container'] {
            padding-top: 115px;
        }
        .s-pt-md-120>[class*='container'] {
            padding-top: 120px;
        }
        .s-pt-md-125>[class*='container'] {
            padding-top: 125px;
        }
        .s-pt-md-130>[class*='container'] {
            padding-top: 130px;
        }
        .s-pt-md-135>[class*='container'] {
            padding-top: 135px;
        }
        .s-pt-md-140>[class*='container'] {
            padding-top: 140px;
        }
        .s-pt-md-145>[class*='container'] {
            padding-top: 145px;
        }
        .s-pt-md-150>[class*='container'] {
            padding-top: 150px;
        }
        .s-pt-md-155>[class*='container'] {
            padding-top: 155px;
        }
        .s-pt-md-165>[class*='container'] {
            padding-top: 165px;
        }
        .s-pt-md-170>[class*='container'] {
            padding-top: 170px;
        }
        .s-pt-md-175>[class*='container'] {
            padding-top: 175px;
        }
        .s-pt-md-180>[class*='container'] {
            padding-top: 180px;
        }
        .s-pt-md-185>[class*='container'] {
            padding-top: 185px;
        }
        .s-pt-md-190>[class*='container'] {
            padding-top: 190px;
        }
        .s-pt-md-195>[class*='container'] {
            padding-top: 195px;
        }
        .s-pt-md-200>[class*='container'] {
            padding-top: 200px;
        }
        .s-pt-md-205>[class*='container'] {
            padding-top: 205px;
        }
        .s-pt-md-215>[class*='container'] {
            padding-top: 215px;
        }
        .s-pt-md-235>[class*='container'] {
            padding-top: 235px;
        }
        .s-pt-md-250>[class*='container'] {
            padding-top: 250px;
        }
        .s-pb-md-0>[class*='container'] {
            padding-bottom: 0;
        }
        .s-pb-md-1>[class*='container'] {
            padding-bottom: 1px;
        }
        .s-pb-md-2>[class*='container'] {
            padding-bottom: 2px;
        }
        .s-pb-md-3>[class*='container'] {
            padding-bottom: 3px;
        }
        .s-pb-md-5>[class*='container'] {
            padding-bottom: 5px;
        }
        .s-pb-md-10>[class*='container'] {
            padding-bottom: 10px;
        }
        .s-pb-md-15>[class*='container'] {
            padding-bottom: 15px;
        }
        .s-pb-md-20>[class*='container'] {
            padding-bottom: 20px;
        }
        .s-pb-md-25>[class*='container'] {
            padding-bottom: 25px;
        }
        .s-pb-md-30>[class*='container'] {
            padding-bottom: 30px;
        }
        .s-pb-md-40>[class*='container'] {
            padding-bottom: 40px;
        }
        .s-pb-md-45>[class*='container'] {
            padding-bottom: 45px;
        }
        .s-pb-md-50>[class*='container'] {
            padding-bottom: 50px;
        }
        .s-pb-md-55>[class*='container'] {
            padding-bottom: 55px;
        }
        .s-pb-md-60>[class*='container'] {
            padding-bottom: 60px;
        }
        .s-pb-md-65>[class*='container'] {
            padding-bottom: 65px;
        }
        .s-pb-md-70>[class*='container'] {
            padding-bottom: 70px;
        }
        .s-pb-md-75>[class*='container'] {
            padding-bottom: 75px;
        }
        .s-pb-md-80>[class*='container'] {
            padding-bottom: 80px;
        }
        .s-pb-md-85>[class*='container'] {
            padding-bottom: 85px;
        }
        .s-pb-md-90>[class*='container'] {
            padding-bottom: 90px;
        }
        .s-pb-md-95>[class*='container'] {
            padding-bottom: 95px;
        }
        .s-pb-md-100>[class*='container'] {
            padding-bottom: 100px;
        }
        .s-pb-md-110>[class*='container'] {
            padding-bottom: 110px;
        }
        .s-pb-md-115>[class*='container'] {
            padding-bottom: 115px;
        }
        .s-pb-md-120>[class*='container'] {
            padding-bottom: 120px;
        }
        .s-pb-md-125>[class*='container'] {
            padding-bottom: 125px;
        }
        .s-pb-md-130>[class*='container'] {
            padding-bottom: 130px;
        }
        .s-pb-md-135>[class*='container'] {
            padding-bottom: 135px;
        }
        .s-pb-md-140>[class*='container'] {
            padding-bottom: 140px;
        }
        .s-pb-md-145>[class*='container'] {
            padding-bottom: 145px;
        }
        .s-pb-md-150>[class*='container'] {
            padding-bottom: 150px;
        }
        .s-pb-md-155>[class*='container'] {
            padding-bottom: 155px;
        }
        .s-pb-md-165>[class*='container'] {
            padding-bottom: 165px;
        }
        .s-pb-md-170>[class*='container'] {
            padding-bottom: 170px;
        }
        .s-pb-md-175>[class*='container'] {
            padding-bottom: 175px;
        }
        .s-pb-md-180>[class*='container'] {
            padding-bottom: 180px;
        }
        .s-pb-md-185>[class*='container'] {
            padding-bottom: 185px;
        }
        .s-pb-md-190>[class*='container'] {
            padding-bottom: 190px;
        }
        .s-pb-md-195>[class*='container'] {
            padding-bottom: 195px;
        }
        .s-pb-md-200>[class*='container'] {
            padding-bottom: 200px;
        }
        .s-pb-md-205>[class*='container'] {
            padding-bottom: 205px;
        }
        .s-pb-md-215>[class*='container'] {
            padding-bottom: 215px;
        }
        .s-pb-md-235>[class*='container'] {
            padding-bottom: 235px;
        }
        .s-pb-md-250>[class*='container'] {
            padding-bottom: 250px;
        }
        .s-py-md-0>[class*='container'] {
            padding-bottom: 0;
            padding-top: 0;
        }
        .s-py-md-1>[class*='container'] {
            padding-bottom: 1px;
            padding-top: 1px;
        }
        .s-py-md-2>[class*='container'] {
            padding-bottom: 2px;
            padding-top: 2px;
        }
        .s-py-md-3>[class*='container'] {
            padding-bottom: 3px;
            padding-top: 3px;
        }
        .s-py-md-5>[class*='container'] {
            padding-bottom: 5px;
            padding-top: 5px;
        }
        .s-py-md-10>[class*='container'] {
            padding-bottom: 10px;
            padding-top: 10px;
        }
        .s-py-md-15>[class*='container'] {
            padding-bottom: 15px;
            padding-top: 15px;
        }
        .s-py-md-20>[class*='container'] {
            padding-bottom: 20px;
            padding-top: 20px;
        }
        .s-py-md-25>[class*='container'] {
            padding-bottom: 25px;
            padding-top: 25px;
        }
        .s-py-md-30>[class*='container'] {
            padding-bottom: 30px;
            padding-top: 30px;
        }
        .s-py-md-40>[class*='container'] {
            padding-bottom: 40px;
            padding-top: 40px;
        }
        .s-py-md-45>[class*='container'] {
            padding-bottom: 45px;
            padding-top: 45px;
        }
        .s-py-md-50>[class*='container'] {
            padding-bottom: 50px;
            padding-top: 50px;
        }
        .s-py-md-55>[class*='container'] {
            padding-bottom: 55px;
            padding-top: 55px;
        }
        .s-py-md-60>[class*='container'] {
            padding-bottom: 60px;
            padding-top: 60px;
        }
        .s-py-md-65>[class*='container'] {
            padding-bottom: 65px;
            padding-top: 65px;
        }
        .s-py-md-70>[class*='container'] {
            padding-bottom: 70px;
            padding-top: 70px;
        }
        .s-py-md-75>[class*='container'] {
            padding-bottom: 75px;
            padding-top: 75px;
        }
        .s-py-md-80>[class*='container'] {
            padding-bottom: 80px;
            padding-top: 80px;
        }
        .s-py-md-85>[class*='container'] {
            padding-bottom: 85px;
            padding-top: 85px;
        }
        .s-py-md-90>[class*='container'] {
            padding-bottom: 90px;
            padding-top: 90px;
        }
        .s-py-md-95>[class*='container'] {
            padding-bottom: 95px;
            padding-top: 95px;
        }
        .s-py-md-100>[class*='container'] {
            padding-bottom: 100px;
            padding-top: 100px;
        }
        .s-py-md-110>[class*='container'] {
            padding-bottom: 110px;
            padding-top: 110px;
        }
        .s-py-md-115>[class*='container'] {
            padding-bottom: 115px;
            padding-top: 115px;
        }
        .s-py-md-120>[class*='container'] {
            padding-bottom: 120px;
            padding-top: 120px;
        }
        .s-py-md-125>[class*='container'] {
            padding-bottom: 125px;
            padding-top: 125px;
        }
        .s-py-md-130>[class*='container'] {
            padding-bottom: 130px;
            padding-top: 130px;
        }
        .s-py-md-135>[class*='container'] {
            padding-bottom: 135px;
            padding-top: 135px;
        }
        .s-py-md-140>[class*='container'] {
            padding-bottom: 140px;
            padding-top: 140px;
        }
        .s-py-md-145>[class*='container'] {
            padding-bottom: 145px;
            padding-top: 145px;
        }
        .s-py-md-150>[class*='container'] {
            padding-bottom: 150px;
            padding-top: 150px;
        }
        .s-py-md-155>[class*='container'] {
            padding-bottom: 155px;
            padding-top: 155px;
        }
        .s-py-md-165>[class*='container'] {
            padding-bottom: 165px;
            padding-top: 165px;
        }
        .s-py-md-170>[class*='container'] {
            padding-bottom: 170px;
            padding-top: 170px;
        }
        .s-py-md-175>[class*='container'] {
            padding-bottom: 175px;
            padding-top: 175px;
        }
        .s-py-md-180>[class*='container'] {
            padding-bottom: 180px;
            padding-top: 180px;
        }
        .s-py-md-185>[class*='container'] {
            padding-bottom: 185px;
            padding-top: 185px;
        }
        .s-py-md-190>[class*='container'] {
            padding-bottom: 190px;
            padding-top: 190px;
        }
        .s-py-md-195>[class*='container'] {
            padding-bottom: 195px;
            padding-top: 195px;
        }
        .s-py-md-200>[class*='container'] {
            padding-bottom: 200px;
            padding-top: 200px;
        }
        .s-py-md-205>[class*='container'] {
            padding-bottom: 205px;
            padding-top: 205px;
        }
        .s-py-md-215>[class*='container'] {
            padding-bottom: 215px;
            padding-top: 215px;
        }
        .s-py-md-235>[class*='container'] {
            padding-bottom: 235px;
            padding-top: 235px;
        }
        .s-py-md-250>[class*='container'] {
            padding-bottom: 250px;
            padding-top: 250px;
        }
    }
    
    @media (min-width: 992px) {
        .s-pt-lg-0>[class*='container'] {
            padding-top: 0;
        }
        .s-pt-lg-1>[class*='container'] {
            padding-top: 1px;
        }
        .s-pt-lg-2>[class*='container'] {
            padding-top: 2px;
        }
        .s-pt-lg-3>[class*='container'] {
            padding-top: 3px;
        }
        .s-pt-lg-5>[class*='container'] {
            padding-top: 5px;
        }
        .s-pt-lg-10>[class*='container'] {
            padding-top: 10px;
        }
        .s-pt-lg-15>[class*='container'] {
            padding-top: 15px;
        }
        .s-pt-lg-20>[class*='container'] {
            padding-top: 20px;
        }
        .s-pt-lg-25>[class*='container'] {
            padding-top: 25px;
        }
        .s-pt-lg-30>[class*='container'] {
            padding-top: 30px;
        }
        .s-pt-lg-40>[class*='container'] {
            padding-top: 40px;
        }
        .s-pt-lg-45>[class*='container'] {
            padding-top: 45px;
        }
        .s-pt-lg-50>[class*='container'] {
            padding-top: 50px;
        }
        .s-pt-lg-55>[class*='container'] {
            padding-top: 55px;
        }
        .s-pt-lg-60>[class*='container'] {
            padding-top: 60px;
        }
        .s-pt-lg-65>[class*='container'] {
            padding-top: 65px;
        }
        .s-pt-lg-70>[class*='container'] {
            padding-top: 70px;
        }
        .s-pt-lg-75>[class*='container'] {
            padding-top: 75px;
        }
        .s-pt-lg-80>[class*='container'] {
            padding-top: 80px;
        }
        .s-pt-lg-85>[class*='container'] {
            padding-top: 85px;
        }
        .s-pt-lg-90>[class*='container'] {
            padding-top: 90px;
        }
        .s-pt-lg-95>[class*='container'] {
            padding-top: 95px;
        }
        .s-pt-lg-100>[class*='container'] {
            padding-top: 100px;
        }
        .s-pt-lg-110>[class*='container'] {
            padding-top: 110px;
        }
        .s-pt-lg-115>[class*='container'] {
            padding-top: 115px;
        }
        .s-pt-lg-120>[class*='container'] {
            padding-top: 120px;
        }
        .s-pt-lg-125>[class*='container'] {
            padding-top: 125px;
        }
        .s-pt-lg-130>[class*='container'] {
            padding-top: 130px;
        }
        .s-pt-lg-135>[class*='container'] {
            padding-top: 135px;
        }
        .s-pt-lg-140>[class*='container'] {
            padding-top: 140px;
        }
        .s-pt-lg-145>[class*='container'] {
            padding-top: 145px;
        }
        .s-pt-lg-150>[class*='container'] {
            padding-top: 150px;
        }
        .s-pt-lg-155>[class*='container'] {
            padding-top: 155px;
        }
        .s-pt-lg-165>[class*='container'] {
            padding-top: 165px;
        }
        .s-pt-lg-170>[class*='container'] {
            padding-top: 170px;
        }
        .s-pt-lg-175>[class*='container'] {
            padding-top: 175px;
        }
        .s-pt-lg-180>[class*='container'] {
            padding-top: 180px;
        }
        .s-pt-lg-185>[class*='container'] {
            padding-top: 185px;
        }
        .s-pt-lg-190>[class*='container'] {
            padding-top: 190px;
        }
        .s-pt-lg-195>[class*='container'] {
            padding-top: 195px;
        }
        .s-pt-lg-200>[class*='container'] {
            padding-top: 200px;
        }
        .s-pt-lg-205>[class*='container'] {
            padding-top: 205px;
        }
        .s-pt-lg-215>[class*='container'] {
            padding-top: 215px;
        }
        .s-pt-lg-235>[class*='container'] {
            padding-top: 235px;
        }
        .s-pt-lg-250>[class*='container'] {
            padding-top: 250px;
        }
        .s-pb-lg-0>[class*='container'] {
            padding-bottom: 0;
        }
        .s-pb-lg-1>[class*='container'] {
            padding-bottom: 1px;
        }
        .s-pb-lg-2>[class*='container'] {
            padding-bottom: 2px;
        }
        .s-pb-lg-3>[class*='container'] {
            padding-bottom: 3px;
        }
        .s-pb-lg-5>[class*='container'] {
            padding-bottom: 5px;
        }
        .s-pb-lg-10>[class*='container'] {
            padding-bottom: 10px;
        }
        .s-pb-lg-15>[class*='container'] {
            padding-bottom: 15px;
        }
        .s-pb-lg-20>[class*='container'] {
            padding-bottom: 20px;
        }
        .s-pb-lg-25>[class*='container'] {
            padding-bottom: 25px;
        }
        .s-pb-lg-30>[class*='container'] {
            padding-bottom: 30px;
        }
        .s-pb-lg-40>[class*='container'] {
            padding-bottom: 40px;
        }
        .s-pb-lg-45>[class*='container'] {
            padding-bottom: 45px;
        }
        .s-pb-lg-50>[class*='container'] {
            padding-bottom: 50px;
        }
        .s-pb-lg-55>[class*='container'] {
            padding-bottom: 55px;
        }
        .s-pb-lg-60>[class*='container'] {
            padding-bottom: 60px;
        }
        .s-pb-lg-65>[class*='container'] {
            padding-bottom: 65px;
        }
        .s-pb-lg-70>[class*='container'] {
            padding-bottom: 70px;
        }
        .s-pb-lg-75>[class*='container'] {
            padding-bottom: 75px;
        }
        .s-pb-lg-80>[class*='container'] {
            padding-bottom: 80px;
        }
        .s-pb-lg-85>[class*='container'] {
            padding-bottom: 85px;
        }
        .s-pb-lg-90>[class*='container'] {
            padding-bottom: 90px;
        }
        .s-pb-lg-95>[class*='container'] {
            padding-bottom: 95px;
        }
        .s-pb-lg-100>[class*='container'] {
            padding-bottom: 100px;
        }
        .s-pb-lg-110>[class*='container'] {
            padding-bottom: 110px;
        }
        .s-pb-lg-115>[class*='container'] {
            padding-bottom: 115px;
        }
        .s-pb-lg-120>[class*='container'] {
            padding-bottom: 120px;
        }
        .s-pb-lg-125>[class*='container'] {
            padding-bottom: 125px;
        }
        .s-pb-lg-130>[class*='container'] {
            padding-bottom: 130px;
        }
        .s-pb-lg-135>[class*='container'] {
            padding-bottom: 135px;
        }
        .s-pb-lg-140>[class*='container'] {
            padding-bottom: 140px;
        }
        .s-pb-lg-145>[class*='container'] {
            padding-bottom: 145px;
        }
        .s-pb-lg-150>[class*='container'] {
            padding-bottom: 150px;
        }
        .s-pb-lg-155>[class*='container'] {
            padding-bottom: 155px;
        }
        .s-pb-lg-165>[class*='container'] {
            padding-bottom: 165px;
        }
        .s-pb-lg-170>[class*='container'] {
            padding-bottom: 170px;
        }
        .s-pb-lg-175>[class*='container'] {
            padding-bottom: 175px;
        }
        .s-pb-lg-180>[class*='container'] {
            padding-bottom: 180px;
        }
        .s-pb-lg-185>[class*='container'] {
            padding-bottom: 185px;
        }
        .s-pb-lg-190>[class*='container'] {
            padding-bottom: 190px;
        }
        .s-pb-lg-195>[class*='container'] {
            padding-bottom: 195px;
        }
        .s-pb-lg-200>[class*='container'] {
            padding-bottom: 200px;
        }
        .s-pb-lg-205>[class*='container'] {
            padding-bottom: 205px;
        }
        .s-pb-lg-215>[class*='container'] {
            padding-bottom: 215px;
        }
        .s-pb-lg-235>[class*='container'] {
            padding-bottom: 235px;
        }
        .s-pb-lg-250>[class*='container'] {
            padding-bottom: 250px;
        }
        .s-py-lg-0>[class*='container'] {
            padding-bottom: 0;
            padding-top: 0;
        }
        .s-py-lg-1>[class*='container'] {
            padding-bottom: 1px;
            padding-top: 1px;
        }
        .s-py-lg-2>[class*='container'] {
            padding-bottom: 2px;
            padding-top: 2px;
        }
        .s-py-lg-3>[class*='container'] {
            padding-bottom: 3px;
            padding-top: 3px;
        }
        .s-py-lg-5>[class*='container'] {
            padding-bottom: 5px;
            padding-top: 5px;
        }
        .s-py-lg-10>[class*='container'] {
            padding-bottom: 10px;
            padding-top: 10px;
        }
        .s-py-lg-15>[class*='container'] {
            padding-bottom: 15px;
            padding-top: 15px;
        }
        .s-py-lg-20>[class*='container'] {
            padding-bottom: 20px;
            padding-top: 20px;
        }
        .s-py-lg-25>[class*='container'] {
            padding-bottom: 25px;
            padding-top: 25px;
        }
        .s-py-lg-30>[class*='container'] {
            padding-bottom: 30px;
            padding-top: 30px;
        }
        .s-py-lg-40>[class*='container'] {
            padding-bottom: 40px;
            padding-top: 40px;
        }
        .s-py-lg-45>[class*='container'] {
            padding-bottom: 45px;
            padding-top: 45px;
        }
        .s-py-lg-50>[class*='container'] {
            padding-bottom: 50px;
            padding-top: 50px;
        }
        .s-py-lg-55>[class*='container'] {
            padding-bottom: 55px;
            padding-top: 55px;
        }
        .s-py-lg-60>[class*='container'] {
            padding-bottom: 60px;
            padding-top: 60px;
        }
        .s-py-lg-65>[class*='container'] {
            padding-bottom: 65px;
            padding-top: 65px;
        }
        .s-py-lg-70>[class*='container'] {
            padding-bottom: 70px;
            padding-top: 70px;
        }
        .s-py-lg-75>[class*='container'] {
            padding-bottom: 75px;
            padding-top: 75px;
        }
        .s-py-lg-80>[class*='container'] {
            padding-bottom: 80px;
            padding-top: 80px;
        }
        .s-py-lg-85>[class*='container'] {
            padding-bottom: 85px;
            padding-top: 85px;
        }
        .s-py-lg-90>[class*='container'] {
            padding-bottom: 90px;
            padding-top: 90px;
        }
        .s-py-lg-95>[class*='container'] {
            padding-bottom: 95px;
            padding-top: 95px;
        }
        .s-py-lg-100>[class*='container'] {
            padding-bottom: 100px;
            padding-top: 100px;
        }
        .s-py-lg-110>[class*='container'] {
            padding-bottom: 110px;
            padding-top: 110px;
        }
        .s-py-lg-115>[class*='container'] {
            padding-bottom: 115px;
            padding-top: 115px;
        }
        .s-py-lg-120>[class*='container'] {
            padding-bottom: 120px;
            padding-top: 120px;
        }
        .s-py-lg-125>[class*='container'] {
            padding-bottom: 125px;
            padding-top: 125px;
        }
        .s-py-lg-130>[class*='container'] {
            padding-bottom: 130px;
            padding-top: 130px;
        }
        .s-py-lg-135>[class*='container'] {
            padding-bottom: 135px;
            padding-top: 135px;
        }
        .s-py-lg-140>[class*='container'] {
            padding-bottom: 140px;
            padding-top: 140px;
        }
        .s-py-lg-145>[class*='container'] {
            padding-bottom: 145px;
            padding-top: 145px;
        }
        .s-py-lg-150>[class*='container'] {
            padding-bottom: 150px;
            padding-top: 150px;
        }
        .s-py-lg-155>[class*='container'] {
            padding-bottom: 155px;
            padding-top: 155px;
        }
        .s-py-lg-165>[class*='container'] {
            padding-bottom: 165px;
            padding-top: 165px;
        }
        .s-py-lg-170>[class*='container'] {
            padding-bottom: 170px;
            padding-top: 170px;
        }
        .s-py-lg-175>[class*='container'] {
            padding-bottom: 175px;
            padding-top: 175px;
        }
        .s-py-lg-180>[class*='container'] {
            padding-bottom: 180px;
            padding-top: 180px;
        }
        .s-py-lg-185>[class*='container'] {
            padding-bottom: 185px;
            padding-top: 185px;
        }
        .s-py-lg-190>[class*='container'] {
            padding-bottom: 190px;
            padding-top: 190px;
        }
        .s-py-lg-195>[class*='container'] {
            padding-bottom: 195px;
            padding-top: 195px;
        }
        .s-py-lg-200>[class*='container'] {
            padding-bottom: 200px;
            padding-top: 200px;
        }
        .s-py-lg-205>[class*='container'] {
            padding-bottom: 205px;
            padding-top: 205px;
        }
        .s-py-lg-215>[class*='container'] {
            padding-bottom: 215px;
            padding-top: 215px;
        }
        .s-py-lg-235>[class*='container'] {
            padding-bottom: 235px;
            padding-top: 235px;
        }
        .s-py-lg-250>[class*='container'] {
            padding-bottom: 250px;
            padding-top: 250px;
        }
    }
    
    @media (min-width: 1200px) {
        .s-pt-xl-0>[class*='container'] {
            padding-top: 0;
        }
        .s-pt-xl-1>[class*='container'] {
            padding-top: 1px;
        }
        .s-pt-xl-2>[class*='container'] {
            padding-top: 2px;
        }
        .s-pt-xl-3>[class*='container'] {
            padding-top: 3px;
        }
        .s-pt-xl-5>[class*='container'] {
            padding-top: 5px;
        }
        .s-pt-xl-10>[class*='container'] {
            padding-top: 10px;
        }
        .s-pt-xl-15>[class*='container'] {
            padding-top: 15px;
        }
        .s-pt-xl-20>[class*='container'] {
            padding-top: 20px;
        }
        .s-pt-xl-25>[class*='container'] {
            padding-top: 25px;
        }
        .s-pt-xl-30>[class*='container'] {
            padding-top: 30px;
        }
        .s-pt-xl-40>[class*='container'] {
            padding-top: 40px;
        }
        .s-pt-xl-45>[class*='container'] {
            padding-top: 45px;
        }
        .s-pt-xl-50>[class*='container'] {
            padding-top: 50px;
        }
        .s-pt-xl-55>[class*='container'] {
            padding-top: 55px;
        }
        .s-pt-xl-60>[class*='container'] {
            padding-top: 60px;
        }
        .s-pt-xl-65>[class*='container'] {
            padding-top: 65px;
        }
        .s-pt-xl-70>[class*='container'] {
            padding-top: 70px;
        }
        .s-pt-xl-75>[class*='container'] {
            padding-top: 75px;
        }
        .s-pt-xl-80>[class*='container'] {
            padding-top: 80px;
        }
        .s-pt-xl-85>[class*='container'] {
            padding-top: 85px;
        }
        .s-pt-xl-90>[class*='container'] {
            padding-top: 90px;
        }
        .s-pt-xl-95>[class*='container'] {
            padding-top: 95px;
        }
        .s-pt-xl-100>[class*='container'] {
            padding-top: 100px;
        }
        .s-pt-xl-110>[class*='container'] {
            padding-top: 110px;
        }
        .s-pt-xl-115>[class*='container'] {
            padding-top: 115px;
        }
        .s-pt-xl-120>[class*='container'] {
            padding-top: 120px;
        }
        .s-pt-xl-125>[class*='container'] {
            padding-top: 125px;
        }
        .s-pt-xl-130>[class*='container'] {
            padding-top: 130px;
        }
        .s-pt-xl-135>[class*='container'] {
            padding-top: 135px;
        }
        .s-pt-xl-140>[class*='container'] {
            padding-top: 140px;
        }
        .s-pt-xl-145>[class*='container'] {
            padding-top: 145px;
        }
        .s-pt-xl-150>[class*='container'] {
            padding-top: 150px;
        }
        .s-pt-xl-155>[class*='container'] {
            padding-top: 155px;
        }
        .s-pt-xl-165>[class*='container'] {
            padding-top: 165px;
        }
        .s-pt-xl-170>[class*='container'] {
            padding-top: 170px;
        }
        .s-pt-xl-175>[class*='container'] {
            padding-top: 175px;
        }
        .s-pt-xl-180>[class*='container'] {
            padding-top: 180px;
        }
        .s-pt-xl-185>[class*='container'] {
            padding-top: 185px;
        }
        .s-pt-xl-190>[class*='container'] {
            padding-top: 190px;
        }
        .s-pt-xl-195>[class*='container'] {
            padding-top: 195px;
        }
        .s-pt-xl-200>[class*='container'] {
            padding-top: 200px;
        }
        .s-pt-xl-205>[class*='container'] {
            padding-top: 205px;
        }
        .s-pt-xl-215>[class*='container'] {
            padding-top: 215px;
        }
        .s-pt-xl-235>[class*='container'] {
            padding-top: 235px;
        }
        .s-pt-xl-250>[class*='container'] {
            padding-top: 250px;
        }
        .s-pb-xl-0>[class*='container'] {
            padding-bottom: 0;
        }
        .s-pb-xl-1>[class*='container'] {
            padding-bottom: 1px;
        }
        .s-pb-xl-2>[class*='container'] {
            padding-bottom: 2px;
        }
        .s-pb-xl-3>[class*='container'] {
            padding-bottom: 3px;
        }
        .s-pb-xl-5>[class*='container'] {
            padding-bottom: 5px;
        }
        .s-pb-xl-10>[class*='container'] {
            padding-bottom: 10px;
        }
        .s-pb-xl-15>[class*='container'] {
            padding-bottom: 15px;
        }
        .s-pb-xl-20>[class*='container'] {
            padding-bottom: 20px;
        }
        .s-pb-xl-25>[class*='container'] {
            padding-bottom: 25px;
        }
        .s-pb-xl-30>[class*='container'] {
            padding-bottom: 30px;
        }
        .s-pb-xl-40>[class*='container'] {
            padding-bottom: 40px;
        }
        .s-pb-xl-45>[class*='container'] {
            padding-bottom: 45px;
        }
        .s-pb-xl-50>[class*='container'] {
            padding-bottom: 50px;
        }
        .s-pb-xl-55>[class*='container'] {
            padding-bottom: 55px;
        }
        .s-pb-xl-60>[class*='container'] {
            padding-bottom: 60px;
        }
        .s-pb-xl-65>[class*='container'] {
            padding-bottom: 65px;
        }
        .s-pb-xl-70>[class*='container'] {
            padding-bottom: 70px;
        }
        .s-pb-xl-75>[class*='container'] {
            padding-bottom: 75px;
        }
        .s-pb-xl-80>[class*='container'] {
            padding-bottom: 80px;
        }
        .s-pb-xl-85>[class*='container'] {
            padding-bottom: 85px;
        }
        .s-pb-xl-90>[class*='container'] {
            padding-bottom: 90px;
        }
        .s-pb-xl-95>[class*='container'] {
            padding-bottom: 95px;
        }
        .s-pb-xl-100>[class*='container'] {
            padding-bottom: 100px;
        }
        .s-pb-xl-110>[class*='container'] {
            padding-bottom: 110px;
        }
        .s-pb-xl-115>[class*='container'] {
            padding-bottom: 115px;
        }
        .s-pb-xl-120>[class*='container'] {
            padding-bottom: 120px;
        }
        .s-pb-xl-125>[class*='container'] {
            padding-bottom: 125px;
        }
        .s-pb-xl-130>[class*='container'] {
            padding-bottom: 130px;
        }
        .s-pb-xl-135>[class*='container'] {
            padding-bottom: 135px;
        }
        .s-pb-xl-140>[class*='container'] {
            padding-bottom: 140px;
        }
        .s-pb-xl-145>[class*='container'] {
            padding-bottom: 145px;
        }
        .s-pb-xl-150>[class*='container'] {
            padding-bottom: 150px;
        }
        .s-pb-xl-155>[class*='container'] {
            padding-bottom: 155px;
        }
        .s-pb-xl-165>[class*='container'] {
            padding-bottom: 165px;
        }
        .s-pb-xl-170>[class*='container'] {
            padding-bottom: 170px;
        }
        .s-pb-xl-175>[class*='container'] {
            padding-bottom: 175px;
        }
        .s-pb-xl-180>[class*='container'] {
            padding-bottom: 180px;
        }
        .s-pb-xl-185>[class*='container'] {
            padding-bottom: 185px;
        }
        .s-pb-xl-190>[class*='container'] {
            padding-bottom: 190px;
        }
        .s-pb-xl-195>[class*='container'] {
            padding-bottom: 195px;
        }
        .s-pb-xl-200>[class*='container'] {
            padding-bottom: 200px;
        }
        .s-pb-xl-205>[class*='container'] {
            padding-bottom: 205px;
        }
        .s-pb-xl-215>[class*='container'] {
            padding-bottom: 215px;
        }
        .s-pb-xl-235>[class*='container'] {
            padding-bottom: 235px;
        }
        .s-pb-xl-250>[class*='container'] {
            padding-bottom: 250px;
        }
        .s-py-xl-0>[class*='container'] {
            padding-bottom: 0;
            padding-top: 0;
        }
        .s-py-xl-1>[class*='container'] {
            padding-bottom: 1px;
            padding-top: 1px;
        }
        .s-py-xl-2>[class*='container'] {
            padding-bottom: 2px;
            padding-top: 2px;
        }
        .s-py-xl-3>[class*='container'] {
            padding-bottom: 3px;
            padding-top: 3px;
        }
        .s-py-xl-5>[class*='container'] {
            padding-bottom: 5px;
            padding-top: 5px;
        }
        .s-py-xl-10>[class*='container'] {
            padding-bottom: 10px;
            padding-top: 10px;
        }
        .s-py-xl-15>[class*='container'] {
            padding-bottom: 15px;
            padding-top: 15px;
        }
        .s-py-xl-20>[class*='container'] {
            padding-bottom: 20px;
            padding-top: 20px;
        }
        .s-py-xl-25>[class*='container'] {
            padding-bottom: 25px;
            padding-top: 25px;
        }
        .s-py-xl-30>[class*='container'] {
            padding-bottom: 30px;
            padding-top: 30px;
        }
        .s-py-xl-40>[class*='container'] {
            padding-bottom: 40px;
            padding-top: 40px;
        }
        .s-py-xl-45>[class*='container'] {
            padding-bottom: 45px;
            padding-top: 45px;
        }
        .s-py-xl-50>[class*='container'] {
            padding-bottom: 50px;
            padding-top: 50px;
        }
        .s-py-xl-55>[class*='container'] {
            padding-bottom: 55px;
            padding-top: 55px;
        }
        .s-py-xl-60>[class*='container'] {
            padding-bottom: 60px;
            padding-top: 60px;
        }
        .s-py-xl-65>[class*='container'] {
            padding-bottom: 65px;
            padding-top: 65px;
        }
        .s-py-xl-70>[class*='container'] {
            padding-bottom: 70px;
            padding-top: 70px;
        }
        .s-py-xl-75>[class*='container'] {
            padding-bottom: 75px;
            padding-top: 75px;
        }
        .s-py-xl-80>[class*='container'] {
            padding-bottom: 80px;
            padding-top: 80px;
        }
        .s-py-xl-85>[class*='container'] {
            padding-bottom: 85px;
            padding-top: 85px;
        }
        .s-py-xl-90>[class*='container'] {
            padding-bottom: 90px;
            padding-top: 90px;
        }
        .s-py-xl-95>[class*='container'] {
            padding-bottom: 95px;
            padding-top: 95px;
        }
        .s-py-xl-100>[class*='container'] {
            padding-bottom: 100px;
            padding-top: 100px;
        }
        .s-py-xl-110>[class*='container'] {
            padding-bottom: 110px;
            padding-top: 110px;
        }
        .s-py-xl-115>[class*='container'] {
            padding-bottom: 115px;
            padding-top: 115px;
        }
        .s-py-xl-120>[class*='container'] {
            padding-bottom: 120px;
            padding-top: 120px;
        }
        .s-py-xl-125>[class*='container'] {
            padding-bottom: 125px;
            padding-top: 125px;
        }
        .s-py-xl-130>[class*='container'] {
            padding-bottom: 130px;
            padding-top: 130px;
        }
        .s-py-xl-135>[class*='container'] {
            padding-bottom: 135px;
            padding-top: 135px;
        }
        .s-py-xl-140>[class*='container'] {
            padding-bottom: 140px;
            padding-top: 140px;
        }
        .s-py-xl-145>[class*='container'] {
            padding-bottom: 145px;
            padding-top: 145px;
        }
        .s-py-xl-150>[class*='container'] {
            padding-bottom: 50px;
            padding-top: 80px;
        }
        .s-py-xl-155>[class*='container'] {
            padding-bottom: 155px;
            padding-top: 155px;
        }
        .s-py-xl-165>[class*='container'] {
            padding-bottom: 165px;
            padding-top: 165px;
        }
        .s-py-xl-170>[class*='container'] {
            padding-bottom: 170px;
            padding-top: 170px;
        }
        .s-py-xl-175>[class*='container'] {
            padding-bottom: 175px;
            padding-top: 175px;
        }
        .s-py-xl-180>[class*='container'] {
            padding-bottom: 180px;
            padding-top: 180px;
        }
        .s-py-xl-185>[class*='container'] {
            padding-bottom: 185px;
            padding-top: 185px;
        }
        .s-py-xl-190>[class*='container'] {
            padding-bottom: 190px;
            padding-top: 190px;
        }
        .s-py-xl-195>[class*='container'] {
            padding-bottom: 195px;
            padding-top: 195px;
        }
        .s-py-xl-200>[class*='container'] {
            padding-bottom: 200px;
            padding-top: 200px;
        }
        .s-py-xl-205>[class*='container'] {
            padding-bottom: 205px;
            padding-top: 205px;
        }
        .s-py-xl-215>[class*='container'] {
            padding-bottom: 215px;
            padding-top: 215px;
        }
        .s-py-xl-235>[class*='container'] {
            padding-bottom: 235px;
            padding-top: 235px;
        }
        .s-py-xl-250>[class*='container'] {
            padding-bottom: 250px;
            padding-top: 250px;
        }
    }
    /* Vertical margins for columns in sections and rows
.c - columns
mt-* - margin top value
mb-* - margin bottom value
my-* - same value for top and for bottom margin
*/
    
    .c-mt-0 [class*="col-"],
    .row.c-mt-0>[class*="col-"] {
        margin-top: 0;
    }
    
    .c-mt-1 [class*="col-"],
    .row.c-mt-1>[class*="col-"] {
        margin-top: 1px;
    }
    
    .c-mt-2 [class*="col-"],
    .row.c-mt-2>[class*="col-"] {
        margin-top: 2px;
    }
    
    .c-mt-5 [class*="col-"],
    .row.c-mt-5>[class*="col-"] {
        margin-top: 5px;
    }
    
    .c-mt-10 [class*="col-"],
    .row.c-mt-10>[class*="col-"] {
        margin-top: 10px;
    }
    
    .c-mt-15 [class*="col-"],
    .row.c-mt-15>[class*="col-"] {
        margin-top: 15px;
    }
    
    .c-mt-20 [class*="col-"],
    .row.c-mt-20>[class*="col-"] {
        margin-top: 20px;
    }
    
    .c-mt-25 [class*="col-"],
    .row.c-mt-25>[class*="col-"] {
        margin-top: 25px;
    }
    
    .c-mt-30 [class*="col-"],
    .row.c-mt-30>[class*="col-"] {
        margin-top: 30px;
    }
    
    .c-mt-40 [class*="col-"],
    .row.c-mt-40>[class*="col-"] {
        margin-top: 40px;
    }
    
    .c-mt-50 [class*="col-"],
    .row.c-mt-50>[class*="col-"] {
        margin-top: 50px;
    }
    
    .c-mt-60 [class*="col-"],
    .row.c-mt-60>[class*="col-"] {
        margin-top: 60px;
    }
    
    .c-mb-0 [class*="col-"],
    .row.c-mb-0>[class*="col-"] {
        margin-bottom: 0;
    }
    
    .c-mb-1 [class*="col-"],
    .row.c-mb-1>[class*="col-"] {
        margin-bottom: 1px;
    }
    
    .c-mb-2 [class*="col-"],
    .row.c-mb-2>[class*="col-"] {
        margin-bottom: 2px;
    }
    
    .c-mb-5 [class*="col-"],
    .row.c-mb-5>[class*="col-"] {
        margin-bottom: 5px;
    }
    
    .c-mb-10 [class*="col-"],
    .row.c-mb-10>[class*="col-"] {
        margin-bottom: 10px;
    }
    
    .c-mb-15 [class*="col-"],
    .row.c-mb-15>[class*="col-"] {
        margin-bottom: 15px;
    }
    
    .c-mb-20 [class*="col-"],
    .row.c-mb-20>[class*="col-"] {
        margin-bottom: 20px;
    }
    
    .c-mb-25 [class*="col-"],
    .row.c-mb-25>[class*="col-"] {
        margin-bottom: 25px;
    }
    
    .c-mb-30 [class*="col-"],
    .row.c-mb-30>[class*="col-"] {
        margin-bottom: 30px;
    }
    
    .c-mb-40 [class*="col-"],
    .row.c-mb-40>[class*="col-"] {
        margin-bottom: 40px;
    }
    
    .c-mb-50 [class*="col-"],
    .row.c-mb-50>[class*="col-"] {
        margin-bottom: 50px;
    }
    
    .c-mb-60 [class*="col-"],
    .row.c-mb-60>[class*="col-"] {
        margin-bottom: 60px;
    }
    
    .c-my-0 [class*="col-"],
    .row.c-my-0>[class*="col-"] {
        margin-bottom: 0;
        margin-top: 0;
    }
    
    .c-my-1 [class*="col-"],
    .row.c-my-1>[class*="col-"] {
        margin-bottom: 1px;
        margin-top: 1px;
    }
    
    .c-my-2 [class*="col-"],
    .row.c-my-2>[class*="col-"] {
        margin-bottom: 2px;
        margin-top: 2px;
    }
    
    .c-my-5 [class*="col-"],
    .row.c-my-5>[class*="col-"] {
        margin-bottom: 5px;
        margin-top: 5px;
    }
    
    .c-my-10 [class*="col-"],
    .row.c-my-10>[class*="col-"] {
        margin-bottom: 10px;
        margin-top: 10px;
    }
    
    .c-my-15 [class*="col-"],
    .row.c-my-15>[class*="col-"] {
        margin-bottom: 15px;
        margin-top: 15px;
    }
    
    .c-my-20 [class*="col-"],
    .row.c-my-20>[class*="col-"] {
        margin-bottom: 20px;
        margin-top: 20px;
    }
    
    .c-my-25 [class*="col-"],
    .row.c-my-25>[class*="col-"] {
        margin-bottom: 25px;
        margin-top: 25px;
    }
    
    .c-my-30 [class*="col-"],
    .row.c-my-30>[class*="col-"] {
        margin-bottom: 30px;
        margin-top: 30px;
    }
    
    .c-my-40 [class*="col-"],
    .row.c-my-40>[class*="col-"] {
        margin-bottom: 40px;
        margin-top: 40px;
    }
    
    .c-my-50 [class*="col-"],
    .row.c-my-50>[class*="col-"] {
        margin-bottom: 50px;
        margin-top: 50px;
    }
    
    .c-my-60 [class*="col-"],
    .row.c-my-60>[class*="col-"] {
        margin-bottom: 60px;
        margin-top: 60px;
    }
    
    @media (min-width: 576px) {
        .c-mt-sm-0 [class*="col-"],
        .row.c-mt-sm-0>[class*="col-"] {
            margin-top: 0;
        }
        .c-mt-sm-1 [class*="col-"],
        .row.c-mt-sm-1>[class*="col-"] {
            margin-top: 1px;
        }
        .c-mt-sm-2 [class*="col-"],
        .row.c-mt-sm-2>[class*="col-"] {
            margin-top: 2px;
        }
        .c-mt-sm-5 [class*="col-"],
        .row.c-mt-sm-5>[class*="col-"] {
            margin-top: 5px;
        }
        .c-mt-sm-10 [class*="col-"],
        .row.c-mt-sm-10>[class*="col-"] {
            margin-top: 10px;
        }
        .c-mt-sm-15 [class*="col-"],
        .row.c-mt-sm-15>[class*="col-"] {
            margin-top: 15px;
        }
        .c-mt-sm-20 [class*="col-"],
        .row.c-mt-sm-20>[class*="col-"] {
            margin-top: 20px;
        }
        .c-mt-sm-25 [class*="col-"],
        .row.c-mt-sm-25>[class*="col-"] {
            margin-top: 25px;
        }
        .c-mt-sm-30 [class*="col-"],
        .row.c-mt-sm-30>[class*="col-"] {
            margin-top: 30px;
        }
        .c-mt-sm-40 [class*="col-"],
        .row.c-mt-sm-40>[class*="col-"] {
            margin-top: 40px;
        }
        .c-mt-sm-50 [class*="col-"],
        .row.c-mt-sm-50>[class*="col-"] {
            margin-top: 50px;
        }
        .c-mt-sm-60 [class*="col-"],
        .row.c-mt-sm-60>[class*="col-"] {
            margin-top: 60px;
        }
        .c-mb-sm-0 [class*="col-"],
        .row.c-mb-sm-0>[class*="col-"] {
            margin-bottom: 0;
        }
        .c-mb-sm-1 [class*="col-"],
        .row.c-mb-sm-1>[class*="col-"] {
            margin-bottom: 1px;
        }
        .c-mb-sm-2 [class*="col-"],
        .row.c-mb-sm-2>[class*="col-"] {
            margin-bottom: 2px;
        }
        .c-mb-sm-5 [class*="col-"],
        .row.c-mb-sm-5>[class*="col-"] {
            margin-bottom: 5px;
        }
        .c-mb-sm-10 [class*="col-"],
        .row.c-mb-sm-10>[class*="col-"] {
            margin-bottom: 10px;
        }
        .c-mb-sm-15 [class*="col-"],
        .row.c-mb-sm-15>[class*="col-"] {
            margin-bottom: 15px;
        }
        .c-mb-sm-20 [class*="col-"],
        .row.c-mb-sm-20>[class*="col-"] {
            margin-bottom: 20px;
        }
        .c-mb-sm-25 [class*="col-"],
        .row.c-mb-sm-25>[class*="col-"] {
            margin-bottom: 25px;
        }
        .c-mb-sm-30 [class*="col-"],
        .row.c-mb-sm-30>[class*="col-"] {
            margin-bottom: 30px;
        }
        .c-mb-sm-40 [class*="col-"],
        .row.c-mb-sm-40>[class*="col-"] {
            margin-bottom: 40px;
        }
        .c-mb-sm-50 [class*="col-"],
        .row.c-mb-sm-50>[class*="col-"] {
            margin-bottom: 50px;
        }
        .c-mb-sm-60 [class*="col-"],
        .row.c-mb-sm-60>[class*="col-"] {
            margin-bottom: 60px;
        }
        .c-my-sm-0 [class*="col-"],
        .row.c-my-sm-0>[class*="col-"] {
            margin-bottom: 0;
            margin-top: 0;
        }
        .c-my-sm-1 [class*="col-"],
        .row.c-my-sm-1>[class*="col-"] {
            margin-bottom: 1px;
            margin-top: 1px;
        }
        .c-my-sm-2 [class*="col-"],
        .row.c-my-sm-2>[class*="col-"] {
            margin-bottom: 2px;
            margin-top: 2px;
        }
        .c-my-sm-5 [class*="col-"],
        .row.c-my-sm-5>[class*="col-"] {
            margin-bottom: 5px;
            margin-top: 5px;
        }
        .c-my-sm-10 [class*="col-"],
        .row.c-my-sm-10>[class*="col-"] {
            margin-bottom: 10px;
            margin-top: 10px;
        }
        .c-my-sm-15 [class*="col-"],
        .row.c-my-sm-15>[class*="col-"] {
            margin-bottom: 15px;
            margin-top: 15px;
        }
        .c-my-sm-20 [class*="col-"],
        .row.c-my-sm-20>[class*="col-"] {
            margin-bottom: 20px;
            margin-top: 20px;
        }
        .c-my-sm-25 [class*="col-"],
        .row.c-my-sm-25>[class*="col-"] {
            margin-bottom: 25px;
            margin-top: 25px;
        }
        .c-my-sm-30 [class*="col-"],
        .row.c-my-sm-30>[class*="col-"] {
            margin-bottom: 30px;
            margin-top: 30px;
        }
        .c-my-sm-40 [class*="col-"],
        .row.c-my-sm-40>[class*="col-"] {
            margin-bottom: 40px;
            margin-top: 40px;
        }
        .c-my-sm-50 [class*="col-"],
        .row.c-my-sm-50>[class*="col-"] {
            margin-bottom: 50px;
            margin-top: 50px;
        }
        .c-my-sm-60 [class*="col-"],
        .row.c-my-sm-60>[class*="col-"] {
            margin-bottom: 60px;
            margin-top: 60px;
        }
    }
    
    @media (min-width: 768px) {
        .c-mt-md-0 [class*="col-"],
        .row.c-mt-md-0>[class*="col-"] {
            margin-top: 0;
        }
        .c-mt-md-1 [class*="col-"],
        .row.c-mt-md-1>[class*="col-"] {
            margin-top: 1px;
        }
        .c-mt-md-2 [class*="col-"],
        .row.c-mt-md-2>[class*="col-"] {
            margin-top: 2px;
        }
        .c-mt-md-5 [class*="col-"],
        .row.c-mt-md-5>[class*="col-"] {
            margin-top: 5px;
        }
        .c-mt-md-10 [class*="col-"],
        .row.c-mt-md-10>[class*="col-"] {
            margin-top: 10px;
        }
        .c-mt-md-15 [class*="col-"],
        .row.c-mt-md-15>[class*="col-"] {
            margin-top: 15px;
        }
        .c-mt-md-20 [class*="col-"],
        .row.c-mt-md-20>[class*="col-"] {
            margin-top: 20px;
        }
        .c-mt-md-25 [class*="col-"],
        .row.c-mt-md-25>[class*="col-"] {
            margin-top: 25px;
        }
        .c-mt-md-30 [class*="col-"],
        .row.c-mt-md-30>[class*="col-"] {
            margin-top: 30px;
        }
        .c-mt-md-40 [class*="col-"],
        .row.c-mt-md-40>[class*="col-"] {
            margin-top: 40px;
        }
        .c-mt-md-50 [class*="col-"],
        .row.c-mt-md-50>[class*="col-"] {
            margin-top: 50px;
        }
        .c-mt-md-60 [class*="col-"],
        .row.c-mt-md-60>[class*="col-"] {
            margin-top: 60px;
        }
        .c-mb-md-0 [class*="col-"],
        .row.c-mb-md-0>[class*="col-"] {
            margin-bottom: 0;
        }
        .c-mb-md-1 [class*="col-"],
        .row.c-mb-md-1>[class*="col-"] {
            margin-bottom: 1px;
        }
        .c-mb-md-2 [class*="col-"],
        .row.c-mb-md-2>[class*="col-"] {
            margin-bottom: 2px;
        }
        .c-mb-md-5 [class*="col-"],
        .row.c-mb-md-5>[class*="col-"] {
            margin-bottom: 5px;
        }
        .c-mb-md-10 [class*="col-"],
        .row.c-mb-md-10>[class*="col-"] {
            margin-bottom: 10px;
        }
        .c-mb-md-15 [class*="col-"],
        .row.c-mb-md-15>[class*="col-"] {
            margin-bottom: 15px;
        }
        .c-mb-md-20 [class*="col-"],
        .row.c-mb-md-20>[class*="col-"] {
            margin-bottom: 20px;
        }
        .c-mb-md-25 [class*="col-"],
        .row.c-mb-md-25>[class*="col-"] {
            margin-bottom: 25px;
        }
        .c-mb-md-30 [class*="col-"],
        .row.c-mb-md-30>[class*="col-"] {
            margin-bottom: 30px;
        }
        .c-mb-md-40 [class*="col-"],
        .row.c-mb-md-40>[class*="col-"] {
            margin-bottom: 40px;
        }
        .c-mb-md-50 [class*="col-"],
        .row.c-mb-md-50>[class*="col-"] {
            margin-bottom: 50px;
        }
        .c-mb-md-60 [class*="col-"],
        .row.c-mb-md-60>[class*="col-"] {
            margin-bottom: 60px;
        }
        .c-my-md-0 [class*="col-"],
        .row.c-my-md-0>[class*="col-"] {
            margin-bottom: 0;
            margin-top: 0;
        }
        .c-my-md-1 [class*="col-"],
        .row.c-my-md-1>[class*="col-"] {
            margin-bottom: 1px;
            margin-top: 1px;
        }
        .c-my-md-2 [class*="col-"],
        .row.c-my-md-2>[class*="col-"] {
            margin-bottom: 2px;
            margin-top: 2px;
        }
        .c-my-md-5 [class*="col-"],
        .row.c-my-md-5>[class*="col-"] {
            margin-bottom: 5px;
            margin-top: 5px;
        }
        .c-my-md-10 [class*="col-"],
        .row.c-my-md-10>[class*="col-"] {
            margin-bottom: 10px;
            margin-top: 10px;
        }
        .c-my-md-15 [class*="col-"],
        .row.c-my-md-15>[class*="col-"] {
            margin-bottom: 15px;
            margin-top: 15px;
        }
        .c-my-md-20 [class*="col-"],
        .row.c-my-md-20>[class*="col-"] {
            margin-bottom: 20px;
            margin-top: 20px;
        }
        .c-my-md-25 [class*="col-"],
        .row.c-my-md-25>[class*="col-"] {
            margin-bottom: 25px;
            margin-top: 25px;
        }
        .c-my-md-30 [class*="col-"],
        .row.c-my-md-30>[class*="col-"] {
            margin-bottom: 30px;
            margin-top: 30px;
        }
        .c-my-md-40 [class*="col-"],
        .row.c-my-md-40>[class*="col-"] {
            margin-bottom: 40px;
            margin-top: 40px;
        }
        .c-my-md-50 [class*="col-"],
        .row.c-my-md-50>[class*="col-"] {
            margin-bottom: 50px;
            margin-top: 50px;
        }
        .c-my-md-60 [class*="col-"],
        .row.c-my-md-60>[class*="col-"] {
            margin-bottom: 60px;
            margin-top: 60px;
        }
    }
    
    @media (min-width: 992px) {
        .c-mt-lg-0 [class*="col-"],
        .row.c-mt-lg-0>[class*="col-"] {
            margin-top: 0;
        }
        .c-mt-lg-1 [class*="col-"],
        .row.c-mt-lg-1>[class*="col-"] {
            margin-top: 1px;
        }
        .c-mt-lg-2 [class*="col-"],
        .row.c-mt-lg-2>[class*="col-"] {
            margin-top: 2px;
        }
        .c-mt-lg-5 [class*="col-"],
        .row.c-mt-lg-5>[class*="col-"] {
            margin-top: 5px;
        }
        .c-mt-lg-10 [class*="col-"],
        .row.c-mt-lg-10>[class*="col-"] {
            margin-top: 10px;
        }
        .c-mt-lg-15 [class*="col-"],
        .row.c-mt-lg-15>[class*="col-"] {
            margin-top: 15px;
        }
        .c-mt-lg-20 [class*="col-"],
        .row.c-mt-lg-20>[class*="col-"] {
            margin-top: 20px;
        }
        .c-mt-lg-25 [class*="col-"],
        .row.c-mt-lg-25>[class*="col-"] {
            margin-top: 25px;
        }
        .c-mt-lg-30 [class*="col-"],
        .row.c-mt-lg-30>[class*="col-"] {
            margin-top: 30px;
        }
        .c-mt-lg-40 [class*="col-"],
        .row.c-mt-lg-40>[class*="col-"] {
            margin-top: 40px;
        }
        .c-mt-lg-50 [class*="col-"],
        .row.c-mt-lg-50>[class*="col-"] {
            margin-top: 50px;
        }
        .c-mt-lg-60 [class*="col-"],
        .row.c-mt-lg-60>[class*="col-"] {
            margin-top: 60px;
        }
        .c-mb-lg-0 [class*="col-"],
        .row.c-mb-lg-0>[class*="col-"] {
            margin-bottom: 0;
        }
        .c-mb-lg-1 [class*="col-"],
        .row.c-mb-lg-1>[class*="col-"] {
            margin-bottom: 1px;
        }
        .c-mb-lg-2 [class*="col-"],
        .row.c-mb-lg-2>[class*="col-"] {
            margin-bottom: 2px;
        }
        .c-mb-lg-5 [class*="col-"],
        .row.c-mb-lg-5>[class*="col-"] {
            margin-bottom: 5px;
        }
        .c-mb-lg-10 [class*="col-"],
        .row.c-mb-lg-10>[class*="col-"] {
            margin-bottom: 10px;
        }
        .c-mb-lg-15 [class*="col-"],
        .row.c-mb-lg-15>[class*="col-"] {
            margin-bottom: 15px;
        }
        .c-mb-lg-20 [class*="col-"],
        .row.c-mb-lg-20>[class*="col-"] {
            margin-bottom: 20px;
        }
        .c-mb-lg-25 [class*="col-"],
        .row.c-mb-lg-25>[class*="col-"] {
            margin-bottom: 25px;
        }
        .c-mb-lg-30 [class*="col-"],
        .row.c-mb-lg-30>[class*="col-"] {
            margin-bottom: 30px;
        }
        .c-mb-lg-40 [class*="col-"],
        .row.c-mb-lg-40>[class*="col-"] {
            margin-bottom: 40px;
        }
        .c-mb-lg-50 [class*="col-"],
        .row.c-mb-lg-50>[class*="col-"] {
            margin-bottom: 50px;
        }
        .c-mb-lg-60 [class*="col-"],
        .row.c-mb-lg-60>[class*="col-"] {
            margin-bottom: 60px;
        }
        .c-my-lg-0 [class*="col-"],
        .row.c-my-lg-0>[class*="col-"] {
            margin-bottom: 0;
            margin-top: 0;
        }
        .c-my-lg-1 [class*="col-"],
        .row.c-my-lg-1>[class*="col-"] {
            margin-bottom: 1px;
            margin-top: 1px;
        }
        .c-my-lg-2 [class*="col-"],
        .row.c-my-lg-2>[class*="col-"] {
            margin-bottom: 2px;
            margin-top: 2px;
        }
        .c-my-lg-5 [class*="col-"],
        .row.c-my-lg-5>[class*="col-"] {
            margin-bottom: 5px;
            margin-top: 5px;
        }
        .c-my-lg-10 [class*="col-"],
        .row.c-my-lg-10>[class*="col-"] {
            margin-bottom: 10px;
            margin-top: 10px;
        }
        .c-my-lg-15 [class*="col-"],
        .row.c-my-lg-15>[class*="col-"] {
            margin-bottom: 15px;
            margin-top: 15px;
        }
        .c-my-lg-20 [class*="col-"],
        .row.c-my-lg-20>[class*="col-"] {
            margin-bottom: 20px;
            margin-top: 20px;
        }
        .c-my-lg-25 [class*="col-"],
        .row.c-my-lg-25>[class*="col-"] {
            margin-bottom: 25px;
            margin-top: 25px;
        }
        .c-my-lg-30 [class*="col-"],
        .row.c-my-lg-30>[class*="col-"] {
            margin-bottom: 30px;
            margin-top: 30px;
        }
        .c-my-lg-40 [class*="col-"],
        .row.c-my-lg-40>[class*="col-"] {
            margin-bottom: 40px;
            margin-top: 40px;
        }
        .c-my-lg-50 [class*="col-"],
        .row.c-my-lg-50>[class*="col-"] {
            margin-bottom: 50px;
            margin-top: 50px;
        }
        .c-my-lg-60 [class*="col-"],
        .row.c-my-lg-60>[class*="col-"] {
            margin-bottom: 60px;
            margin-top: 60px;
        }
    }
    
    @media (min-width: 1200px) {
        .c-mt-xl-0 [class*="col-"],
        .row.c-mt-xl-0>[class*="col-"] {
            margin-top: 0;
        }
        .c-mt-xl-1 [class*="col-"],
        .row.c-mt-xl-1>[class*="col-"] {
            margin-top: 1px;
        }
        .c-mt-xl-2 [class*="col-"],
        .row.c-mt-xl-2>[class*="col-"] {
            margin-top: 2px;
        }
        .c-mt-xl-5 [class*="col-"],
        .row.c-mt-xl-5>[class*="col-"] {
            margin-top: 5px;
        }
        .c-mt-xl-10 [class*="col-"],
        .row.c-mt-xl-10>[class*="col-"] {
            margin-top: 10px;
        }
        .c-mt-xl-15 [class*="col-"],
        .row.c-mt-xl-15>[class*="col-"] {
            margin-top: 15px;
        }
        .c-mt-xl-20 [class*="col-"],
        .row.c-mt-xl-20>[class*="col-"] {
            margin-top: 20px;
        }
        .c-mt-xl-25 [class*="col-"],
        .row.c-mt-xl-25>[class*="col-"] {
            margin-top: 25px;
        }
        .c-mt-xl-30 [class*="col-"],
        .row.c-mt-xl-30>[class*="col-"] {
            margin-top: 30px;
        }
        .c-mt-xl-40 [class*="col-"],
        .row.c-mt-xl-40>[class*="col-"] {
            margin-top: 40px;
        }
        .c-mt-xl-50 [class*="col-"],
        .row.c-mt-xl-50>[class*="col-"] {
            margin-top: 50px;
        }
        .c-mt-xl-60 [class*="col-"],
        .row.c-mt-xl-60>[class*="col-"] {
            margin-top: 60px;
        }
        .c-mb-xl-0 [class*="col-"],
        .row.c-mb-xl-0>[class*="col-"] {
            margin-bottom: 0;
        }
        .c-mb-xl-1 [class*="col-"],
        .row.c-mb-xl-1>[class*="col-"] {
            margin-bottom: 1px;
        }
        .c-mb-xl-2 [class*="col-"],
        .row.c-mb-xl-2>[class*="col-"] {
            margin-bottom: 2px;
        }
        .c-mb-xl-5 [class*="col-"],
        .row.c-mb-xl-5>[class*="col-"] {
            margin-bottom: 5px;
        }
        .c-mb-xl-10 [class*="col-"],
        .row.c-mb-xl-10>[class*="col-"] {
            margin-bottom: 10px;
        }
        .c-mb-xl-15 [class*="col-"],
        .row.c-mb-xl-15>[class*="col-"] {
            margin-bottom: 15px;
        }
        .c-mb-xl-20 [class*="col-"],
        .row.c-mb-xl-20>[class*="col-"] {
            margin-bottom: 20px;
        }
        .c-mb-xl-25 [class*="col-"],
        .row.c-mb-xl-25>[class*="col-"] {
            margin-bottom: 25px;
        }
        .c-mb-xl-30 [class*="col-"],
        .row.c-mb-xl-30>[class*="col-"] {
            margin-bottom: 30px;
        }
        .c-mb-xl-40 [class*="col-"],
        .row.c-mb-xl-40>[class*="col-"] {
            margin-bottom: 40px;
        }
        .c-mb-xl-50 [class*="col-"],
        .row.c-mb-xl-50>[class*="col-"] {
            margin-bottom: 50px;
        }
        .c-mb-xl-60 [class*="col-"],
        .row.c-mb-xl-60>[class*="col-"] {
            margin-bottom: 60px;
        }
        .c-my-xl-0 [class*="col-"],
        .row.c-my-xl-0>[class*="col-"] {
            margin-bottom: 0;
            margin-top: 0;
        }
        .c-my-xl-1 [class*="col-"],
        .row.c-my-xl-1>[class*="col-"] {
            margin-bottom: 1px;
            margin-top: 1px;
        }
        .c-my-xl-2 [class*="col-"],
        .row.c-my-xl-2>[class*="col-"] {
            margin-bottom: 2px;
            margin-top: 2px;
        }
        .c-my-xl-5 [class*="col-"],
        .row.c-my-xl-5>[class*="col-"] {
            margin-bottom: 5px;
            margin-top: 5px;
        }
        .c-my-xl-10 [class*="col-"],
        .row.c-my-xl-10>[class*="col-"] {
            margin-bottom: 10px;
            margin-top: 10px;
        }
        .c-my-xl-15 [class*="col-"],
        .row.c-my-xl-15>[class*="col-"] {
            margin-bottom: 15px;
            margin-top: 15px;
        }
        .c-my-xl-20 [class*="col-"],
        .row.c-my-xl-20>[class*="col-"] {
            margin-bottom: 20px;
            margin-top: 20px;
        }
        .c-my-xl-25 [class*="col-"],
        .row.c-my-xl-25>[class*="col-"] {
            margin-bottom: 25px;
            margin-top: 25px;
        }
        .c-my-xl-30 [class*="col-"],
        .row.c-my-xl-30>[class*="col-"] {
            margin-bottom: 30px;
            margin-top: 30px;
        }
        .c-my-xl-40 [class*="col-"],
        .row.c-my-xl-40>[class*="col-"] {
            margin-bottom: 40px;
            margin-top: 40px;
        }
        .c-my-xl-50 [class*="col-"],
        .row.c-my-xl-50>[class*="col-"] {
            margin-bottom: 50px;
            margin-top: 50px;
        }
        .c-my-xl-60 [class*="col-"],
        .row.c-my-xl-60>[class*="col-"] {
            margin-bottom: 60px;
            margin-top: 60px;
        }
    }
    
    form[class*="c-mb-"] .row:last-child [class^="col-"],
    [class*="c-mb-"] form .row:last-child [class^="col-"] {
        margin-bottom: 0 !important;
    }
    /* overlap featured image on top section (for big screens) */
    
    @media screen and (min-width: 1200px) {
        .s-top-overlap {
            margin-top: -140px;
        }
        .s-top-overlap-big {
            margin-top: -180px;
        }
        .s-top-overlap-small {
            margin-top: -100px;
        }
    }
    /* full height section */
    
    .s-full-height {
        min-height: 100vh;
    }
    /* Vertical dividers - use them with Bootstrap responsive utilities - http://getbootstrap.com/docs/4.1/utilities/display/#hiding-elements */
    
    [class*='divider-'] {
        clear: both;
        width: 100%;
    }
    
    [class*='divider-']:last-child {
        order: 10000;
    }
    
    .divider-0 {
        margin-top: 0;
    }
    
    .divider-10 {
        margin-top: 10px;
    }
    
    .divider-20 {
        margin-top: 20px;
    }
    
    .divider-25 {
        margin-top: 25px;
    }
    
    .divider-30 {
        margin-top: 30px;
    }
    
    .divider-40 {
        margin-top: 40px;
    }
    
    .divider-50 {
        margin-top: 50px;
    }
    
    .divider-55 {
        margin-top: 55px;
    }
    
    .divider-60 {
        margin-top: 60px;
    }
    
    .divider-70 {
        margin-top: 70px;
    }
    
    .divider-80 {
        margin-top: 80px;
    }
    
    .divider-90 {
        margin-top: 90px;
    }
    
    .divider-100 {
        margin-top: 100px;
    }
    
    .divider-120 {
        margin-top: 120px;
    }
    
    @media (min-width: 576px) {
        .divider-sm-0 {
            margin-top: 0;
        }
        .divider-sm-10 {
            margin-top: 10px;
        }
        .divider-sm-20 {
            margin-top: 20px;
        }
        .divider-sm-25 {
            margin-top: 25px;
        }
        .divider-sm-30 {
            margin-top: 30px;
        }
        .divider-sm-40 {
            margin-top: 40px;
        }
        .divider-sm-50 {
            margin-top: 50px;
        }
        .divider-sm-55 {
            margin-top: 55px;
        }
        .divider-sm-60 {
            margin-top: 60px;
        }
        .divider-sm-70 {
            margin-top: 70px;
        }
        .divider-sm-80 {
            margin-top: 80px;
        }
        .divider-sm-90 {
            margin-top: 90px;
        }
        .divider-sm-100 {
            margin-top: 100px;
        }
        .divider-sm-120 {
            margin-top: 120px;
        }
    }
    
    @media (min-width: 768px) {
        .divider-md-0 {
            margin-top: 0;
        }
        .divider-md-10 {
            margin-top: 10px;
        }
        .divider-md-20 {
            margin-top: 20px;
        }
        .divider-md-25 {
            margin-top: 25px;
        }
        .divider-md-30 {
            margin-top: 30px;
        }
        .divider-md-40 {
            margin-top: 40px;
        }
        .divider-md-50 {
            margin-top: 50px;
        }
        .divider-md-55 {
            margin-top: 55px;
        }
        .divider-md-60 {
            margin-top: 60px;
        }
        .divider-md-70 {
            margin-top: 70px;
        }
        .divider-md-80 {
            margin-top: 80px;
        }
        .divider-md-90 {
            margin-top: 90px;
        }
        .divider-md-100 {
            margin-top: 100px;
        }
        .divider-md-120 {
            margin-top: 120px;
        }
    }
    
    @media (min-width: 992px) {
        .divider-lg-0 {
            margin-top: 0;
        }
        .divider-lg-10 {
            margin-top: 10px;
        }
        .divider-lg-20 {
            margin-top: 20px;
        }
        .divider-lg-25 {
            margin-top: 25px;
        }
        .divider-lg-30 {
            margin-top: 30px;
        }
        .divider-lg-40 {
            margin-top: 40px;
        }
        .divider-lg-50 {
            margin-top: 50px;
        }
        .divider-lg-55 {
            margin-top: 55px;
        }
        .divider-lg-60 {
            margin-top: 60px;
        }
        .divider-lg-70 {
            margin-top: 70px;
        }
        .divider-lg-80 {
            margin-top: 80px;
        }
        .divider-lg-90 {
            margin-top: 90px;
        }
        .divider-lg-100 {
            margin-top: 100px;
        }
        .divider-lg-120 {
            margin-top: 120px;
        }
    }
    
    @media (min-width: 1200px) {
        .divider-xl-0 {
            margin-top: 0;
        }
        .divider-xl-10 {
            margin-top: 10px;
        }
        .divider-xl-20 {
            margin-top: 20px;
        }
        .divider-xl-25 {
            margin-top: 25px;
        }
        .divider-xl-30 {
            margin-top: 30px;
        }
        .divider-xl-40 {
            margin-top: 40px;
        }
        .divider-xl-50 {
            margin-top: 50px;
        }
        .divider-xl-55 {
            margin-top: 55px;
        }
        .divider-xl-60 {
            margin-top: 60px;
        }
        .divider-xl-70 {
            margin-top: 70px;
        }
        .divider-xl-80 {
            margin-top: 80px;
        }
        .divider-xl-90 {
            margin-top: 90px;
        }
        .divider-xl-100 {
            margin-top: 100px;
        }
        .divider-xl-120 {
            margin-top: 120px;
        }
    }
    /*
** Common Sections Styles
*/
    
    section {
        position: relative;
    }
    
    img {
        max-width: 100%;
    }
    /*parallax*/
    
    .s-parallax,
    .cover-image,
    .cover-background,
    .texture-background {
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }
    
    .cover-image {
        height: 100%;
        width: 100%;
    }
    
    .texture-background {
        background-image: url(../img/background-texture-cover.jpg);
    }
    
    .pattern-background:before {
        background-image: url(../img/patterns/pattern1.png);
    }
    
    @media (min-width: 768px) {
        .cover-image {
            background-position: 50% 50%;
            bottom: 0;
            display: block;
            left: 0;
            position: absolute;
            right: 0;
            top: 0;
            z-index: 2;
        }
        .cover-image.s-cover-right {
            left: auto;
            width: 50%;
        }
        .cover-image.s-cover-left {
            width: 50%;
        }
        .cover-image>img {
            visibility: hidden;
        }
        .cover-image>a {
            bottom: 0;
            left: 0;
            position: absolute;
            right: 0;
            top: 0;
        }
        .cover-image+[class*='container'] [class*='col-']>img,
        .cover-image+[class*='container'] [class*='col-']>a:after,
        .cover-image+[class*='container'] [class*='col-']>a>img {
            visibility: hidden;
        }
    }
    
    .blockquote-section.s-parallax {
        background-attachment: fixed;
        background-image: url("../images/home_5.jpg");
        background-position: 50% 0;
    }
    
    .fixed-background,
    .s-parallax {
        background-attachment: fixed;
        background-position: 50% 0;
    }
    
    @media (max-width: 767px) {
        .s-parallax {
            background-size: auto auto;
        }
    }
    /*additional overlay for parallax sections*/
    
    .s-overlay:before {
        opacity: 0.8;
    }
    
    .s-overlay.ls:before {
        background-color: #fff;
        opacity: 0.93;
    }
    
    .s-overlay.ls.ms:before {
        background-color: #f2f2f2;
        opacity: 0.81;
    }
    
    .s-overlay.cs:before {
        background-color: #FFC000;
        opacity: 0.82;
    }
    
    .s-overlay.cs.cs2:before {
        background-color: #d300e0;
    }
    
    .s-overlay.cs.cs3:before {
        background-color: #7900e0;
    }
    
    .s-overlay.ds:before {
        background-color: #252525;
        opacity: 0.8;
    }
    
    .s-overlay.ds.dark:before {
        background-color: #000;
        opacity: 0.6;
    }
    
    .s-overlay.ds.title-overlay:before {
        background-color: #1a1a1a;
        opacity: 0.5;
    }
    
    @media (max-width: 992px) {
        .s-overlay.ds.title-overlay:before {
            background-color: #1a1a1a;
            opacity: 0.8;
        }
    }
    
    .s-overlay.ds.s-mobile-overlay:before {
        background-color: transparent;
        opacity: 0;
    }
    
    @media (max-width: 992px) {
        .s-overlay.ds.s-mobile-overlay:before {
            background-color: #1a1a1a;
            opacity: 0.8;
        }
    }
    
    .s-overlay.ds.ms:before {
        opacity: 0.9;
    }
    
    .s-muted:before {
        background-color: rgba(26, 26, 26, 0.1);
        opacity: 1;
    }
    
    .gradientradial-background {
        overflow: hidden;
    }
    
    .s-parallax>*,
    .s-overlay>*,
    .s-muted>*,
    .s-overlay-diagonal-double>*,
    .pattern-background>*,
    .gradientradial-background>*,
    .gradient-background>*,
    .gradientvertical-background>*,
    .gradientdarken-background>* {
        position: relative;
        z-index: 4;
    }
    
    .s-parallax:before,
    .s-overlay:before,
    .s-muted:before,
    .s-overlay-diagonal-double:before,
    .s-overlay-diagonal-double:after,
    .pattern-background:before,
    .gradient-background:before,
    .gradientvertical-background:before,
    .gradientdarken-background:before {
        bottom: 0;
        content: "";
        display: block;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
    }
    
    .s-muted:before,
    .s-parallax:before {
        opacity: 0.8;
    }
    
    .s-overlay-diagonal {
        background-clip: content-box;
        overflow: hidden;
        padding: 10px 0;
    }
    
    .s-overlay-diagonal:before {
        bottom: auto;
        height: 3000px;
        left: 0;
        margin-left: 30%;
        right: auto;
        top: 50%;
        -webkit-transform: translateY(-50%) rotate(-45deg);
        transform: translateY(-50%) rotate(-45deg);
        width: 40%;
    }
    
    @media (max-width: 1200px) {
        .s-overlay-diagonal:before {
            margin-left: 15%;
            width: 70%;
        }
    }
    
    .s-overlay-diagonal-double {
        overflow: hidden;
        padding: 10px 0;
    }
    
    .s-overlay-diagonal-double:before {
        background: linear-gradient(45deg, #FFC000 30%, transparent 30%);
        opacity: 0.6;
    }
    
    .s-overlay-diagonal-double:after {
        background: linear-gradient(45deg, transparent 70%, #FFC000 70%);
        opacity: 0.6;
    }
    
    .gradient-background:before {
        background: #FFC000;
        background: linear-gradient(to right, #FFC000 0%, #d300e0 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="$colorMain", endColorstr="$colorMain2", GradientType=1);
    }
    
    .gradientvertical-background:before {
        background: #FFC000;
        /* Old browsers */
        background: linear-gradient(to bottom, #FFC000 0%, #d300e0 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="$colorMain", endColorstr="$colorMain2", GradientType=0);
    }
    
    .gradientdarken-background:before {
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0.6) 78%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#00000", endColorstr="#00000000", GradientType=0);
    }
    
    .gradientradial-background:before {
        /* FF3.6+ */
        /* Chrome,Safari4+ */
        /* Chrome10+,Safari5.1+ */
        /* Opera 12+ */
        /* IE10+ */
        background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0) 50%);
        content: "";
        display: block;
        /* W3C */
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#3ffff", endColorstr="#00ffffff", GradientType=1);
        height: 1400px;
        left: 50%;
        margin-left: -700px;
        margin-top: -700px;
        position: absolute;
        top: 50%;
        width: 1400px;
        z-index: 2;
        /* IE6-9 fallback on horizontal gradient */
    }
    
    .s-overlay.gradientradial-background:before {
        height: 100vw;
        margin-left: -50vw;
        margin-top: -50vw;
        width: 100vw;
    }
    
    .s-bordertop,
    .s-borderbottom,
    .s-bordertop-container .container,
    .s-borderbottom-container .container {
        position: relative;
    }
    
    .s-bordertop:before,
    .s-borderbottom:after,
    .s-bordertop-container .container:before,
    .s-borderbottom-container .container:after {
        background-color: #e1e1e1;
        content: "";
        display: block;
        height: 1px;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1;
    }
    
    .s-borderheight-2:before,
    .s-borderheight-2:after,
    .s-borderheight-2 .container:before,
    .s-borderheight-2 .container:after {
        height: 2px;
    }
    
    .s-borderheight-3:before,
    .s-borderheight-3:after,
    .s-borderheight-3 .container:before,
    .s-borderheight-3 .container:after {
        height: 3px;
    }
    
    .s-borderheight-5:before,
    .s-borderheight-5:after,
    .s-borderheight-5 .container:before,
    .s-borderheight-5 .container:after {
        height: 5px;
    }
    
    .s-bordercolormain:before,
    .s-bordercolormain:after,
    .s-bordercolormain .container:before,
    .s-bordercolormain .container:after {
        background-color: #FFC000;
    }
    
    .s-bordertop-container .container:before,
    .s-borderbottom-container .container:after {
        left: 15px;
        right: 15px;
    }
    
    .s-borderbottom:after,
    .s-borderbottom-container .container:after {
        bottom: 0;
        top: auto;
    }
    
    .s-bordered-columns [class*='col-']+[class*='col-']:before {
        background-color: rgba(0, 0, 0, 0.1);
        bottom: 1em;
        content: "";
        left: 0;
        position: absolute;
        top: 1em;
        width: 1px;
    }
    /*page preloader*/
    
    .preloader {
        background: rgba(37, 37, 37, 0.99);
        bottom: 0;
        height: 100%;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 13000;
    }
    
    .no-js .preloader,
    .lt-ie9 .preloader,
    .lt-ie10 .preloader {
        display: none;
    }
    
    .preloader_image {
        background: url(../img/preloader-img.png) no-repeat 50% 50% transparent;
        height: 256px;
        left: 50%;
        margin: -128px 0 0 -128px;
        position: absolute;
        top: 50%;
        width: 256px;
    }
    /* animated elements */
    
    .animate {
        visibility: hidden;
    }
    
    .no-js .animate,
    .lt-ie10 .animate,
    .lt-ie9 .animate {
        visibility: visible;
    }
    
    .animated {
        visibility: visible !important;
    }
    /* boxed layout */
    
    #box_wrapper,
    #canvas {
        overflow-x: visible;
        overflow-y: hidden;
        position: relative;
    }
    
    #box_wrapper>section,
    #box_wrapper>div>section {
        clear: both;
        position: relative;
    }
    
    #canvas.boxed {
        padding: 1px 0;
    }
    
    body.boxed {
        height: auto;
        position: static;
        width: auto;
    }
    
    .pattern1 {
        background-image: url(../img/patterns/pattern1.png);
    }
    
    .pattern2 {
        background-image: url(../img/patterns/pattern2.png);
    }
    
    .pattern3 {
        background-image: url(../img/patterns/pattern3.png);
    }
    
    .pattern4 {
        background-image: url(../img/patterns/pattern4.png);
    }
    
    .pattern5 {
        background-image: url(../img/patterns/pattern5.png);
    }
    
    .pattern6 {
        background-image: url(../img/patterns/pattern6.png);
    }
    
    .pattern7 {
        background-image: url(../img/patterns/pattern7.png);
    }
    
    .pattern8 {
        background-image: url(../img/patterns/pattern8.png);
    }
    
    .pattern9 {
        background-image: url(../img/patterns/pattern9.png);
    }
    
    .pattern10 {
        background-image: url(../img/patterns/pattern10.png);
    }
    
    .pattern11 {
        background-image: url(../img/patterns/pattern11.png);
    }
    
    .boxed .container {
        padding-left: 50px;
        padding-right: 50px;
    }
    
    @media (max-width: 500px) {
        .boxed .container {
            padding-left: 10px;
            padding-right: 10px;
        }
    }
    
    .boxed #box_wrapper.container {
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
        margin-top: 120px;
        padding: 0;
    }
    
    @media (min-width: 1600px) {
        .boxed #box_wrapper.container {
            max-width: 1560px;
        }
    }
    
    .boxed #box_wrapper.container.top-bottom-margins {
        margin-bottom: 120px;
        margin-top: 150px;
    }
    /*common background sections*/
    
    .s-map-dark {
        background-image: url("../img/parallax/map-dark.jpg");
    }
    
    .s-map-light {
        background-image: url("../img/parallax/map-light.jpg");
    }
    
    .s-light-abstract {
        background-image: url("../img/parallax/light-abstract.jpg");
    }
    
    .s-light-wood {
        background-image: url("../img/parallax/light-wood.jpg");
    }
    /*bordered columns*/
    
    .c-bordered [class*='col-'] {
        border: 1px solid #e1e1e1;
        margin-left: -1px;
        margin-top: -1px;
    }
    
    @media (min-width: 768px) {
        .c-bordered.c-bordered-center .row [class*='col-']:first-child {
            border-left-color: transparent;
        }
        .c-bordered.c-bordered-center .row [class*='col-']:last-child {
            border-right-color: transparent;
        }
        .c-bordered.c-bordered-center .row:first-child [class*='col-'] {
            border-top-color: transparent;
        }
        .c-bordered.c-bordered-center .row:last-child [class*='col-'] {
            border-bottom-color: transparent;
        }
    }
    /* Home sections */
    
    section.carousel-section-alt {
        background-color: #1a1a1a;
        padding-left: 80px;
        padding-right: 80px;
        position: relative;
    }
    
    section.carousel-section-alt .item-media img {
        border-radius: 0;
    }
    
    section.carousel-section-alt .owl-carousel {
        border-radius: 5px;
        overflow: hidden;
    }
    
    section.carousel-section-alt .owl-custom-nav {
        color: #fff;
        font-family: "Vidaloka", serif;
        font-size: 12px;
        letter-spacing: 4px;
        text-transform: uppercase;
    }
    
    section.carousel-section-alt .owl-custom-nav .owl-prev {
        cursor: pointer;
        left: -60px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%) rotate(-90deg);
        transform: translateY(-50%) rotate(-90deg);
    }
    
    section.carousel-section-alt .owl-custom-nav .owl-prev:hover {
        color: #FFC000;
    }
    
    section.carousel-section-alt .owl-custom-nav .owl-next {
        cursor: pointer;
        position: absolute;
        right: -60px;
        top: 50%;
        -webkit-transform: translateY(-50%) rotate(-90deg);
        transform: translateY(-50%) rotate(-90deg);
    }
    
    section.carousel-section-alt .owl-custom-nav .owl-next:hover {
        color: #FFC000;
    }
    
    @media (max-width: 768px) {
        section.carousel-section-alt {
            padding-left: 0;
            padding-right: 0;
        }
        section.carousel-section-alt .owl-custom-nav {
            display: none;
        }
    }
    
    section.carousel-section .container-fluid {
        overflow: hidden;
        position: absolute;
        top: -230px;
    }
    
    @media (min-width: 1600px) {
        section.carousel-section .row {
            margin-left: -25px;
            width: calc(100% + 50px);
        }
    }
    
    section.carousel-section .item-gallery {
        border-radius: 5px;
    }
    
    @media (max-width: 1200px) and (min-width: 993px) {
        section.carousel-section .owl-carousel {
            padding-left: 15px;
            padding-right: 15px;
        }
    }
    
    @media (max-width: 992px) {
        section.carousel-section {
            background-color: #1a1a1a;
        }
        section.carousel-section .container-fluid {
            padding-top: 0;
            position: relative;
            top: -20px;
        }
    }
    
    .hello-section {
        background: url("../images/girl.jpg") no-repeat center/cover;
    }
    
    .hello-section p.color-white {
        font-size: 20px;
        margin-bottom: 20px;
    }
    
    .hello-section .btn+.btn {
        margin-left: 18px;
    }
    
    @media (max-width: 1300px) {
        .hello-section .btn {
            margin-bottom: 15px;
        }
        .hello-section .btn+.btn {
            margin-left: 0;
        }
    }
    
    @media (max-width: 992px) {
        .hello-section img {
            display: block;
        }
    }
    
    @media (max-width: 478px) {
        .hello-section {
            background-position: right;
            text-align: center;
        }
        .hello-section img {
            display: initial;
        }
    }
    
    .become-model {
        background-color: transparent;
        background-image: url(../images/home_4.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        margin-bottom: -75px;
        margin-top: -94px;
        z-index: 7;
    }
    
    .become-model .subtitle {
        color: #FFC000;
        font-size: 24px;
        margin-bottom: 0;
        text-transform: uppercase;
    }
    
    .become-model .title {
        color: #fff;
        font-size: 50px;
        margin-bottom: 32px;
        margin-top: 15px;
        text-transform: uppercase;
    }
    
    .become-model p {
        color: #e8e8e8;
        margin-bottom: 35px;
    }
    
    .become-model form {
        margin: 0 auto;
        max-width: 370px;
    }
    
    @media (max-width: 478px) {
        .become-model .title {
            font-size: 40px;
        }
    }
    
    .gallery-section {
        background-color: #1a1a1a;
        padding-left: 60px;
        padding-right: 60px;
    }
    
    .gallery-section.bottom_mask_add::before {
        top: 100%;
    }
    
    @media (max-width: 768px) {
        .gallery-section {
            padding-left: 15px;
            padding-right: 15px;
        }
    }
    
    .blockquote-section.about-section {
        background: url("../images/blockquote-bg.png") no-repeat center/cover;
        margin-bottom: -80px;
        margin-top: -90px;
    }
    
    .blockquote-section .author img {
        margin-top: 45px;
        max-height: 230px;
        max-width: 230px;
    }
    
    @media (max-width: 767px) {
        .blockquote-section .author img {
            margin-top: 0;
        }
    }
    
    .blockquote-section .author .title {
        color: #fff;
        font-family: "Vidaloka", serif;
        font-size: 28px;
        margin-bottom: 5px;
        margin-top: 30px;
    }
    
    .blockquote-section .entry-content {
        font-size: 24px;
        font-style: italic;
        margin-top: 35px;
    }
    
    .blockquote-section .owl-carousel.buttons-type .owl-nav {
        bottom: -24px;
    }
    
    section.faces-section {
        background: #1a1a1a;
    }
    
    section.faces-section .model-images a {
        display: inline-block;
        height: 100%;
        width: 100%;
    }
    
    section.faces-section .model-images .item-content {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: auto;
        z-index: 8;
    }
    
    section.faces-section .model-images .item-content .item-title {
        text-align: center;
    }
    
    @media (max-width: 768px) {
        section.faces-section .model-images .item-content {
            position: relative;
        }
    }
    
    section.faces-section .model-images .flex-direction-nav {
        bottom: 165px;
        display: none;
        height: 20px;
        left: 50%;
        position: absolute;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 120px;
    }
    
    @media (max-width: 768px) {
        section.faces-section .model-images .flex-direction-nav {
            bottom: 29%;
        }
    }
    
    section.faces-section .model-images .flex-direction-nav::before {
        color: #fff;
        content: "/";
        font-size: 12px;
        left: 44%;
        letter-spacing: 5px;
        opacity: 1;
        position: absolute;
        text-transform: uppercase;
        top: 0;
        z-index: 2;
    }
    
    section.faces-section .model-images .flex-direction-nav a {
        margin: 0;
        opacity: 1;
        top: 0;
        width: 57px;
    }
    
    section.faces-section .model-images .flex-direction-nav .flex-prev {
        display: flex;
        left: auto;
        opacity: 1;
    }
    
    section.faces-section .model-images .flex-direction-nav .flex-prev::after {
        color: #fff;
        content: "prev";
        font-family: "Vidaloka", serif;
        font-size: 12px;
        letter-spacing: 5px;
        text-transform: uppercase;
        transition: all .3s ease-in-out;
    }
    
    section.faces-section .model-images .flex-direction-nav .flex-prev::before {
        font-size: 12px;
        margin-right: 2px;
        position: initial;
        transition: all .3s ease-in-out;
    }
    
    section.faces-section .model-images .flex-direction-nav .flex-next {
        display: flex;
        opacity: 1;
        right: 0;
    }
    
    section.faces-section .model-images .flex-direction-nav .flex-next::after {
        color: #fff;
        content: "next";
        font-family: "Vidaloka", serif;
        font-size: 12px;
        letter-spacing: 5px;
        order: 1;
        text-transform: uppercase;
        transition: all .3s ease-in-out;
    }
    
    section.faces-section .model-images .flex-direction-nav .flex-next::before {
        font-size: 12px;
        order: 2;
        position: initial;
        transition: all .3s ease-in-out;
    }
    
    section.faces-section .model-images .flex-direction-nav .flex-next:hover::before,
    section.faces-section .model-images .flex-direction-nav .flex-next:hover::after,
    section.faces-section .model-images .flex-direction-nav .flex-prev:hover::before,
    section.faces-section .model-images .flex-direction-nav .flex-prev:hover::after {
        color: #FFC000;
    }
    
    @media (max-width: 992px) {
        section.faces-section .model-images .flex-direction-nav {
            display: none;
        }
    }
    
    section.faces-section .model-slider-thumbs .flex-direction-nav {
        display: none;
    }
    
    section.faces-section .model-slider-thumbs .flex-viewport {
        height: 370px;
        -webkit-transform: rotate(270deg) translate(-20%, -31%);
        transform: rotate(270deg) translate(-20%, -31%);
        width: 600px;
    }
    
    section.faces-section .model-slider-thumbs .slides li {
        position: relative;
        text-align: center;
        -webkit-transform: rotate(-270deg);
        transform: rotate(-270deg);
    }
    
    section.faces-section .model-slider-thumbs .slides li img {
        border-radius: 5px;
        cursor: pointer;
    }
    
    section.faces-section .model-slider-thumbs .slides li img:hover {
        opacity: 0.8;
    }
    
    section.faces-section .model-slider-thumbs .slides li:not(:last-child)::before {
        background-color: #313131;
        content: "";
        height: 1px;
        left: calc(100% + 21px);
        position: absolute;
        top: -18px;
        width: 190px;
    }
    
    section.faces-section .model-slider-thumbs .slides li a.name {
        font-family: "Vidaloka", serif;
        font-size: 20px;
    }
    
    section.faces-section .model-slider-thumbs .slides li a.name:hover {
        color: #FFC000;
        opacity: 1 !important;
    }
    
    section.faces-section .model-slider-thumbs .slides .slide-wrap {
        display: flex;
        flex-direction: column;
        left: calc(100% + 21px);
        position: absolute;
        right: 30px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        white-space: nowrap;
    }
    
    @media (max-width: 1200px) {
        section.faces-section .model-slider-thumbs .flex-viewport {
            height: 290px;
            -webkit-transform: rotate(270deg) translate(-17%, -25%);
            transform: rotate(270deg) translate(-17%, -25%);
            width: 440px;
        }
    }
    /* Team slider */
    
    section.team-section {
        background: #1a1a1a;
    }
    
    section.team-section.bottom_mask_subtract::after {
        bottom: -3%;
    }
    
    section.team-section .team-slider-shortcode {
        padding-bottom: 150px;
        padding-top: 316px;
        position: relative;
        text-align: center;
    }
    
    section.team-section .team-slider-shortcode .team-slider-item .slide-title {
        font-size: 80px;
        margin-bottom: 0.5em;
    }
    
    section.team-section .team-slider-shortcode .team-slider-item.active .team-profession {
        display: block;
    }
    
    section.team-section .team-slider-shortcode .team-slider-item.active .slide-title span {
        color: #FFC000;
        transition: all .3s ease-in-out;
        z-index: 5;
    }
    
    section.team-section .team-slider-shortcode .team-slider-item.active .team-slider-image {
        display: block;
    }
    
    section.team-section .team-slider-shortcode .team-slider-item.active .social-icons {
        display: block;
    }
    
    section.team-section .team-slider-shortcode .team-slider-item:hover .slide-title span {
        color: #FFC000;
        transition: all .3s ease-in-out;
        z-index: 5;
    }
    
    section.team-section .team-slider-shortcode .team-slider-image {
        bottom: 0;
        display: none;
        height: 100%;
        left: 0;
        position: absolute;
        z-index: 4;
    }
    
    section.team-section .team-slider-shortcode .team-slider-image.from-right {
        left: auto;
        right: 0;
    }
    
    section.team-section .team-slider-shortcode span {
        cursor: pointer;
        font-weight: 200;
        position: relative;
        transition: color 0.3s ease;
        z-index: 3;
    }
    
    section.team-section .team-slider-shortcode span .last {
        font-weight: bold;
    }
    
    @media (max-width: 1200px) {
        section.team-section.bottom_mask_subtract::after {
            bottom: 0;
        }
        section.team-section .team-slider-shortcode .team-slider-name {
            text-align: left;
        }
        section.team-section .team-slider-shortcode .team-slider-image {
            left: auto;
            right: 0;
        }
        section.team-section .team-slider-shortcode .team-profession {
            left: 0;
            top: 25%;
            -webkit-transform: none;
            transform: none;
        }
    }
    
    @media (max-width: 1024px) {
        section.team-section .team-slider-shortcode {
            padding-bottom: 105% !important;
            padding-top: 50px;
        }
        section.team-section .team-slider-shortcode .team-slider-image {
            height: 70%;
        }
        section.team-section .team-slider-shortcode .team-slider-image {
            width: 100%;
        }
        section.team-section .team-slider-shortcode .team-slider-name {
            text-align: center;
        }
        section.team-section .team-slider-shortcode .team-profession {
            display: none !important;
            top: 0;
        }
        section.team-section .team-slider-shortcode .social-icons {
            display: none !important;
        }
    }
    
    @media (max-width: 992px) {
        section.team-section .team-slider-shortcode .team-slider-item h3.slide-title {
            font-size: 65px;
        }
    }
    
    @media (max-width: 768px) {
        section.team-section .team-slider-shortcode .team-slider-item h3.slide-title {
            font-size: 45px;
        }
    }
    
    @media (max-width: 600px) {
        section.team-section .team-slider-shortcode {
            padding-bottom: 150% !important;
        }
        section.team-section .team-slider-shortcode .team-slider-image {
            height: 67%;
        }
    }
    
    @media (max-width: 480px) {
        section.team-section .team-slider-shortcode .team-slider-item h3.slide-title {
            font-size: 30px;
            line-height: 30px;
        }
    }
    
    section.team-section .social-icons {
        display: none;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 60px;
        z-index: 7;
    }
    
    section.team-section .social-icons a+a {
        margin-left: 0;
        margin-top: 5px;
    }
    
    section.team-section .team-profession {
        color: #FFC000;
        display: none;
        font-family: "Vidaloka", serif;
        font-size: 12px;
        left: 50%;
        letter-spacing: 4px;
        position: absolute;
        text-transform: uppercase;
        top: 26.5%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    
    section.card-section {
        position: relative;
        z-index: 7;
    }
    
    section.card-section .container-fluid {
        padding-left: 80px;
        padding-right: 80px;
        position: absolute;
        top: -115px;
    }
    
    section.card-section .entry-header a:hover {
        color: #000;
    }
    
    section.card-section .item-content {
        background-color: #fff;
        border-radius: 5px;
        padding: 46px 50px 55px 50px;
    }
    
    section.card-section .item-content .entry-title {
        font-size: 24px;
        line-height: 1.2;
        overflow: hidden;
    }
    
    section.card-section .item-content .entry-title a {
        color: #000;
    }
    
    section.card-section .item-content .entry-title a:hover {
        color: #FFC000;
    }
    
    section.card-section .item-content .entry-meta {
        margin-top: 33px;
    }
    
    section.card-section .item-content .entry-meta .author .fa {
        margin-bottom: 20px;
        margin-right: 0;
    }
    
    @media (max-width: 1500px) {
        section.card-section .item-content {
            padding: 46px 20px 55px 20px;
        }
    }
    
    section.card-section .entry-meta .author .fa {
        color: #FFC000;
    }
    
    section.card-section .entry-meta .author a {
        color: #000;
    }
    
    section.card-section .entry-meta .author a:hover {
        color: #FFC000;
    }
    
    @media (max-width: 1200px) {
        section.card-section {
            background-color: #1a1a1a;
        }
        section.card-section .container-fluid {
            padding-left: 60px;
            padding-right: 60px;
            position: relative;
            top: -80px;
        }
    }
    
    @media (max-width: 768px) {
        section.card-section .container-fluid {
            padding-left: 15px;
            padding-right: 15px;
            top: -70px;
        }
    }
    
    @media (max-width: 768px) {
        section.contacts-section {
            text-align: center;
        }
        section.contacts-section .media h5 {
            display: none;
        }
    }
    
    section.page_map {
        height: 737px;
    }
    
    @media (max-width: 1200px) {
        section.page_map {
            height: 500px;
        }
    }
    /* Media Items - Common Side and Top Image Items */
    
    .item-content p:last-child {
        margin-bottom: 0;
    }
    
    .bordered .item-media,
    .bordered .entry-thumbnail {
        margin: -1px -1px -1px -1px;
        z-index: 1;
    }
    
    .bordered .item-media.cover-image {
        height: calc(100% + 2px);
    }
    
    .bordered.full-padding .item-media {
        margin: 0;
    }
    /* side and vertical items paddings */
    
    .full-padding {
        padding: 40px;
    }
    
    .content-padding .item-content {
        padding: 40px;
    }
    
    @media (max-width: 992px) {
        .full-padding {
            padding: 30px;
        }
        .content-padding .item-content {
            padding: 30px;
        }
    }
    /*side item*/
    
    .side-item h2,
    .side-item h3,
    .side-item h4 {
        line-height: 1;
    }
    
    .side-item .row {
        margin: 0;
    }
    
    .side-item .row [class*="col-"] {
        margin: 0;
        padding: 0;
    }
    
    .side-item .item-title+.item-content {
        padding-top: 30px;
    }
    
    .side-item [class*="col-"]>.item-title {
        padding: 15px 30px;
    }
    
    .side-item [class*="col-"]>.item-title h2,
    .side-item [class*="col-"]>.item-title h3,
    .side-item [class*="col-"]>.item-title h4 {
        margin: 0;
    }
    
    .side-item.bordered [class*="col-"]>.item-title {
        margin: -1px;
    }
    /*-xs- -sm- side-item paddings and margins*/
    
    @media (max-width: 767px) {
        .no-content-padding [class*='col-sm-'] .item-content,
        .no-content-padding [class*='col-xs-'] .item-content,
        .full-padding [class*='col-sm-'] .item-content,
        .full-padding [class*='col-xs-'] .item-content {
            padding-left: 30px;
        }
        .no-content-padding [class*='col-sm-'][class*='sm-pull-'] .item-content,
        .no-content-padding [class*='col-sm-'][class*='xs-pull-'] .item-content,
        .no-content-padding [class*='col-sm-'][class*='order-sm-1'] .item-content,
        .no-content-padding [class*='col-sm-'][class*='order-xs-1'] .item-content,
        .no-content-padding [class*='col-xs-'][class*='sm-pull-'] .item-content,
        .no-content-padding [class*='col-xs-'][class*='xs-pull-'] .item-content,
        .no-content-padding [class*='col-xs-'][class*='order-sm-1'] .item-content,
        .no-content-padding [class*='col-xs-'][class*='order-xs-1'] .item-content,
        .full-padding [class*='col-sm-'][class*='sm-pull-'] .item-content,
        .full-padding [class*='col-sm-'][class*='xs-pull-'] .item-content,
        .full-padding [class*='col-sm-'][class*='order-sm-1'] .item-content,
        .full-padding [class*='col-sm-'][class*='order-xs-1'] .item-content,
        .full-padding [class*='col-xs-'][class*='sm-pull-'] .item-content,
        .full-padding [class*='col-xs-'][class*='xs-pull-'] .item-content,
        .full-padding [class*='col-xs-'][class*='order-sm-1'] .item-content,
        .full-padding [class*='col-xs-'][class*='order-xs-1'] .item-content {
            padding-left: 0;
            padding-right: 30px;
        }
        .no-content-padding .col-sm-12 .item-content,
        .no-content-padding .col-xs-12 .item-content,
        .full-padding .col-sm-12 .item-content,
        .full-padding .col-xs-12 .item-content {
            padding-left: 0;
            padding-right: 0;
            padding-top: 30px;
        }
    }
    /*-md- side-item paddings and margins*/
    
    @media (min-width: 768px) {
        .no-content-padding [class*='col-md-'] .item-content,
        .full-padding [class*='col-md-'] .item-content {
            padding-left: 30px;
        }
        .no-content-padding [class*='col-md-'][class*='md-pull-'] .item-content,
        .no-content-padding [class*='col-md-'][class*='order-md-1'] .item-content,
        .full-padding [class*='col-md-'][class*='md-pull-'] .item-content,
        .full-padding [class*='col-md-'][class*='order-md-1'] .item-content {
            padding-left: 0;
            padding-right: 30px;
        }
        .no-content-padding .col-sm-12 .item-content,
        .full-padding .col-sm-12 .item-content {
            padding-left: 0;
            padding-right: 0;
            padding-top: 30px;
        }
    }
    /*-lg- side-item paddings and margins*/
    
    @media (min-width: 992px) {
        .no-content-padding [class*='col-lg-'] .item-content,
        .full-padding [class*='col-lg-'] .item-content {
            padding-left: 30px;
        }
        .no-content-padding [class*='col-lg-'][class*='lg-pull-'] .item-content,
        .no-content-padding [class*='col-lg-'][class*='order-lg-1'] .item-content,
        .full-padding [class*='col-lg-'][class*='lg-pull-'] .item-content,
        .full-padding [class*='col-lg-'][class*='order-lg-1'] .item-content {
            padding-left: 0;
            padding-right: 30px;
        }
        .no-content-padding .col-md-12 .item-content,
        .full-padding .col-md-12 .item-content {
            padding-left: 0;
            padding-right: 0;
            padding-top: 30px;
        }
    }
    /*-xl- side-item paddings and margins*/
    
    @media (min-width: 1200px) {
        .no-content-padding [class*='col-xl-'] .item-content,
        .full-padding [class*='col-xl-'] .item-content {
            padding-left: 30px;
        }
        .no-content-padding [class*='col-xl-'][class*='order-xl-1'] .item-content,
        .full-padding [class*='col-xl-'][class*='order-xl-1'] .item-content {
            padding-left: 0;
            padding-right: 30px;
        }
        .no-content-padding .col-lg-12 .item-content,
        .full-padding .col-lg-12 .item-content {
            padding-left: 0;
            padding-right: 0;
            padding-top: 30px;
        }
    }
    /* vertical media item */
    
    .vertical-item .item-media+.item-content {
        padding-top: 40px;
    }
    
    .vertical-item.content-padding .item-content {
        padding: 55px 60px;
    }
    
    @media (max-width: 1199px) {
        .vertical-item.content-padding .item-content {
            padding: 30px;
        }
    }
    
    .vertical-item.content-padding.padding-small .item-content {
        padding: 40px 40px 40px;
    }
    
    .vertical-item.content-absolute {
        position: relative;
    }
    
    .vertical-item.content-absolute .item-content {
        left: 0;
        padding: 48px 15px 31px;
        position: absolute;
        right: 0;
        z-index: 2;
    }
    
    .vertical-item.content-absolute.vertical-center .item-content {
        top: 0;
    }
    
    .vertical-item+.item-title {
        padding: 10px 30px;
    }
    
    .vertical-item+.item-title h2,
    .vertical-item+.item-title h3,
    .vertical-item+.item-title h4 {
        margin: 0;
    }
    /* item meta */
    
    .item-meta {
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.1em;
        line-height: 1.6;
        text-transform: uppercase;
    }
    
    .item-meta i {
        font-size: 1.2em;
        position: relative;
        text-align: center;
        width: 1em;
    }
    
    .item-meta span {
        padding: 0 0.5em;
    }
    /* item media & item links */
    
    .item-media {
        overflow: hidden;
        position: relative;
    }
    
    .item-media img {
        border-radius: 5px;
        width: 100%;
    }
    
    .item-media.cover-image {
        height: 100%;
    }
    
    .media-links {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
    }
    
    .media-links div {
        margin-top: -30px;
        position: absolute;
        top: 50%;
        width: 100%;
        z-index: 4;
    }
    
    .content-absolute .media-links div {
        display: flex;
        justify-content: flex-end;
        margin-top: 0;
        top: 0;
    }
    
    .content-absolute .media-links div a {
        transition: all 0.35s ease 0.1s;
    }
    
    .content-absolute .media-links div a:hover {
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
    }
    
    .content-absolute .media-links div a:first-child {
        transition-delay: 0s;
    }
    
    .media-links:before {
        background-color: rgba(37, 37, 37, 0.5);
        bottom: 0;
        content: "";
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: all 0.2s linear;
    }
    
    [class*="-item"]:hover .media-links:before {
        opacity: 0.5;
    }
    
    .media-links a.abs-link {
        bottom: 0;
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
    }
    
    [class*="-item"]:hover .media-links a.abs-link {
        opacity: 1;
    }
    
    .media-links a.abs-link:before {
        color: #FFC000;
        content: "+";
        font-size: 60px;
        height: 50px;
        left: 50%;
        line-height: 50px;
        margin-left: -25px;
        margin-top: -25px;
        position: absolute;
        text-align: center;
        top: 50%;
        width: 50px;
    }
    
    [class*="-item"] .links-wrap a {
        border: 2px solid transparent;
        display: inline-block;
        font-size: 16px;
        height: 60px;
        line-height: 58px;
        opacity: 0;
        position: relative;
        text-align: center;
        top: -100px;
        transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
        width: 60px;
        z-index: 5;
    }
    
    [class*="-item"] .links-wrap a.link-zoom {
        background-color: #1a1a1a;
        border-color: #1a1a1a;
        color: #fff;
    }
    
    [class*="-item"] .links-wrap a.link-zoom:hover {
        background-color: #FFC000;
        border-color: #FFC000;
        color: #fff;
        opacity: 1;
    }
    
    [class*="-item"] .links-wrap a.link-anchor {
        background-color: #fff;
        border-color: #fff;
        color: #1a1a1a;
        transition-delay: 0.1s;
    }
    
    [class*="-item"] .links-wrap a.link-anchor:hover {
        background-color: #FFC000;
        border-color: #FFC000;
        color: #fff;
        opacity: 1;
    }
    
    [class*="-item"] .links-wrap a:before {
        content: "\f002";
        font-family: "FontAwesome";
    }
    
    [class*="-item"] .links-wrap a.link-anchor:before {
        content: "\f041";
    }
    
    [class*="-item"]:hover .links-wrap a {
        filter: alpha(opacity=100);
        opacity: 1;
        top: 0;
    }
    
    [class*="-item"]:hover .media-links div {
        filter: alpha(opacity=100);
        opacity: 1;
    }
    /* item icons */
    
    .item-icons {
        font-size: 12px;
        margin-top: 35px;
    }
    
    .content-padding .item-icons {
        margin-top: 0;
    }
    
    .item-icons i {
        padding: 0 4px;
    }
    
    .item-icons .col {
        padding-bottom: 20px;
        padding-top: 15px;
        text-align: center;
    }
    /*
** Buttons
 */
    
    .btn:hover {
        cursor: pointer;
    }
    
    .btn.focus,
    .btn:focus {
        box-shadow: 0 0 3px 0 rgba(100, 100, 100, 0.75);
    }
    
    .btn-secondary {
        border-color: #e1e1e1;
        color: #1a1a1a;
    }
    /*color background buttons*/
    
    .btn-maincolor,
    .btn-maincolor2,
    .btn-maincolor3,
    .btn-darkgrey {
        border: 2px solid #FFC000;
        border-radius: 3px;
        color: #fff;
        font-family: "Vidaloka", serif;
        font-size: 12px;
        letter-spacing: 4px;
        min-width: 260px;
        padding-left: 30px;
        padding-right: 30px;
    }
    
    .btn-maincolor {
        background-color: #FFC000;
    }
    
    .btn-maincolor2 {
        background-color: #d300e0;
        border: 2px solid #d300e0;
    }
    
    .btn-maincolor3 {
        background-color: #7900e0;
        border: 2px solid #7900e0;
    }
    
    .btn-darkgrey {
        background-color: #1a1a1a;
    }
    /*color outline buttons*/
    
    .btn-outline-maincolor,
    .btn-outline-maincolor2,
    .btn-outline-maincolor3,
    .btn-outline-darkgrey {
        background-color: transparent;
        border-radius: 3px;
        border-width: 2px;
        color: #fff;
        font-family: "Vidaloka", serif;
        font-size: 12px;
        letter-spacing: 4px;
        min-width: 260px;
        padding-left: 30px;
        padding-right: 30px;
    }
    
    .btn-outline-maincolor {
        border-color: #FFC000;
    }
    
    .btn-outline-maincolor2 {
        border-color: #d300e0;
    }
    
    .btn-outline-maincolor3 {
        border-color: #7900e0;
    }
    
    .btn-outline-darkgrey {
        border-color: #1a1a1a;
    }
    
    .button.wc-forward {
        border: 2px solid #FFC000;
        border-radius: 3px;
        color: #fff;
        font-family: "Vidaloka", serif;
        font-size: 12px;
        letter-spacing: 4px;
        min-width: 260px;
    }
    
    .corner {
        background-color: transparent !important;
        height: 0;
        overflow: visible !important;
        padding-bottom: 70px;
        position: relative;
        z-index: 3;
    }
    
    .corner:before,
    .corner:after {
        content: "";
        display: block;
        height: 0;
        position: absolute;
        width: 0;
    }
    
    .corner:after {
        border-left: 50vw solid transparent;
        border-right: 50vw solid transparent;
        border-top: 70px solid #fff;
    }
    
    .corner.corner-outside {
        position: absolute;
    }
    
    .corner.corner-outside:first-child {
        top: -70px;
    }
    
    .corner.corner-outside:last-child {
        bottom: -70px;
    }
    
    .corner.corner-half:after {
        border-left-width: 100vw;
        border-right-width: 0;
    }
    
    .corner.corner-half.corner-half-inverse:after {
        border-left-width: 0;
        border-right-width: 100vw;
    }
    
    .corner.corner-mirror:after {
        border-left-width: 0;
    }
    
    .corner.corner-mirror:before {
        border-left: 50vw solid transparent;
        border-top: 70px solid #fff;
        left: 50vw;
    }
    
    .corner.corner-inverse:before,
    .corner.corner-inverse:after {
        border-bottom: 70px solid #fff;
        border-top: none;
    }
    
    @media (max-width: 1199px) {
        .corner {
            padding-bottom: 30px;
        }
        .corner:after {
            border-top-width: 30px;
        }
        .corner.corner-outside {
            position: absolute;
        }
        .corner.corner-outside:first-child {
            top: -30px;
        }
        .corner.corner-outside:last-child {
            bottom: -30px;
        }
        .corner.corner-mirror:before {
            border-top-width: 30px;
        }
        .corner.corner-inverse:before,
        .corner.corner-inverse:after {
            border-bottom-width: 30px;
        }
    }
    
    .corner.ls.ms.corner-mirror:before,
    .corner.ls.ms:after {
        border-bottom-color: #f2f2f2;
        border-top-color: #f2f2f2;
    }
    
    .corner.ls.ms.corner-inverse:after {
        border-bottom-color: #f2f2f2;
    }
    
    .corner.ds.corner-mirror:before,
    .corner.ds:after {
        border-bottom-color: #1a1a1a;
        border-top-color: #1a1a1a;
    }
    
    .corner.ds.corner-inverse:after {
        border-bottom-color: #1a1a1a;
    }
    
    .corner.ds.ms.corner-mirror:before,
    .corner.ds.ms:after {
        border-bottom-color: #252525;
        border-top-color: #252525;
    }
    
    .corner.ds.ms.corner-inverse:after {
        border-bottom-color: #252525;
    }
    
    .corner.ds.bs.corner-mirror:before,
    .corner.ds.bs:after {
        border-bottom-color: #2f3e47;
        border-top-color: #2f3e47;
    }
    
    .corner.ds.bs.corner-inverse:after {
        border-bottom-color: #2f3e47;
    }
    
    .corner.cs.corner-mirror:before,
    .corner.cs:after {
        border-bottom-color: #FFC000;
        border-top-color: #FFC000;
    }
    
    .corner.cs.corner-inverse:after {
        border-bottom-color: #FFC000;
    }
    
    .corner.cs.cs2.corner-mirror:before,
    .corner.cs.cs2:after {
        border-bottom-color: #d300e0;
        border-top-color: #d300e0;
    }
    
    .corner.cs.cs2.corner-inverse:after {
        border-bottom-color: #d300e0;
    }
    
    .corner.cs.cs3.corner-mirror:before,
    .corner.cs.cs3:after {
        border-bottom-color: #7900e0;
        border-top-color: #7900e0;
    }
    
    .corner.cs.cs3.corner-inverse:after {
        border-bottom-color: #7900e0;
    }
    /*
** Light Background Section - .ls
*/
    
    .ls {
        background-color: #fff;
        color: #989898;
    }
    
    .ls h1,
    .ls h2,
    .ls h3,
    .ls h4,
    .ls h5,
    .ls h6 {
        color: #1a1a1a;
    }
    
    .ls h1 a,
    .ls h2 a,
    .ls h3 a,
    .ls h4 a,
    .ls h5 a,
    .ls h6 a {
        color: inherit;
    }
    
    .ls h1 a:hover,
    .ls h2 a:hover,
    .ls h3 a:hover,
    .ls h4 a:hover,
    .ls h5 a:hover,
    .ls h6 a:hover {
        opacity: 0.8;
    }
    
    .ls .color-darkgrey {
        color: #1a1a1a !important;
    }
    
    .ls .btn-outline-maincolor {
        color: #FFC000;
    }
    
    .ls .btn-outline-maincolor2 {
        color: #d300e0;
    }
    
    .ls .btn-outline-maincolor3 {
        color: #7900e0;
    }
    
    .ls .btn-maincolor:hover,
    .ls .btn-maincolor2:hover,
    .ls .btn-maincolor3:hover,
    .ls .btn-darkgrey:hover,
    .ls .btn-outline-maincolor:hover,
    .ls .btn-outline-maincolor2:hover,
    .ls .btn-outline-maincolor3:hover,
    .ls .btn-outline-darkgrey:hover {
        color: #fff;
    }
    
    .ls .btn-outline-maincolor:hover,
    .ls .btn-maincolor:hover {
        background-color: #b61260;
        color: #fff;
    }
    
    .ls .btn-outline-maincolor2:hover,
    .ls .btn-maincolor2:hover {
        background-color: #a300ad;
    }
    
    .ls .btn-outline-maincolor3:hover,
    .ls .btn-maincolor3:hover {
        background-color: #5d00ad;
    }
    
    .ls .btn-outline-darkgrey:hover,
    .ls .btn-darkgrey:hover {
        background-color: #FFC000;
        border-color: #FFC000;
    }
    
    .ls .links-maincolor a:hover {
        opacity: 0.7;
    }
    /*
** Grey Background Section - light section, muted section - .ls.ms
*/
    
    .ls.ms {
        background-color: #f2f2f2;
        color: #868686;
    }
    
    .ls.ms .links-grey a {
        color: #868686;
    }
    
    .ls.ms .hero-bg {
        background-color: #fff;
    }
    
    .ls.ms .hero-bg hr {
        background-color: #e1e1e1;
    }
    
    .ls.ms hr {
        background-color: #fff;
    }
    
    .ls.ms input[type="text"],
    .ls.ms input[type="email"],
    .ls.ms input[type="url"],
    .ls.ms input[type="password"],
    .ls.ms input[type="search"],
    .ls.ms input[type="tel"],
    .ls.ms input[type="number"],
    .ls.ms textarea,
    .ls.ms select,
    .ls.ms .form-control {
        background-color: #fff;
    }
    
    .ls.ms .hero-bg input[type="text"],
    .ls.ms .hero-bg input[type="email"],
    .ls.ms .hero-bg input[type="url"],
    .ls.ms .hero-bg input[type="password"],
    .ls.ms .hero-bg input[type="search"],
    .ls.ms .hero-bg input[type="tel"],
    .ls.ms .hero-bg input[type="number"],
    .ls.ms .hero-bg textarea,
    .ls.ms .hero-bg select,
    .ls.ms .hero-bg .form-control {
        background-color: #f2f2f2;
        border-color: #e1e1e1;
    }
    
    .ls.ms td,
    .ls.ms th,
    .ls.ms .bordered {
        border-color: #d4d4d4;
    }
    
    .ls.ms .btn-secondary {
        border-color: #fff;
    }
    
    .ls.ms .btn-secondary:hover {
        background-color: #e3e3e3;
        border-color: #e3e3e3;
    }
    
    .ls .color-icon.bg-icon {
        background-color: #ececec;
    }
    
    .ls .pricing-plan [class*='btn-outline-'] {
        background-color: #fff;
    }
    
    .ls .pricing-plan [class*='btn-outline-']:hover {
        background-color: #FFC000;
    }
    
    .ls.ms .nav-tabs>li.active>a,
    .ls.ms .nav-tabs>li.active>a:hover,
    .ls.ms .nav-tabs>li.active>a:focus {
        background-color: #fff;
        border-color: #fff;
    }
    
    .ls.ms .tab-content {
        background-color: #fff;
    }
    
    .ls.ms .tab-content .bordered {
        border-color: #e6e6e6;
    }
    
    .ls.ms .tab-content.no-border {
        background-color: transparent;
    }
    
    .ls.ms .tab-content .form-control {
        background-color: #f2f2f2;
    }
    
    .ls.ms .vertical-tabs .nav>li>a {
        background-color: #fff;
    }
    
    .ls.ms .vertical-tabs .nav>li>a:hover,
    .ls.ms .vertical-tabs .nav>li.active>a {
        background-color: #1a1a1a;
    }
    
    .ls.ms .panel-title>a {
        background-color: #1a1a1a;
    }
    
    .ls.ms .panel-title>a.collapsed {
        background-color: #fff;
    }
    
    .ls.ms .hero-bg .panel-title>a {
        border: 1px solid #e1e1e1;
    }
    
    .ls.ms .panel-title>a.collapsed:hover,
    .ls.ms .panel-title>a:hover {
        background-color: #1a1a1a;
    }
    
    .ls.ms .pagination a,
    .ls.ms .pagination span {
        background-color: #fff;
        border-color: #fff;
    }
    
    .ls.ms .breadcrumb {
        color: #989898;
    }
    
    .ls.ms .breadcrumb a {
        color: #7f7f7f;
    }
    
    .ls.ms .breadcrumb a:hover {
        color: #FFC000;
    }
    
    .ls.ms [class*='btn-outline-']:not(:hover) {
        background-color: #f2f2f2;
    }
    /*
** Dark Section background and Dark Muted background sections - .ds and .ds.ms
*/
    /* dark grey background section - .ds */
    
    .ds {
        background-color: #1a1a1a;
        color: #e8e8e8;
    }
    
    .ds * .ds {
        background-color: #000;
    }
    /* dark background section - .ds.ms */
    
    .ds.ms {
        background-color: #252525;
    }
    
    .ds.ms .ds.ms {
        background-color: #2a2a2a;
    }
    
    .ds.ms.page_copyright.top_mask_add::before {
        background-color: #252525;
    }
    
    .ds.ms p {
        color: #fff;
    }
    /* dark section blue - .ds.bs */
    
    .ds.bs {
        background-color: #2f3e47;
    }
    
    .ds a:not(.btn) {
        color: #FFC000;
    }
    
    .ds a:not(.btn):hover {
        opacity: 0.8;
    }
    
    .ds a:not(.btn).color-main {
        color: #FFC000;
    }
    
    .ds a:not(.btn).color-main:hover {
        color: #fff;
    }
    
    .ds h1,
    .ds h2,
    .ds h3,
    .ds h4,
    .ds h5,
    .ds h6 {
        color: #fff;
    }
    
    .ds h1 a,
    .ds h2 a,
    .ds h3 a,
    .ds h4 a,
    .ds h5 a,
    .ds h6 a {
        color: #fff;
    }
    
    .ds h1 a:hover,
    .ds h2 a:hover,
    .ds h3 a:hover,
    .ds h4 a:hover,
    .ds h5 a:hover,
    .ds h6 a:hover {
        opacity: 0.8;
    }
    
    .ds .ls {
        background-color: #fff;
        color: #989898;
    }
    
    .ds .ls h1,
    .ds .ls h2,
    .ds .ls h3,
    .ds .ls h4,
    .ds .ls h5,
    .ds .ls h6 {
        color: #1a1a1a;
    }
    
    .ds .ls h1 a,
    .ds .ls h2 a,
    .ds .ls h3 a,
    .ds .ls h4 a,
    .ds .ls h5 a,
    .ds .ls h6 a {
        color: inherit;
    }
    
    .ds .ls h1 a:hover,
    .ds .ls h2 a:hover,
    .ds .ls h3 a:hover,
    .ds .ls h4 a:hover,
    .ds .ls h5 a:hover,
    .ds .ls h6 a:hover {
        color: #FFC000;
    }
    
    .ds .ls a:not(.btn) {
        color: #1a1a1a;
    }
    
    .ds .ls a:not(.btn):hover {
        color: #FFC000;
    }
    
    .ds label {
        color: #fff;
    }
    
    .ds hr {
        background-color: #1a1a1a;
        border-color: #1a1a1a;
    }
    
    .ds blockquote,
    .ds .blockquote {
        color: #9a9a9a;
    }
    
    .ds pre {
        color: #9a9a9a;
    }
    
    .ds .muted-bg,
    .ds .hero-bg {
        background-color: rgba(255, 255, 255, 0.05);
    }
    
    .ds .bordered {
        border-color: #1a1a1a;
    }
    
    .ds .color-main {
        color: #FFC000;
    }
    
    .ds .color-main2 {
        color: #d300e0;
    }
    
    .ds .color-dark,
    .ds .color-darkgrey {
        border-color: #fff;
        color: #fff;
    }
    
    .ds .links-maincolor a {
        color: #FFC000;
    }
    
    .ds .links-maincolor a:hover {
        color: #fff;
    }
    
    .ds .links-maincolor2 a {
        color: #d300e0;
    }
    
    .ds .links-maincolor2 a:hover {
        color: #fff;
    }
    
    .ds .links-maincolor3 a {
        color: #7900e0;
    }
    
    .ds .links-maincolor3 a:hover {
        color: #fff;
    }
    
    .ds .links-grey a {
        color: #9a9a9a;
    }
    
    .ds .links-grey a:hover {
        color: #fff;
    }
    
    .ds .links-darkgrey a {
        color: #fff;
    }
    
    .ds .links-darkgrey a:hover {
        color: #FFC000;
    }
    
    .ds.s-bordertop:before,
    .ds.s-borderbottom:after,
    .ds.s-bordertop-container .container:before,
    .ds.s-borderbottom-container .container:after {
        background-color: #1a1a1a;
    }
    
    .ds.s-bordered-columns [class*='col-']+[class*='col-']:before {
        background-color: #1a1a1a;
    }
    
    .ds .btn-darkgrey {
        background-color: #fff;
        color: #1a1a1a;
    }
    
    .ds .btn-maincolor:hover,
    .ds .btn-maincolor2:hover,
    .ds .btn-maincolor3:hover,
    .ds .btn-darkgrey:hover,
    .ds .btn-outline-maincolor:hover,
    .ds .btn-outline-maincolor2:hover,
    .ds .btn-outline-maincolor3:hover,
    .ds .btn-outline-darkgrey:hover {
        color: #fff;
    }
    
    .ds .btn-maincolor:hover {
        background-color: transparent;
    }
    
    .ds .btn-outline-maincolor:hover {
        background-color: #FFC000;
    }
    
    .ds .btn-outline-maincolor2:hover,
    .ds .btn-maincolor2:hover {
        background-color: #a300ad;
    }
    
    .ds .btn-outline-maincolor3:hover,
    .ds .btn-maincolor3:hover {
        background-color: #5d00ad;
    }
    
    .ds .btn-outline-darkgrey {
        border-color: #fff;
        color: #fff;
    }
    
    .ds .btn-outline-darkgrey:hover,
    .ds .btn-darkgrey:hover {
        background-color: #010101;
        border-color: #010101;
    }
    
    .ds a.fa {
        border-color: #1a1a1a;
        color: #fff;
    }
    
    .ds a.bg-icon {
        background-color: rgba(255, 255, 255, 0.05);
    }
    
    .ds .fa.color-icon:hover {
        color: #fff;
    }
    
    .ds .color-icon.bg-icon {
        background-color: rgba(255, 255, 255, 0.05);
    }
    
    .ds .color-icon.bg-icon:hover {
        color: #fff;
    }
    
    .ds .color-bg-icon:hover {
        background-color: #FFC000;
    }
    
    .ds {
        /* shop */
    }
    
    .ds .list-bordered li {
        border-color: #1a1a1a;
    }
    
    .ds input[type="text"],
    .ds input[type="email"],
    .ds input[type="url"],
    .ds input[type="password"],
    .ds input[type="search"],
    .ds input[type="tel"],
    .ds input[type="number"],
    .ds textarea,
    .ds select,
    .ds .form-control {
        background-color: #fff;
        border: 1px solid;
        border-radius: 5px;
        font-family: "Vidaloka", serif;
        font-size: 12px;
        letter-spacing: 5px;
        text-transform: uppercase;
    }
    
    .ds .form-group-select:before {
        border-color: #1a1a1a;
    }
    
    .ds .form-control:focus {
        border-color: #272727;
    }
    
    .ds .form-control:-moz-placeholder {
        color: #252525;
        opacity: 1;
    }
    
    .ds .form-control::-moz-placeholder {
        color: #252525;
        opacity: 1;
    }
    
    .ds .form-control:-ms-input-placeholder {
        color: #252525;
    }
    
    .ds .form-control::-webkit-input-placeholder {
        color: #252525;
    }
    
    .ds .form-control:focus:-moz-placeholder {
        color: transparent;
    }
    
    .ds .form-control:focus::-moz-placeholder {
        color: transparent;
    }
    
    .ds .form-control:focus:-ms-input-placeholder {
        color: transparent;
    }
    
    .ds .form-control:focus::-webkit-input-placeholder {
        color: transparent;
    }
    
    .ds .contact-form.transparent-background .form-control {
        border-color: #1a1a1a;
    }
    
    .ds .tab-content {
        border-color: #1a1a1a;
    }
    
    .ds .nav-tabs .nav-link {
        border-color: #1a1a1a;
    }
    
    .ds .owl-theme .owl-dots .owl-dot span {
        border-color: #fff;
    }
    
    .ds .post-adds .share_button>i,
    .ds .post-adds .like_button>i {
        color: #fff;
    }
    
    .ds .side-item {
        border-color: #1a1a1a;
    }
    
    .ds .excerpt {
        color: #fff;
    }
    
    .ds .reply a {
        color: #fff;
    }
    
    .ds .widget_search .form-inline .btn,
    .ds .widget_product_search [type="submit"],
    .ds .widget_mailchimp .form-inline .btn {
        background-color: transparent;
        color: #FFC000;
    }
    
    .ds .widget_shopping_cart .cart_list,
    .ds .widget_recent_entries li,
    .ds .widget_recent_comments li,
    .ds .widget_archive li,
    .ds .widget_categories li,
    .ds .widget_meta li,
    .ds .widget_nav_menu li,
    .ds .widget_pages li,
    .ds .widget_popular_entries li {
        border-color: #1a1a1a;
    }
    
    .ds .widget_nav_menu ul ul {
        border-color: #1a1a1a;
    }
    
    .ds .widget_popular_entries .media-heading {
        color: #fff;
    }
    
    .ds .tweet_list li+li .tweet_right {
        border-color: #1a1a1a;
    }
    
    .ds .widget_tag_cloud a {
        border-color: #fff;
        color: #fff;
    }
    
    .ds .widget_shopping_cart li a+a {
        color: #fff;
    }
    
    .ds .widget_shopping_cart li a+a:hover {
        color: #FFC000;
    }
    
    .ds .summary .price {
        border-color: #1a1a1a;
        color: #fff;
    }
    
    .ds .summary .product_meta {
        border-color: #1a1a1a;
    }
    
    .ds .widget_price_filter .price_label {
        color: #fff;
    }
    
    .ds #calendar_wrap {
        border-color: #1a1a1a;
    }
    
    .ds .widget_calendar table {
        background-color: rgba(255, 255, 255, 0.05);
        border-color: #1a1a1a;
    }
    
    .ds .widget_calendar tfoot td a {
        border-color: #1a1a1a;
    }
    
    .ds .widget_calendar caption,
    .ds .widget_calendar thead,
    .ds .widget_calendar th {
        color: #fff;
        font-family: "Vidaloka", serif;
    }
    
    .ds .widget_calendar tbody td a:hover {
        color: #fff;
    }
    
    .ds .grid-view h3:before,
    .ds .grid-view h3:after {
        background-color: #1a1a1a;
    }
    
    .ds .owl-carousel.product-thumbnails .owl-nav>div:after {
        color: #fff;
    }
    
    .ds .ui-slider {
        background-color: rgba(255, 255, 255, 0.05);
    }
    
    .ds .ui-slider .ui-slider-handle {
        background-color: #fff;
    }
    
    .ds #sort_view {
        background-color: transparent;
        color: #fff;
    }
    
    .ds #toggle_shop_view.grid-view:after,
    .ds #toggle_shop_view:before {
        background-color: rgba(247, 247, 247, 0.05);
    }
    
    .ds .widget_layered_nav .color-filters a:before {
        border-color: #1a1a1a;
    }
    
    .ds .table.cart a {
        color: #fff;
    }
    
    .ds .thumbnail {
        background-color: transparent;
    }
    
    .ds .thumbnail h3 a {
        color: #fff;
    }
    
    .ds .thumbnail .caption {
        background-color: rgba(252, 252, 252, 0.05);
        border-color: transparent;
    }
    
    .ds .progress {
        background-color: #fff;
    }
    
    .ds .panel-heading .panel-title>a.collapsed,
    .ds .vertical-tabs .nav>li>a {
        background-color: rgba(255, 255, 255, 0.05);
        color: #fff;
    }
    
    .ds .panel-heading .panel-title>a,
    .ds .panel-heading .panel-title>a:hover,
    .ds .vertical-tabs .nav>li.active>a,
    .ds .vertical-tabs .nav>li>a:hover {
        background-color: #FFC000;
    }
    
    .ds .panel-heading .panel-title>a:hover:after,
    .ds .vertical-tabs .nav>li>a:hover:after {
        color: #fff;
    }
    
    .ds .entry-meta .comments-link a {
        color: #fff;
    }
    
    .ds #timetable tbody th,
    .ds #timetable tbody td {
        border-color: #1a1a1a;
    }
    
    .ds #isotope_filters a,
    .ds .filters a {
        color: #fff;
    }
    
    .ds div .fw-shortcode-calendar-wrapper .page-header h3,
    .ds div .btn-group button[data-calendar-nav],
    .ds div .btn-group button[data-calendar-nav*='today'] {
        color: #fff;
    }
    /*
** Color Background Section - .cs
*/
    
    .cs.cs2 {
        background-color: #d300e0;
    }
    
    .cs.cs2 .color-main {
        color: #FFC000;
    }
    
    .cs.cs3 {
        background-color: #7900e0;
    }
    
    .cs.cs3 .color-main {
        color: #FFC000;
    }
    /* color section grey - .cs.gs */
    
    .cs.gs {
        background-color: #aaa6a7;
    }
    
    .cs.cs-success {
        background-color: #4db19e;
    }
    
    .cs.cs-info {
        background-color: #007ebd;
    }
    
    .cs.cs-warning {
        background-color: #eeb269;
    }
    
    .cs.cs-danger {
        background-color: #dc5753;
    }
    
    .cs {
        background-color: #FFC000;
        color: #fff;
    }
    
    .cs h1,
    .cs h2,
    .cs h3,
    .cs h4,
    .cs h5,
    .cs h6 {
        color: #fff;
    }
    
    .cs h1 a,
    .cs h2 a,
    .cs h3 a,
    .cs h4 a,
    .cs h5 a,
    .cs h6 a {
        color: #fff;
    }
    
    .cs h1 a:hover,
    .cs h2 a:hover,
    .cs h3 a:hover,
    .cs h4 a:hover,
    .cs h5 a:hover,
    .cs h6 a:hover {
        color: rgba(255, 255, 255, 0.6);
    }
    
    .cs a:not(.btn) {
        color: #fff;
    }
    
    .cs a:not(.btn):hover {
        opacity: 0.8;
    }
    
    .cs blockquote,
    .cs .blockquote {
        border-color: #ec4293;
    }
    
    .cs hr {
        border-color: rgba(255, 255, 255, 0.15);
    }
    
    .cs pre {
        color: #fff;
    }
    
    .cs .hero-bg {
        background-color: rgba(255, 255, 255, 0.1);
    }
    
    .cs .bordered {
        border-color: rgba(255, 255, 255, 0.15);
    }
    
    .cs.s-bordertop:before,
    .cs.s-borderbottom:after,
    .cs.s-bordertop-container .container:before,
    .cs.s-borderbottom-container .container:after {
        background-color: rgba(255, 255, 255, 0.15);
    }
    
    .cs.s-bordered-columns [class*='col-']+[class*='col-']:before {
        background-color: rgba(255, 255, 255, 0.15);
    }
    
    .cs .links-darkgrey a,
    .cs .links-grey a {
        color: #fff;
        opacity: 0.9;
    }
    
    .cs .links-darkgrey a:hover,
    .cs .links-grey a:hover {
        color: #fff;
        opacity: 1;
    }
    
    .cs .color-dark {
        border-color: #fff;
        color: #fff;
    }
    
    .cs .color-darkgrey {
        border-color: #1a1a1a;
        color: #1a1a1a;
    }
    
    .cs .response,
    .cs .color-main {
        color: #fff;
    }
    
    .cs input[type="text"],
    .cs input[type="email"],
    .cs input[type="url"],
    .cs input[type="password"],
    .cs input[type="search"],
    .cs input[type="tel"],
    .cs input[type="number"],
    .cs textarea,
    .cs select,
    .cs .form-control {
        background-color: #fff;
        border-color: #fff;
        color: #1a1a1a;
    }
    
    .cs .form-control:focus {
        border-color: rgba(255, 255, 255, 0.5);
    }
    
    .cs .form-control:-moz-placeholder {
        color: #1a1a1a;
        opacity: 1;
    }
    
    .cs .form-control::-moz-placeholder {
        color: #1a1a1a;
        opacity: 1;
    }
    
    .cs .form-control:-ms-input-placeholder {
        color: #1a1a1a;
    }
    
    .cs .form-control::-webkit-input-placeholder {
        color: #1a1a1a;
    }
    
    .cs .form-control:focus:-moz-placeholder {
        color: transparent;
    }
    
    .cs .form-control:focus::-moz-placeholder {
        color: transparent;
    }
    
    .cs .form-control:focus:-ms-input-placeholder {
        color: transparent;
    }
    
    .cs .form-control:focus::-webkit-input-placeholder {
        color: transparent;
    }
    
    .cs .btn-maincolor {
        background-color: #fff;
        color: #1a1a1a;
    }
    
    .cs .btn-outline-maincolor {
        border-color: #fff;
        color: #fff;
    }
    
    .cs .btn-maincolor:hover,
    .cs .btn-maincolor2:hover,
    .cs .btn-maincolor3:hover,
    .cs .btn-darkgrey:hover,
    .cs .btn-outline-maincolor:hover,
    .cs .btn-outline-maincolor2:hover,
    .cs .btn-outline-maincolor3:hover,
    .cs .btn-outline-darkgrey:hover {
        color: #fff;
    }
    
    .cs .btn-outline-maincolor:hover,
    .cs .btn-maincolor:hover {
        background-color: #b61260;
        border-color: #b61260;
    }
    
    .cs .btn-outline-maincolor2:hover,
    .cs .btn-maincolor2:hover {
        background-color: #a300ad;
    }
    
    .cs .btn-outline-maincolor3:hover,
    .cs .btn-maincolor3:hover {
        background-color: #5d00ad;
    }
    
    .cs .btn-outline-darkgrey:hover,
    .cs .btn-darkgrey:hover {
        background-color: #010101;
        border-color: #010101;
    }
    
    .cs a.fa {
        border-color: rgba(255, 255, 255, 0.15);
        color: #fff;
    }
    
    .cs a.bg-icon {
        background-color: rgba(255, 255, 255, 0.17);
    }
    
    .cs .color-icon.bg-icon {
        background-color: rgba(255, 255, 255, 0.9);
    }
    
    .cs a.fa.color-bg-icon:hover {
        background-color: #1a1a1a;
    }
    
    .cs .btn-action {
        background-color: #fff;
    }
    
    .cs .btn-action i {
        color: #1a1a1a;
    }
    
    .cs .btn-action:hover i {
        opacity: 0.7;
    }
    /*
** Helper Utilities
*/
    /* layout */
    
    .clear,
    .clearfix {
        clear: both;
    }
    
    .round {
        border-radius: 50%;
    }
    
    .text-normal {
        text-transform: none;
    }
    /* min width */
    
    .min-w-100 {
        display: inline-block;
        min-width: 100px;
    }
    
    .min-w-130 {
        display: inline-block;
        min-width: 130px;
    }
    
    @media (max-width: 478px) {
        .media .min-w-100 {
            min-width: 85px;
        }
    }
    /* paddings for .*-bg, .bg-* and .bordered */
    
    .p-big {
        padding: 40px 45px;
    }
    
    @media (min-width: 1200px) {
        .p-big {
            padding: 55px 60px;
        }
    }
    
    .p-normal {
        padding: 40px 45px;
    }
    
    .p-small {
        padding: 30px 35px;
    }
    
    .cover-before,
    .cover-after {
        overflow: hidden;
    }
    
    .cover-before,
    .cover-after,
    .cover-before>*,
    .cover-after>* {
        position: relative;
        z-index: 2;
    }
    
    .cover-before:before,
    .cover-after:after {
        bottom: 0;
        content: "";
        display: block;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
    }
    
    .top-corner {
        left: 0;
        line-height: 1;
        position: absolute;
        top: 0;
    }
    /* text helpers */
    
    .fs-12 {
        font-size: 12px;
    }
    
    .fs-14 {
        font-size: 14px;
    }
    
    .fs-16 {
        font-size: 16px;
    }
    
    .fs-18 {
        font-size: 18px;
    }
    
    .fs-20 {
        font-size: 20px;
    }
    
    .fs-24 {
        font-size: 24px;
    }
    
    .fs-28 {
        font-size: 28px;
    }
    
    .fs-32 {
        font-size: 32px;
    }
    
    .fs-36 {
        font-size: 36px;
    }
    
    .fs-40 {
        font-size: 40px;
    }
    
    .fs-56 {
        font-size: 56px;
    }
    
    .fw-100 {
        font-weight: 100;
    }
    
    .fw-300,
    .thin {
        font-weight: 300;
    }
    
    .fw-400 {
        font-weight: 400;
    }
    
    .fw-500 {
        font-weight: 500;
    }
    
    .fw-700,
    .bolder {
        font-weight: 700;
    }
    
    .fw-900,
    .bold {
        font-weight: 900;
    }
    
    .dropcap {
        float: left;
        font-size: 108px;
        font-weight: 900;
        line-height: 0.9;
        margin: 0 15px 0 0;
        text-transform: uppercase;
    }
    
    @media (max-width: 1600px) {
        .dropcap {
            font-size: 92px;
            margin-right: 15px;
        }
    }
    
    .overflow-hidden {
        overflow: hidden;
        position: relative;
        z-index: 2;
    }
    
    .overflow-visible {
        overflow: visible;
        position: relative;
        z-index: 2;
    }
    
    .z-index-2 {
        z-index: 2;
    }
    /*display helpers*/
    
    [class*='visible-above-'],
    [class*='visible-below-'] {
        display: none !important;
    }
    
    @media (min-width: 576px) {
        .visible-above-sm {
            display: block !important;
        }
    }
    
    @media (max-width: 575px) {
        .visible-below-sm {
            display: block !important;
        }
    }
    
    @media (min-width: 768px) {
        .visible-above-md {
            display: block !important;
        }
    }
    
    @media (max-width: 767px) {
        .visible-below-md {
            display: block !important;
        }
    }
    
    @media (min-width: 992px) {
        .visible-above-lg {
            display: block !important;
        }
    }
    
    @media (max-width: 991px) {
        .visible-below-lg {
            display: block !important;
        }
    }
    
    @media (min-width: 1200px) {
        .visible-above-xl {
            display: block !important;
        }
    }
    
    @media (max-width: 1199px) {
        .visible-below-xl {
            display: block !important;
        }
    }
    
    @media (max-width: 575px) {
        .hidden-below-sm {
            display: none !important;
        }
    }
    
    @media (min-width: 576px) {
        .hidden-above-sm {
            display: none !important;
        }
    }
    
    @media (max-width: 767px) {
        .hidden-below-md {
            display: none !important;
        }
    }
    
    @media (min-width: 768px) {
        .hidden-above-md {
            display: none !important;
        }
    }
    
    @media (max-width: 991px) {
        .hidden-below-lg {
            display: none !important;
        }
    }
    
    @media (min-width: 992px) {
        .hidden-above-lg {
            display: none !important;
        }
    }
    
    @media (max-width: 1199px) {
        .hidden-below-xl {
            display: none !important;
        }
    }
    
    @media (min-width: 1200px) {
        .hidden-above-xl {
            display: none !important;
        }
    }
    
    @media (max-width: 575px) {
        .hidden-xs {
            display: none !important;
        }
    }
    
    @media (min-width: 576px) and (max-width: 767px) {
        .hidden-sm {
            display: none !important;
        }
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
        .hidden-md {
            display: none !important;
        }
    }
    
    @media (min-width: 992px) and (max-width: 1199px) {
        .hidden-lg {
            display: none !important;
        }
    }
    
    @media (min-width: 1200px) {
        .hidden-xl {
            display: none !important;
        }
    }
    /* Special columns */
    
    @media (max-width: 1600px) and (min-width: 1200px) {
        .col-lgx-3 {
            flex: 0 0 25%;
            max-width: 25%;
        }
    }
    /* borders, colors and backgrounds */
    
    .light-bg {
        background-color: #fff;
    }
    
    .hero-bg {
        background-color: #f5f5f5;
    }
    
    .muted-bg {
        background-color: rgba(26, 26, 26, 0.06);
    }
    
    .response,
    .color-main {
        border-color: #FFC000;
        color: #FFC000;
    }
    
    .color-main2 {
        border-color: #d300e0;
        color: #d300e0;
    }
    
    .color-main3 {
        border-color: #7900e0;
        color: #7900e0;
    }
    
    .ds .color-dark-font {
        color: #9a9a9a;
        font-family: Poppins;
    }
    
    .color-dark {
        border-color: #252525;
        color: #252525;
    }
    
    .color-darkgrey {
        border-color: #1a1a1a;
        color: #1a1a1a;
    }
    
    .color-white {
        color: #fff;
    }
    
    .color-black {
        color: #000;
    }
    
    .ds .color-black {
        color: #000;
    }
    
    .color-success {
        color: #4db19e;
    }
    
    .color-info {
        color: #007ebd;
    }
    
    .color-warning {
        color: #eeb269;
    }
    
    .required,
    .color-danger {
        color: #dc5753;
    }
    
    .bordered {
        border: 1px solid #e1e1e1;
    }
    
    .box-shadow {
        border-color: transparent;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    }
    
    .links-maincolor a {
        color: #FFC000;
    }
    
    .links-maincolor2 a {
        color: #d300e0;
    }
    
    .links-maincolor3 a {
        color: #7900e0;
    }
    
    .links-grey a {
        color: #989898;
    }
    
    .links-grey a:hover {
        color: #FFC000;
    }
    
    .links-white a {
        color: #fff;
    }
    
    .links-white a:hover {
        color: #FFC000;
    }
    
    .links-darkgrey a {
        color: #1a1a1a;
    }
    
    .links-darkgrey a:hover {
        color: #FFC000;
    }
    
    .bg-maincolor {
        background-color: #FFC000;
    }
    
    .bg-maincolor2 {
        background-color: #d300e0;
    }
    
    .bg-maincolor3 {
        background-color: #7900e0;
    }
    
    .bg-dark {
        background-color: #252525;
    }
    
    .bg-white {
        background-color: #fff;
        color: #1a1a1a !important;
    }
    
    .bg-darkblue {
        background-color: #253138;
        color: #fff;
    }
    
    .bg-darkgrey {
        background-color: #1a1a1a;
        color: #fff;
    }
    
    .bg-success {
        background-color: #4db19e !important;
    }
    
    .bg-info {
        background-color: #007ebd !important;
    }
    
    .bg-warning {
        background-color: #eeb269 !important;
    }
    
    .bg-danger {
        background-color: #dc5753 !important;
    }
    
    [class*='bg-'] {
        color: #fff;
    }
    
    [class*='bg-'] a,
    [class*='bg-'] h1,
    [class*='bg-'] h2,
    [class*='bg-'] h3,
    [class*='bg-'] h4,
    [class*='bg-'] h5,
    [class*='bg-'] h6 {
        color: #fff;
    }
    /*padding for inline elements with theme backgrounds*/
    
    span[class*='bg-'],
    span.bordered,
    span.light-bg,
    span.hero-bg,
    span.muted-bg {
        padding-left: 0.37em;
        padding-right: 0.37em;
    }
    /*Dividers, margins and padding helpers*/
    /* margins */
    /*top&bottom equal margins - dividers*/
    
    .my--300 {
        margin-bottom: -300px;
        margin-top: -300px;
    }
    
    .my--230 {
        margin-bottom: -230px;
        margin-top: -230px;
    }
    
    .my--100 {
        margin-bottom: -100px;
        margin-top: -100px;
    }
    
    .my--30 {
        margin-bottom: -30px;
        margin-top: -30px;
    }
    
    .my--25 {
        margin-bottom: -25px;
        margin-top: -25px;
    }
    
    .my--20 {
        margin-bottom: -20px;
        margin-top: -20px;
    }
    
    .my--15 {
        margin-bottom: -15px;
        margin-top: -15px;
    }
    
    .my--10 {
        margin-bottom: -10px;
        margin-top: -10px;
    }
    
    .my--5 {
        margin-bottom: -5px;
        margin-top: -5px;
    }
    
    .my-10 {
        margin-bottom: 10px;
        margin-top: 10px;
    }
    
    .my-15 {
        margin-bottom: 15px;
        margin-top: 15px;
    }
    
    .my-20 {
        margin-bottom: 20px;
        margin-top: 20px;
    }
    
    .my-25 {
        margin-bottom: 25px;
        margin-top: 25px;
    }
    
    .my-30 {
        margin-bottom: 30px;
        margin-top: 30px;
    }
    
    .my-35 {
        margin-bottom: 35px;
        margin-top: 35px;
    }
    
    .my-40 {
        margin-bottom: 40px;
        margin-top: 40px;
    }
    
    .my-45 {
        margin-bottom: 45px;
        margin-top: 45px;
    }
    
    .my-50 {
        margin-bottom: 50px;
        margin-top: 50px;
    }
    
    .my-55 {
        margin-bottom: 55px;
        margin-top: 55px;
    }
    
    .my-60 {
        margin-bottom: 60px;
        margin-top: 60px;
    }
    
    .my-65 {
        margin-bottom: 65px;
        margin-top: 65px;
    }
    
    .my-70 {
        margin-bottom: 70px;
        margin-top: 70px;
    }
    
    .my-75 {
        margin-bottom: 75px;
        margin-top: 75px;
    }
    
    .my-80 {
        margin-bottom: 80px;
        margin-top: 80px;
    }
    
    .my-85 {
        margin-bottom: 85px;
        margin-top: 85px;
    }
    
    .my-90 {
        margin-bottom: 90px;
        margin-top: 90px;
    }
    
    .my-95 {
        margin-bottom: 95px;
        margin-top: 95px;
    }
    
    .my-100 {
        margin-bottom: 100px;
        margin-top: 100px;
    }
    
    .my-110 {
        margin-bottom: 110px;
        margin-top: 110px;
    }
    
    .my-120 {
        margin-bottom: 120px;
        margin-top: 120px;
    }
    
    .my-130 {
        margin-bottom: 130px;
        margin-top: 130px;
    }
    
    .my-140 {
        margin-bottom: 140px;
        margin-top: 140px;
    }
    
    .my-145 {
        margin-bottom: 145px;
        margin-top: 145px;
    }
    
    .my-150 {
        margin-bottom: 150px;
        margin-top: 150px;
    }
    
    .my-160 {
        margin-bottom: 160px;
        margin-top: 160px;
    }
    
    .my-170 {
        margin-bottom: 170px;
        margin-top: 170px;
    }
    
    .my-175 {
        margin-bottom: 175px;
        margin-top: 175px;
    }
    
    .my-200 {
        margin-bottom: 200px;
        margin-top: 200px;
    }
    
    .my-210 {
        margin-bottom: 210px;
        margin-top: 210px;
    }
    
    .my-215 {
        margin-bottom: 215px;
        margin-top: 215px;
    }
    
    .my-230 {
        margin-bottom: 230px;
        margin-top: 230px;
    }
    
    .my-250 {
        margin-bottom: 250px;
        margin-top: 250px;
    }
    /*left&right equal margins*/
    
    .mx--300 {
        margin-left: -300px;
        margin-right: -300px;
    }
    
    .mx--230 {
        margin-left: -230px;
        margin-right: -230px;
    }
    
    .mx--100 {
        margin-left: -100px;
        margin-right: -100px;
    }
    
    .mx--30 {
        margin-left: -30px;
        margin-right: -30px;
    }
    
    .mx--25 {
        margin-left: -25px;
        margin-right: -25px;
    }
    
    .mx--20 {
        margin-left: -20px;
        margin-right: -20px;
    }
    
    .mx--15 {
        margin-left: -15px;
        margin-right: -15px;
    }
    
    .mx--10 {
        margin-left: -10px;
        margin-right: -10px;
    }
    
    .mx--5 {
        margin-left: -5px;
        margin-right: -5px;
    }
    
    .mx-10 {
        margin-left: 10px;
        margin-right: 10px;
    }
    
    .mx-15 {
        margin-left: 15px;
        margin-right: 15px;
    }
    
    .mx-20 {
        margin-left: 20px;
        margin-right: 20px;
    }
    
    .mx-25 {
        margin-left: 25px;
        margin-right: 25px;
    }
    
    .mx-30 {
        margin-left: 30px;
        margin-right: 30px;
    }
    
    .mx-35 {
        margin-left: 35px;
        margin-right: 35px;
    }
    
    .mx-40 {
        margin-left: 40px;
        margin-right: 40px;
    }
    
    .mx-45 {
        margin-left: 45px;
        margin-right: 45px;
    }
    
    .mx-50 {
        margin-left: 50px;
        margin-right: 50px;
    }
    
    .mx-55 {
        margin-left: 55px;
        margin-right: 55px;
    }
    
    .mx-60 {
        margin-left: 60px;
        margin-right: 60px;
    }
    
    .mx-65 {
        margin-left: 65px;
        margin-right: 65px;
    }
    
    .mx-70 {
        margin-left: 70px;
        margin-right: 70px;
    }
    
    .mx-75 {
        margin-left: 75px;
        margin-right: 75px;
    }
    
    .mx-80 {
        margin-left: 80px;
        margin-right: 80px;
    }
    
    .mx-85 {
        margin-left: 85px;
        margin-right: 85px;
    }
    
    .mx-90 {
        margin-left: 90px;
        margin-right: 90px;
    }
    
    .mx-95 {
        margin-left: 95px;
        margin-right: 95px;
    }
    
    .mx-100 {
        margin-left: 100px;
        margin-right: 100px;
    }
    
    .mx-110 {
        margin-left: 110px;
        margin-right: 110px;
    }
    
    .mx-120 {
        margin-left: 120px;
        margin-right: 120px;
    }
    
    .mx-130 {
        margin-left: 130px;
        margin-right: 130px;
    }
    
    .mx-140 {
        margin-left: 140px;
        margin-right: 140px;
    }
    
    .mx-145 {
        margin-left: 145px;
        margin-right: 145px;
    }
    
    .mx-150 {
        margin-left: 150px;
        margin-right: 150px;
    }
    
    .mx-160 {
        margin-left: 160px;
        margin-right: 160px;
    }
    
    .mx-170 {
        margin-left: 170px;
        margin-right: 170px;
    }
    
    .mx-175 {
        margin-left: 175px;
        margin-right: 175px;
    }
    
    .mx-200 {
        margin-left: 200px;
        margin-right: 200px;
    }
    
    .mx-210 {
        margin-left: 210px;
        margin-right: 210px;
    }
    
    .mx-215 {
        margin-left: 215px;
        margin-right: 215px;
    }
    
    .mx-230 {
        margin-left: 230px;
        margin-right: 230px;
    }
    
    .mx-250 {
        margin-left: 250px;
        margin-right: 250px;
    }
    /*top margins*/
    
    .mt--300 {
        margin-top: -300px;
    }
    
    .mt--230 {
        margin-top: -230px;
    }
    
    .mt--100 {
        margin-top: -100px;
    }
    
    .mt--30 {
        margin-top: -30px;
    }
    
    .mt--25 {
        margin-top: -25px;
    }
    
    .mt--20 {
        margin-top: -20px;
    }
    
    .mt--15 {
        margin-top: -15px;
    }
    
    .mt--10 {
        margin-top: -10px;
    }
    
    .mt--5 {
        margin-top: -5px;
    }
    
    .mt-10 {
        margin-top: 10px;
    }
    
    .mt-15 {
        margin-top: 15px;
    }
    
    .mt-20 {
        margin-top: 20px;
    }
    
    .mt-25 {
        margin-top: 25px;
    }
    
    .mt-30 {
        margin-top: 30px;
    }
    
    .mt-35 {
        margin-top: 35px;
    }
    
    .mt-40 {
        margin-top: 40px;
    }
    
    .mt-45 {
        margin-top: 45px;
    }
    
    .mt-50 {
        margin-top: 50px;
    }
    
    .mt-55 {
        margin-top: 55px;
    }
    
    .mt-60 {
        margin-top: 60px;
    }
    
    .mt-65 {
        margin-top: 65px;
    }
    
    .mt-70 {
        margin-top: 70px;
    }
    
    .mt-75 {
        margin-top: 75px;
    }
    
    .mt-80 {
        margin-top: 80px;
    }
    
    .mt-85 {
        margin-top: 85px;
    }
    
    .mt-90 {
        margin-top: 90px;
    }
    
    .mt-95 {
        margin-top: 95px;
    }
    
    .mt-100 {
        margin-top: 100px;
    }
    
    .mt-110 {
        margin-top: 110px;
    }
    
    .mt-120 {
        margin-top: 120px;
    }
    
    .mt-130 {
        margin-top: 130px;
    }
    
    .mt-140 {
        margin-top: 140px;
    }
    
    .mt-145 {
        margin-top: 145px;
    }
    
    .mt-150 {
        margin-top: 150px;
    }
    
    .mt-160 {
        margin-top: 160px;
    }
    
    .mt-170 {
        margin-top: 170px;
    }
    
    .mt-175 {
        margin-top: 175px;
    }
    
    .mt-200 {
        margin-top: 200px;
    }
    
    .mt-210 {
        margin-top: 210px;
    }
    
    .mt-215 {
        margin-top: 215px;
    }
    
    .mt-230 {
        margin-top: 230px;
    }
    
    .mt-250 {
        margin-top: 250px;
    }
    /*bottom margins*/
    
    .mb--300 {
        margin-bottom: -300px;
    }
    
    .mb--230 {
        margin-bottom: -230px;
    }
    
    .mb--100 {
        margin-bottom: -100px;
    }
    
    .mb--30 {
        margin-bottom: -30px;
    }
    
    .mb--25 {
        margin-bottom: -25px;
    }
    
    .mb--20 {
        margin-bottom: -20px;
    }
    
    .mb--15 {
        margin-bottom: -15px;
    }
    
    .mb--10 {
        margin-bottom: -10px;
    }
    
    .mb--5 {
        margin-bottom: -5px;
    }
    
    .mb-10 {
        margin-bottom: 10px;
    }
    
    .mb-15 {
        margin-bottom: 15px;
    }
    
    .mb-20 {
        margin-bottom: 20px;
    }
    
    .mb-25 {
        margin-bottom: 25px;
    }
    
    .mb-30 {
        margin-bottom: 30px;
    }
    
    .mb-35 {
        margin-bottom: 35px;
    }
    
    .mb-40 {
        margin-bottom: 40px;
    }
    
    .mb-45 {
        margin-bottom: 45px;
    }
    
    .mb-50 {
        margin-bottom: 50px;
    }
    
    .mb-55 {
        margin-bottom: 55px;
    }
    
    .mb-60 {
        margin-bottom: 60px;
    }
    
    .mb-65 {
        margin-bottom: 65px;
    }
    
    .mb-70 {
        margin-bottom: 70px;
    }
    
    .mb-75 {
        margin-bottom: 75px;
    }
    
    .mb-80 {
        margin-bottom: 80px;
    }
    
    .mb-85 {
        margin-bottom: 85px;
    }
    
    .mb-90 {
        margin-bottom: 90px;
    }
    
    .mb-95 {
        margin-bottom: 95px;
    }
    
    .mb-100 {
        margin-bottom: 100px;
    }
    
    .mb-110 {
        margin-bottom: 110px;
    }
    
    .mb-120 {
        margin-bottom: 120px;
    }
    
    .mb-130 {
        margin-bottom: 130px;
    }
    
    .mb-140 {
        margin-bottom: 140px;
    }
    
    .mb-145 {
        margin-bottom: 145px;
    }
    
    .mb-150 {
        margin-bottom: 150px;
    }
    
    .mb-160 {
        margin-bottom: 160px;
    }
    
    .mb-170 {
        margin-bottom: 170px;
    }
    
    .mb-175 {
        margin-bottom: 175px;
    }
    
    .mb-200 {
        margin-bottom: 200px;
    }
    
    .mb-210 {
        margin-bottom: 210px;
    }
    
    .mb-215 {
        margin-bottom: 215px;
    }
    
    .mb-230 {
        margin-bottom: 230px;
    }
    
    .mb-250 {
        margin-bottom: 250px;
    }
    /*top right bottom left margins*/
    
    .m--300 {
        margin: -300px;
    }
    
    .m--230 {
        margin: -230px;
    }
    
    .m--100 {
        margin: -100px;
    }
    
    .m--30 {
        margin: -30px;
    }
    
    .m--25 {
        margin: -25px;
    }
    
    .m--20 {
        margin: -20px;
    }
    
    .m--15 {
        margin: -15px;
    }
    
    .m--10 {
        margin: -10px;
    }
    
    .m--5 {
        margin: -5px;
    }
    
    .m-10 {
        margin: 10px;
    }
    
    .m-15 {
        margin: 15px;
    }
    
    .m-20 {
        margin: 20px;
    }
    
    .m-25 {
        margin: 25px;
    }
    
    .m-30 {
        margin: 30px;
    }
    
    .m-35 {
        margin: 35px;
    }
    
    .m-40 {
        margin: 40px;
    }
    
    .m-45 {
        margin: 45px;
    }
    
    .m-50 {
        margin: 50px;
    }
    
    .m-55 {
        margin: 55px;
    }
    
    .m-60 {
        margin: 60px;
    }
    
    .m-65 {
        margin: 65px;
    }
    
    .m-70 {
        margin: 70px;
    }
    
    .m-75 {
        margin: 75px;
    }
    
    .m-80 {
        margin: 80px;
    }
    
    .m-85 {
        margin: 85px;
    }
    
    .m-90 {
        margin: 90px;
    }
    
    .m-95 {
        margin: 95px;
    }
    
    .m-100 {
        margin: 100px;
    }
    
    .m-110 {
        margin: 110px;
    }
    
    .m-120 {
        margin: 120px;
    }
    
    .m-130 {
        margin: 130px;
    }
    
    .m-140 {
        margin: 140px;
    }
    
    .m-145 {
        margin: 145px;
    }
    
    .m-150 {
        margin: 150px;
    }
    
    .m-160 {
        margin: 160px;
    }
    
    .m-170 {
        margin: 170px;
    }
    
    .m-175 {
        margin: 175px;
    }
    
    .m-200 {
        margin: 200px;
    }
    
    .m-210 {
        margin: 210px;
    }
    
    .m-215 {
        margin: 215px;
    }
    
    .m-230 {
        margin: 230px;
    }
    
    .m-250 {
        margin: 250px;
    }
    /* paddings */
    /*top&bottom equal paddings - dividers*/
    
    .py--300 {
        padding-bottom: -300px;
        padding-top: -300px;
    }
    
    .py--230 {
        padding-bottom: -230px;
        padding-top: -230px;
    }
    
    .py--100 {
        padding-bottom: -100px;
        padding-top: -100px;
    }
    
    .py--30 {
        padding-bottom: -30px;
        padding-top: -30px;
    }
    
    .py--25 {
        padding-bottom: -25px;
        padding-top: -25px;
    }
    
    .py--20 {
        padding-bottom: -20px;
        padding-top: -20px;
    }
    
    .py--15 {
        padding-bottom: -15px;
        padding-top: -15px;
    }
    
    .py--10 {
        padding-bottom: -10px;
        padding-top: -10px;
    }
    
    .py--5 {
        padding-bottom: -5px;
        padding-top: -5px;
    }
    
    .py-10 {
        padding-bottom: 10px;
        padding-top: 10px;
    }
    
    .py-15 {
        padding-bottom: 15px;
        padding-top: 15px;
    }
    
    .py-20 {
        padding-bottom: 20px;
        padding-top: 20px;
    }
    
    .py-25 {
        padding-bottom: 25px;
        padding-top: 25px;
    }
    
    .py-30 {
        padding-bottom: 30px;
        padding-top: 30px;
    }
    
    .py-35 {
        padding-bottom: 35px;
        padding-top: 35px;
    }
    
    .py-40 {
        padding-bottom: 40px;
        padding-top: 40px;
    }
    
    .py-45 {
        padding-bottom: 45px;
        padding-top: 45px;
    }
    
    .py-50 {
        padding-bottom: 50px;
        padding-top: 50px;
    }
    
    .py-55 {
        padding-bottom: 55px;
        padding-top: 55px;
    }
    
    .py-60 {
        padding-bottom: 60px;
        padding-top: 60px;
    }
    
    .py-65 {
        padding-bottom: 65px;
        padding-top: 65px;
    }
    
    .py-70 {
        padding-bottom: 70px;
        padding-top: 70px;
    }
    
    .py-75 {
        padding-bottom: 75px;
        padding-top: 75px;
    }
    
    .py-80 {
        padding-bottom: 80px;
        padding-top: 80px;
    }
    
    .py-85 {
        padding-bottom: 85px;
        padding-top: 85px;
    }
    
    .py-90 {
        padding-bottom: 90px;
        padding-top: 90px;
    }
    
    .py-95 {
        padding-bottom: 95px;
        padding-top: 95px;
    }
    
    .py-100 {
        padding-bottom: 100px;
        padding-top: 100px;
    }
    
    .py-110 {
        padding-bottom: 110px;
        padding-top: 110px;
    }
    
    .py-120 {
        padding-bottom: 120px;
        padding-top: 120px;
    }
    
    .py-130 {
        padding-bottom: 130px;
        padding-top: 130px;
    }
    
    .py-140 {
        padding-bottom: 140px;
        padding-top: 140px;
    }
    
    .py-145 {
        padding-bottom: 145px;
        padding-top: 145px;
    }
    
    .py-150 {
        padding-bottom: 150px;
        padding-top: 150px;
    }
    
    .py-160 {
        padding-bottom: 160px;
        padding-top: 160px;
    }
    
    .py-170 {
        padding-bottom: 170px;
        padding-top: 170px;
    }
    
    .py-175 {
        padding-bottom: 175px;
        padding-top: 175px;
    }
    
    .py-200 {
        padding-bottom: 200px;
        padding-top: 200px;
    }
    
    .py-210 {
        padding-bottom: 210px;
        padding-top: 210px;
    }
    
    .py-215 {
        padding-bottom: 215px;
        padding-top: 215px;
    }
    
    .py-230 {
        padding-bottom: 230px;
        padding-top: 230px;
    }
    
    .py-250 {
        padding-bottom: 250px;
        padding-top: 250px;
    }
    /*left&right equal paddings*/
    
    .px--300 {
        padding-left: -300px;
        padding-right: -300px;
    }
    
    .px--230 {
        padding-left: -230px;
        padding-right: -230px;
    }
    
    .px--100 {
        padding-left: -100px;
        padding-right: -100px;
    }
    
    .px--30 {
        padding-left: -30px;
        padding-right: -30px;
    }
    
    .px--25 {
        padding-left: -25px;
        padding-right: -25px;
    }
    
    .px--20 {
        padding-left: -20px;
        padding-right: -20px;
    }
    
    .px--15 {
        padding-left: -15px;
        padding-right: -15px;
    }
    
    .px--10 {
        padding-left: -10px;
        padding-right: -10px;
    }
    
    .px--5 {
        padding-left: -5px;
        padding-right: -5px;
    }
    
    .px-10 {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .px-15 {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .px-20 {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .px-25 {
        padding-left: 25px;
        padding-right: 25px;
    }
    
    .px-30 {
        padding-left: 30px;
        padding-right: 30px;
    }
    
    .px-35 {
        padding-left: 35px;
        padding-right: 35px;
    }
    
    .px-40 {
        padding-left: 40px;
        padding-right: 40px;
    }
    
    .px-45 {
        padding-left: 45px;
        padding-right: 45px;
    }
    
    .px-50 {
        padding-left: 50px;
        padding-right: 50px;
    }
    
    .px-55 {
        padding-left: 55px;
        padding-right: 55px;
    }
    
    .px-60 {
        padding-left: 60px;
        padding-right: 60px;
    }
    
    .px-65 {
        padding-left: 65px;
        padding-right: 65px;
    }
    
    .px-70 {
        padding-left: 70px;
        padding-right: 70px;
    }
    
    .px-75 {
        padding-left: 75px;
        padding-right: 75px;
    }
    
    .px-80 {
        padding-left: 80px;
        padding-right: 80px;
    }
    
    .px-85 {
        padding-left: 85px;
        padding-right: 85px;
    }
    
    .px-90 {
        padding-left: 90px;
        padding-right: 90px;
    }
    
    .px-95 {
        padding-left: 95px;
        padding-right: 95px;
    }
    
    .px-100 {
        padding-left: 100px;
        padding-right: 100px;
    }
    
    .px-110 {
        padding-left: 110px;
        padding-right: 110px;
    }
    
    .px-120 {
        padding-left: 120px;
        padding-right: 120px;
    }
    
    .px-130 {
        padding-left: 130px;
        padding-right: 130px;
    }
    
    .px-140 {
        padding-left: 140px;
        padding-right: 140px;
    }
    
    .px-145 {
        padding-left: 145px;
        padding-right: 145px;
    }
    
    .px-150 {
        padding-left: 150px;
        padding-right: 150px;
    }
    
    .px-160 {
        padding-left: 160px;
        padding-right: 160px;
    }
    
    .px-170 {
        padding-left: 170px;
        padding-right: 170px;
    }
    
    .px-175 {
        padding-left: 175px;
        padding-right: 175px;
    }
    
    .px-200 {
        padding-left: 200px;
        padding-right: 200px;
    }
    
    .px-210 {
        padding-left: 210px;
        padding-right: 210px;
    }
    
    .px-215 {
        padding-left: 215px;
        padding-right: 215px;
    }
    
    .px-230 {
        padding-left: 230px;
        padding-right: 230px;
    }
    
    .px-250 {
        padding-left: 250px;
        padding-right: 250px;
    }
    /*top paddings*/
    
    .pt--300 {
        padding-top: -300px;
    }
    
    .pt--230 {
        padding-top: -230px;
    }
    
    .pt--100 {
        padding-top: -100px;
    }
    
    .pt--30 {
        padding-top: -30px;
    }
    
    .pt--25 {
        padding-top: -25px;
    }
    
    .pt--20 {
        padding-top: -20px;
    }
    
    .pt--15 {
        padding-top: -15px;
    }
    
    .pt--10 {
        padding-top: -10px;
    }
    
    .pt--5 {
        padding-top: -5px;
    }
    
    .pt-10 {
        padding-top: 10px;
    }
    
    .pt-15 {
        padding-top: 15px;
    }
    
    .pt-20 {
        padding-top: 20px;
    }
    
    .pt-25 {
        padding-top: 25px;
    }
    
    .pt-30 {
        padding-top: 30px;
    }
    
    .pt-35 {
        padding-top: 35px;
    }
    
    .pt-40 {
        padding-top: 40px;
    }
    
    .pt-45 {
        padding-top: 45px;
    }
    
    .pt-50 {
        padding-top: 50px;
    }
    
    .pt-55 {
        padding-top: 55px;
    }
    
    .pt-60 {
        padding-top: 60px;
    }
    
    .pt-65 {
        padding-top: 65px;
    }
    
    .pt-70 {
        padding-top: 70px;
    }
    
    .pt-75 {
        padding-top: 75px;
    }
    
    .pt-80 {
        padding-top: 80px;
    }
    
    .pt-85 {
        padding-top: 85px;
    }
    
    .pt-90 {
        padding-top: 90px;
    }
    
    .pt-95 {
        padding-top: 95px;
    }
    
    .pt-100 {
        padding-top: 100px;
    }
    
    .pt-110 {
        padding-top: 110px;
    }
    
    .pt-120 {
        padding-top: 120px;
    }
    
    .pt-130 {
        padding-top: 130px;
    }
    
    .pt-140 {
        padding-top: 140px;
    }
    
    .pt-145 {
        padding-top: 145px;
    }
    
    .pt-150 {
        padding-top: 150px;
    }
    
    .pt-160 {
        padding-top: 160px;
    }
    
    .pt-170 {
        padding-top: 170px;
    }
    
    .pt-175 {
        padding-top: 175px;
    }
    
    .pt-200 {
        padding-top: 200px;
    }
    
    .pt-210 {
        padding-top: 210px;
    }
    
    .pt-215 {
        padding-top: 215px;
    }
    
    .pt-230 {
        padding-top: 230px;
    }
    
    .pt-250 {
        padding-top: 250px;
    }
    /*bottom paddings*/
    
    .pb--300 {
        padding-bottom: -300px;
    }
    
    .pb--230 {
        padding-bottom: -230px;
    }
    
    .pb--100 {
        padding-bottom: -100px;
    }
    
    .pb--30 {
        padding-bottom: -30px;
    }
    
    .pb--25 {
        padding-bottom: -25px;
    }
    
    .pb--20 {
        padding-bottom: -20px;
    }
    
    .pb--15 {
        padding-bottom: -15px;
    }
    
    .pb--10 {
        padding-bottom: -10px;
    }
    
    .pb--5 {
        padding-bottom: -5px;
    }
    
    .pb-10 {
        padding-bottom: 10px;
    }
    
    .pb-15 {
        padding-bottom: 15px;
    }
    
    .pb-20 {
        padding-bottom: 20px;
    }
    
    .pb-25 {
        padding-bottom: 25px;
    }
    
    .pb-30 {
        padding-bottom: 30px;
    }
    
    .pb-35 {
        padding-bottom: 35px;
    }
    
    .pb-40 {
        padding-bottom: 40px;
    }
    
    .pb-45 {
        padding-bottom: 45px;
    }
    
    .pb-50 {
        padding-bottom: 50px;
    }
    
    .pb-55 {
        padding-bottom: 55px;
    }
    
    .pb-60 {
        padding-bottom: 60px;
    }
    
    .pb-65 {
        padding-bottom: 65px;
    }
    
    .pb-70 {
        padding-bottom: 70px;
    }
    
    .pb-75 {
        padding-bottom: 75px;
    }
    
    .pb-80 {
        padding-bottom: 80px;
    }
    
    .pb-85 {
        padding-bottom: 85px;
    }
    
    .pb-90 {
        padding-bottom: 90px;
    }
    
    .pb-95 {
        padding-bottom: 95px;
    }
    
    .pb-100 {
        padding-bottom: 100px;
    }
    
    .pb-110 {
        padding-bottom: 110px;
    }
    
    .pb-120 {
        padding-bottom: 120px;
    }
    
    .pb-130 {
        padding-bottom: 130px;
    }
    
    .pb-140 {
        padding-bottom: 140px;
    }
    
    .pb-145 {
        padding-bottom: 145px;
    }
    
    .pb-150 {
        padding-bottom: 150px;
    }
    
    .pb-160 {
        padding-bottom: 160px;
    }
    
    .pb-170 {
        padding-bottom: 170px;
    }
    
    .pb-175 {
        padding-bottom: 175px;
    }
    
    .pb-200 {
        padding-bottom: 200px;
    }
    
    .pb-210 {
        padding-bottom: 210px;
    }
    
    .pb-215 {
        padding-bottom: 215px;
    }
    
    .pb-230 {
        padding-bottom: 230px;
    }
    
    .pb-250 {
        padding-bottom: 250px;
    }
    /*top right bottom left paddings*/
    
    .p--300 {
        padding: -300px;
    }
    
    .p--230 {
        padding: -230px;
    }
    
    .p--100 {
        padding: -100px;
    }
    
    .p--30 {
        padding: -30px;
    }
    
    .p--25 {
        padding: -25px;
    }
    
    .p--20 {
        padding: -20px;
    }
    
    .p--15 {
        padding: -15px;
    }
    
    .p--10 {
        padding: -10px;
    }
    
    .p--5 {
        padding: -5px;
    }
    
    .p-10 {
        padding: 10px;
    }
    
    .p-15 {
        padding: 15px;
    }
    
    .p-20 {
        padding: 20px;
    }
    
    .p-25 {
        padding: 25px;
    }
    
    .p-30 {
        padding: 30px;
    }
    
    .p-35 {
        padding: 35px;
    }
    
    .p-40 {
        padding: 40px;
    }
    
    .p-45 {
        padding: 45px;
    }
    
    .p-50 {
        padding: 50px;
    }
    
    .p-55 {
        padding: 55px;
    }
    
    .p-60 {
        padding: 60px;
    }
    
    .p-65 {
        padding: 65px;
    }
    
    .p-70 {
        padding: 70px;
    }
    
    .p-75 {
        padding: 75px;
    }
    
    .p-80 {
        padding: 80px;
    }
    
    .p-85 {
        padding: 85px;
    }
    
    .p-90 {
        padding: 90px;
    }
    
    .p-95 {
        padding: 95px;
    }
    
    .p-100 {
        padding: 100px;
    }
    
    .p-110 {
        padding: 110px;
    }
    
    .p-120 {
        padding: 120px;
    }
    
    .p-130 {
        padding: 130px;
    }
    
    .p-140 {
        padding: 140px;
    }
    
    .p-145 {
        padding: 145px;
    }
    
    .p-150 {
        padding: 150px;
    }
    
    .p-160 {
        padding: 160px;
    }
    
    .p-170 {
        padding: 170px;
    }
    
    .p-175 {
        padding: 175px;
    }
    
    .p-200 {
        padding: 200px;
    }
    
    .p-210 {
        padding: 210px;
    }
    
    .p-215 {
        padding: 215px;
    }
    
    .p-230 {
        padding: 230px;
    }
    
    .p-250 {
        padding: 250px;
    }
    
    .h-1 {
        line-height: 1;
    }
    
    .hidden-below-xxl {
        display: none;
    }
    
    @media (min-width: 1440px) {
        .hidden-below-xxl {
            display: block;
        }
    }
    
    .z-6 {
        z-index: 6;
    }
    
    .z-7-before::before {
        z-index: 7;
    }
    
    @media (max-width: 768px) {
        .contact-title {
            font-size: 35px;
            margin-bottom: 15px;
        }
    }
    
    .transparent-bg {
        background: transparent;
    }
    
    .border-rad-5 {
        border-radius: 5px;
        overflow: hidden;
    }
    
    .font-main {
        font-family: "Vidaloka", serif;
    }
    
    .ds .big-title {
        color: #FFC000;
        font-family: "Vidaloka", serif;
        font-size: 120px;
        line-height: 120px;
        text-transform: capitalize;
    }
    
    @media (max-width: 768px) {
        .ds .big-title {
            font-size: 80px;
            line-height: 85px;
        }
    }
    
    .top_mask_add {
        position: relative;
    }
    
    .top_mask_add::before {
        background-color: #1a1a1a;
        bottom: 100%;
        content: "";
        left: 0;
        margin-bottom: -2px;
        -webkit-mask: url("../images/mask/mask-top-add-alt.png") top left no-repeat;
        -webkit-mask-size: cover !important;
        padding-bottom: 5.208%;
        position: absolute;
        right: 0;
        top: auto;
        z-index: 4;
    }
    
    .bottom_mask_add {
        position: relative;
    }
    
    .bottom_mask_add::before {
        background-color: #1a1a1a;
        content: "";
        left: 0;
        margin-top: -2px;
        -webkit-mask: url("../images/mask/mask-bottom-add-alt.png") top left no-repeat;
        -webkit-mask-size: cover !important;
        padding-bottom: 5.208%;
        position: absolute;
        right: 0;
        top: 99.5%;
        z-index: 4;
    }
    
    .top_mask_subtract {
        position: relative;
    }
    
    .top_mask_subtract::before {
        background-color: #1a1a1a;
        content: "";
        left: 0;
        margin-bottom: -2px;
        -webkit-mask: url("../images/mask/mask-bottom-add-alt.png") top left no-repeat;
        -webkit-mask-size: cover !important;
        padding-bottom: 5.208%;
        position: absolute;
        right: 0;
        top: -2px;
        z-index: 4;
    }
    
    .bottom_mask_subtract {
        position: relative;
    }
    
    .bottom_mask_subtract::after {
        background-color: #1a1a1a;
        bottom: 0;
        content: "";
        left: 0;
        margin-bottom: -2px;
        -webkit-mask: url("../images/mask/mask-top-add-alt.png") top left no-repeat;
        -webkit-mask-size: cover !important;
        padding-bottom: 5.208%;
        position: absolute;
        right: 0;
        z-index: 4;
    }
    
    .entry-content .quote {
        padding-left: 85px;
        padding-right: 85px;
        position: relative;
    }
    
    .entry-content .quote::before {
        color: #FFC000;
        content: "\f10d";
        font-family: "FontAwesome";
        font-size: 27px;
        font-style: initial;
        left: 0;
        position: absolute;
        top: 0;
    }
    
    .entry-content .quote::after {
        color: #FFC000;
        content: "\f10e";
        font-family: "FontAwesome";
        font-size: 27px;
        font-style: initial;
        position: absolute;
        right: 0;
        top: 0;
    }
    
    @media (max-width: 768px) {
        .entry-content .quote {
            padding-left: 0;
            padding-right: 0;
        }
        .entry-content .quote::before,
        .entry-content .quote::after {
            content: none !important;
        }
    }
    /*
** Shortcodes
*/
    
    .team .vertical-item.content-padding .item-content {
        padding: 40px 20px 41px;
    }
    
    .team .item-content {
        background-color: #000;
    }
    
    .team .item-content .tile {
        font-size: 30px;
        margin-bottom: 0;
    }
    
    .team .item-content p {
        font-family: "Vidaloka", serif;
        font-size: 12px;
        letter-spacing: 5px;
        margin-bottom: 21px;
        text-transform: uppercase;
    }
    
    .team .item-content p.social-icons {
        margin-bottom: 0;
    }
    
    .team .content-heading {
        font-size: 30px;
        margin-bottom: 17px;
        margin-top: 32px;
    }
    
    .team .entry-title {
        font-size: 40px;
        margin-bottom: 19px;
    }
    
    .team .feature-list {
        margin-top: 26px;
        padding-left: 0;
    }
    
    .team .feature-list li a {
        color: #FFC000;
    }
    
    .team .feature-list li a:hover {
        color: #fff;
    }
    /*
** Icon Box
*/
    
    .icon-styled {
        display: inline-block;
        text-align: center;
    }
    
    .icon-styled i {
        width: 1em;
    }
    
    .icon-styled[class*='bg-'],
    .icon-styled[class*='btn-'],
    .icon-styled.bordered,
    .icon-styled.icon-bordered {
        border-style: solid;
        border-width: 1px;
        box-sizing: content-box;
        height: 3em;
        width: 3em;
    }
    
    .text-center .icon-styled[class*='bg-'],
    .text-center .icon-styled[class*='btn-'],
    .text-center .icon-styled.bordered,
    .text-center .icon-styled.icon-bordered {
        margin-left: auto;
        margin-right: auto;
    }
    
    .icon-styled[class*='bg-'] i,
    .icon-styled[class*='btn-'] i,
    .icon-styled.bordered i,
    .icon-styled.icon-bordered i {
        line-height: 1.8em;
    }
    
    .icon-styled[class*='bg-']+p,
    .icon-styled[class*='btn-']+p,
    .icon-styled.bordered+p,
    .icon-styled.icon-bordered+p {
        margin-top: 12px;
    }
    
    .icon-styled.icon-bordered:not([class*="color-"]) {
        border-color: #e1e1e1;
    }
    
    .icon-styled[class*='bg-'] {
        border-color: transparent;
    }
    
    .icon-styled.icon-top {
        align-self: flex-start;
        line-height: inherit;
    }
    
    .media>.icon-styled:first-child {
        flex-shrink: 0;
    }
    
    .media>.icon-styled:last-child {
        flex-shrink: 0;
    }
    
    .icon-inline>.icon-styled:first-child {
        flex-shrink: 0;
        margin-right: 20px;
    }
    
    .icon-inline>.icon-styled:last-child {
        flex-shrink: 0;
        margin-left: 20px;
    }
    
    .icon-inline {
        align-items: center;
        display: flex;
    }
    
    .text-center .icon-inline {
        justify-content: center;
    }
    
    .icon-inline>* {
        margin-bottom: 0;
        margin-right: 4px;
        margin-top: 0;
    }
    
    .icon-box.ls,
    .icon-box.ds,
    .icon-box.cs,
    .icon-box.bordered,
    .icon-box.hero-bg,
    .icon-box.muted-bg,
    .icon-box.box-shadow {
        padding: 70px 30px;
    }
    
    .c-bordered .icon-box {
        padding: 70px 30px 30px;
    }
    
    .c-bordered .icon-box p:last-child {
        margin-bottom: 20px;
    }
    
    @media (min-width: 768px) {
        .icon-box.featured-box {
            height: calc(100% + 12px);
            margin: -6px -10px;
            padding-bottom: 36px;
            padding-top: 76px;
            position: relative;
            z-index: 2;
        }
    }
    
    .icon-box .icon-styled[class*='bg-'],
    .icon-box .icon-styled.icon-bordered {
        margin-bottom: 0.5em;
    }
    
    .icon-box .icon-styled+h2,
    .icon-box .icon-styled+h3,
    .icon-box .icon-styled+h4 {
        margin-top: 1.6em;
    }
    
    .icon-box .icon-styled+p.small-text {
        font-size: 20px;
        font-weight: 300;
        letter-spacing: 0.2em;
        margin: 0.74em 0;
    }
    
    .icon-box h2,
    .icon-box h3,
    .icon-box h4 {
        line-height: 1;
        margin-bottom: 1.6em;
    }
    
    .media .heading-accent,
    .icon-box .heading-accent {
        font-size: 30px;
        font-weight: 900;
        letter-spacing: inherit;
        line-height: 1;
        margin-bottom: 0.6em;
        text-transform: uppercase;
    }
    
    @media (min-width: 1200px) {
        .media .heading-accent,
        .icon-box .heading-accent {
            font-size: 38px;
        }
    }
    
    .media .icon-styled+.heading-accent,
    .icon-box .icon-styled+.heading-accent {
        margin-top: 0.6em;
    }
    
    .media .special-heading,
    .icon-box .special-heading {
        font-family: "Vidaloka", serif;
        margin: 0;
    }
    
    .media.ls,
    .media.ds,
    .media.cs,
    .media.bordered,
    .media.hero-bg,
    .media.muted-bg,
    .media.box-shadow {
        padding: 30px;
    }
    
    .media.ls [class*='bg-'],
    .media.ls .icon-bordered,
    .media.ds [class*='bg-'],
    .media.ds .icon-bordered,
    .media.cs [class*='bg-'],
    .media.cs .icon-bordered,
    .media.bordered [class*='bg-'],
    .media.bordered .icon-bordered,
    .media.hero-bg [class*='bg-'],
    .media.hero-bg .icon-bordered,
    .media.muted-bg [class*='bg-'],
    .media.muted-bg .icon-bordered,
    .media.box-shadow [class*='bg-'],
    .media.box-shadow .icon-bordered {
        margin-right: 10px;
    }
    
    .media.ls [class*='bg-']:last-child,
    .media.ls .icon-bordered:last-child,
    .media.ds [class*='bg-']:last-child,
    .media.ds .icon-bordered:last-child,
    .media.cs [class*='bg-']:last-child,
    .media.cs .icon-bordered:last-child,
    .media.bordered [class*='bg-']:last-child,
    .media.bordered .icon-bordered:last-child,
    .media.hero-bg [class*='bg-']:last-child,
    .media.hero-bg .icon-bordered:last-child,
    .media.muted-bg [class*='bg-']:last-child,
    .media.muted-bg .icon-bordered:last-child,
    .media.box-shadow [class*='bg-']:last-child,
    .media.box-shadow .icon-bordered:last-child {
        margin-left: 30px;
        margin-right: 0;
    }
    
    .media .media-body>p:first-child {
        margin-top: -0.2em;
    }
    
    .side-icon-box {
        margin: 15px 0 32px;
    }
    
    .side-icon-box h4 {
        letter-spacing: 0.17em;
        margin-bottom: 15px;
        margin-top: 0;
        text-transform: uppercase;
    }
    
    @media (min-width: 1200px) {
        .side-icon-box .icon-styled+.media-body {
            margin-left: 50px;
        }
        .side-icon-box {
            margin-bottom: 50px;
        }
    }
    /*
** Special Heading
*/
    
    .special-heading {
        font-size: 38px;
        line-height: 1;
        word-wrap: break-word;
    }
    
    .special-heading.text-lowercase {
        font-size: 62px;
        font-weight: 300;
        line-height: 1.1;
        margin-bottom: 0;
    }
    
    .special-heading.big,
    .special-heading.text-uppercase {
        font-size: 64px;
        line-height: 0.8;
    }
    
    .special-heading.big {
        margin-bottom: 0.65em;
        margin-top: 0.65em;
    }
    
    @media (max-width: 1600px) {
        .special-heading.big,
        .special-heading.text-lowercase,
        .special-heading.text-uppercase {
            font-size: 42px;
            line-height: 1;
        }
    }
    
    .special-heading+h3 {
        margin-top: -0.5em;
    }
    
    .special-heading+p {
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.1em;
        line-height: 1.6em;
        text-transform: uppercase;
    }
    
    @media (min-width: 1200px) {
        .special-heading+p.extra-letter-spacing {
            letter-spacing: 2em;
        }
    }
    
    .special-heading.text-center+p {
        text-align: center;
    }
    
    h3.small .special-heading {
        font-size: 38px;
        line-height: 1;
    }
    
    h3.small {
        font-size: 20px;
        margin-bottom: 36px;
    }
    /*
** Number Card
*/
    
    .number-card {
        display: flex;
        margin: 30px 0;
        overflow: hidden;
        position: relative;
    }
    
    .number-card .card-number span {
        display: block;
        font-family: "Vidaloka", sans-serif;
        font-size: 60px;
        font-weight: 700;
        letter-spacing: -0.03em;
        line-height: 1;
        margin-left: -0.32em;
        margin-top: -0.14em;
        position: relative;
    }
    
    .number-card .card-number span:after {
        bottom: -0.09em;
        content: "•";
        font-size: 0.62em;
        position: absolute;
        right: -0.4em;
    }
    
    @media (min-width: 992px) {
        .number-card .card-number span {
            font-size: 100px;
        }
    }
    
    @media (min-width: 1200px) {
        .number-card .card-number span {
            font-size: 238px;
        }
    }
    
    .number-card .card-content {
        padding: 36px 36px 46px;
    }
    
    @media (min-width: 992px) {
        .number-card .card-content {
            padding: 56px 60px 66px 100px;
        }
    }
    
    .number-card .card-content h4 {
        line-height: 1;
        margin: 0;
    }
    
    .number-card .card-content h3 {
        font-weight: 900;
        line-height: 1;
        margin: 6px 0 25px;
    }
    
    @media (min-width: 500px) {
        .number-card .card-content h3 {
            font-size: 38px;
        }
    }
    
    @media (max-width: 499px) {
        .number-card .card-number {
            position: absolute;
        }
        .number-card .card-number span {
            font-size: 36px;
        }
        .number-card h3,
        .number-card h4 {
            display: inline-block;
        }
    }
    
    .pricing-plan {
        background-color: #000;
        border-radius: 5px;
        margin-bottom: 25px;
        margin-top: 25px;
        overflow: hidden;
        padding: 40px 40px 55px;
        text-align: center;
    }
    
    .pricing-plan .price-wrap {
        align-items: flex-end;
        display: flex;
        font-family: "Vidaloka", serif;
        font-size: 50px;
        justify-content: center;
        line-height: 0.7;
        margin: 66px 0 23px;
    }
    
    .pricing-plan .price-wrap[class*='bg-'] {
        margin-bottom: 0;
        margin-top: 50px;
        padding: 30px 30px 10px;
    }
    
    .pricing-plan .price-wrap .plan-price {
        font-size: 50px;
    }
    
    .pricing-plan [class*='bg-'] {
        margin-left: -41px;
        margin-right: -41px;
        padding: 10px 30px 30px;
    }
    
    .pricing-plan .plan-name[class*='bg-'] {
        margin-top: -40px;
        padding-top: 30px;
    }
    
    .pricing-plan .plan-name h3 {
        font-size: 30px;
        line-height: 40px;
    }
    
    .pricing-plan .plan-description {
        font-family: "Vidaloka", serif;
        font-size: 12px;
        letter-spacing: 4px;
        line-height: 1;
        text-transform: uppercase;
    }
    
    .pricing-plan .plan-decimals {
        font-size: 32px;
    }
    
    @media (min-width: 1200px) {
        .pricing-plan {
            padding: 57px 60px 55px;
        }
        .pricing-plan [class*='bg-'] {
            margin-left: -61px;
            margin-right: -61px;
        }
        .pricing-plan .plan-name[class*='bg-'] {
            margin-top: -57px;
        }
    }
    
    .pricing-plan .plan-features {
        margin: 58px 0 60px;
    }
    
    .pricing-plan .plan-button .btn.btn-maincolor {
        min-width: 200px;
    }
    
    .pricing-plan.plan-featured {
        -webkit-transform: translateY(-35px);
        transform: translateY(-35px);
    }
    
    .pricing-plan.plan-featured .plan-button {
        top: 48px;
    }
    
    @media (max-width: 992px) {
        .pricing-plan.plan-featured {
            -webkit-transform: none;
            transform: none;
        }
    }
    
    .quote-item {
        border: none;
        padding: 20px 0;
        text-align: center;
    }
    
    @media (min-width: 768px) {
        .quote-item {
            margin-left: auto;
            margin-right: auto;
            max-width: 70%;
        }
    }
    
    .quote-image {
        display: inline-block;
        position: relative;
    }
    
    .quote-image:after {
        background-color: #fff;
        border-radius: 50%;
        bottom: 0;
        color: #FFC000;
        content: "\f10d";
        font-family: "FontAwesome";
        height: 60px;
        line-height: 60px;
        position: absolute;
        right: 10px;
        text-align: center;
        width: 60px;
    }
    
    .quote-image img {
        background: #fff;
        border-radius: 50%;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
        padding: 9px;
    }
    
    .quote-image+p {
        margin: 30px 0 20px;
    }
    /*
** Items Masonry
*/
    
    .items-tile .item-content {
        padding-bottom: 100px;
    }
    
    .items-tile .item-content h3 {
        margin-bottom: 0.3em;
        text-transform: none;
    }
    
    @media (min-width: 992px) {
        .items-tile .item-content h3 a {
            display: inline-block;
            max-height: 3.05em;
            overflow: hidden;
            padding-bottom: 0.1em;
        }
        .items-tile .item-content h3+p {
            max-height: 5.5em;
            overflow: hidden;
        }
    }
    
    .items-tile .item-icons {
        border-bottom: 10px solid rgba(0, 0, 0, 0.1);
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        bottom: 0;
        height: 70px;
        left: 0;
        line-height: 60px;
        padding: 0 40px;
        position: absolute;
        right: 0;
    }
    
    .items-tile .item-icons span {
        padding: 0 15px;
    }
    
    @media (min-width: 992px) and (max-width: 1199px) {
        .items-tile .col-lg-4 [class*='col-']:first-child .item-media {
            margin-bottom: 32px;
        }
        .items-tile .col-lg-4 [class*='col-']:last-child .item-content {
            min-height: 320px;
        }
    }
    
    @media (min-width: 1200px) {
        .items-tile .item-content {
            padding: 60px 60px 100px;
        }
        .items-tile .item-content h3 {
            font-size: 38px;
        }
        .items-tile .col-lg-4 [class*='col-']:first-child .item-media {
            margin-bottom: 16px;
        }
        .items-tile .col-lg-4 [class*='col-']:last-child .item-content {
            min-height: 388px;
        }
    }
    /*
filters
*/
    
    .filters {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .filters.gallery-filters {
        padding-bottom: 30px;
    }
    
    @media (max-width: 767px) {
        .filters.gallery-filters {
            padding-bottom: 15px;
        }
    }
    
    .filters.filters-active-tob-border {
        padding-top: 0;
    }
    
    .filters.filters-active-tob-border a {
        position: relative;
    }
    
    .filters.filters-active-tob-border a.active:after {
        background: #FFC000;
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1;
    }
    
    .filters a {
        font-family: "Vidaloka", serif;
        font-size: 12px;
        letter-spacing: 4px;
        line-height: 14px;
        padding: 0 20px 20px;
        position: relative;
        text-transform: uppercase;
        z-index: 1;
    }
    
    .filters a::before {
        background: none;
        content: "";
        height: 52px;
        left: 50%;
        position: absolute;
        top: 20%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        width: 56px;
    }
    
    .filters .active::before {
        background: url("../images/blot.png") no-repeat center/contain;
        z-index: -1;
    }
    
    @media (min-width: 992px) {
        .isotope-wrapper+.row {
            margin-top: 60px;
        }
        .isotope-wrapper.c-mb-30+.row {
            margin-top: 30px;
        }
        .isotope-wrapper.c-mb-10+.row {
            margin-top: 50px;
        }
        .isotope-wrapper.c-mb-1+.row {
            margin-top: 59px;
        }
    }
    /* Gallery */
    
    .gallery-single .title {
        font-size: 30px;
    }
    
    @media (max-width: 768px) {
        .gallery-single .item-content {
            text-align: center;
        }
    }
    
    .gallery-single .model {
        background: #000;
    }
    /* Model single page */
    
    .single-model .model {
        background: #000;
        padding-bottom: 60px;
    }
    
    .single-model .model-slider-thumbs {
        padding: 53px 52px 9px 52px;
    }
    
    .single-model .model-slider-thumbs li {
        text-align: center;
    }
    
    @media (max-width: 767px) {
        .single-model .model-slider-thumbs,
        .single-model .custom-navigation {
            display: none;
        }
    }
    
    .single-model .item-gallery .item-content {
        border-radius: 0;
        padding: 32px 38px;
    }
    
    @media (max-width: 992px) {
        .single-model .item-gallery .item-content {
            padding: 32px 20px;
        }
    }
    
    .single-model .item-gallery .item-content .model-data {
        justify-content: space-between;
        text-align: center;
    }
    
    .single-model .item-gallery .item-content .model-data li {
        width: 20%;
    }
    
    @media (max-width: 648px) {
        .single-model .item-gallery .item-content .model-data {
            justify-content: center;
        }
        .single-model .item-gallery .item-content .model-data li {
            width: 25%;
        }
    }
    
    .single-model .feature-list {
        padding-left: 60px;
        padding-right: 60px;
    }
    
    .single-model .feature-list li {
        border-color: #1a1a1a;
    }
    
    .single-model .feature-list li a {
        color: #FFC000;
    }
    
    .single-model .feature-list li a:hover {
        color: #fff;
    }
    
    @media (max-width: 992px) {
        .single-model .feature-list {
            padding-left: 30px;
            padding-right: 30px;
            padding-top: 30px;
        }
    }
    
    @media (max-width: 992px) {
        .single-model .social-icons {
            margin-bottom: 0;
        }
    }
    
    @media (max-width: 575px) {
        .single-model h4 {
            font-size: 30px;
        }
    }
    /* Casting */
    
    .casting .item-content {
        border-bottom: 1px solid #313131;
        border-top: 1px solid #313131;
        padding-top: 60px;
        position: relative;
    }
    
    .casting .item-media {
        flex-shrink: 0;
        height: 300px;
        max-height: 300px;
    }
    
    .casting .item-media img {
        border-radius: 0;
        max-height: 100%;
        max-width: 100%;
        width: auto;
    }
    
    .casting .title {
        font-size: 30px;
        margin-bottom: 0;
    }
    
    .casting .subtitle {
        color: #FFC000;
        font-size: 12px;
        letter-spacing: 4px;
        margin-bottom: 13px;
        text-transform: uppercase;
    }
    
    .casting .social-icons {
        display: block;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 60px;
    }
    
    .casting .social-icons a+a {
        margin-left: 0;
        margin-top: 5px;
    }
    
    .casting .item-left .item-content {
        margin-left: 60px;
        padding-left: 0;
        padding-right: 90px;
    }
    
    .casting .item-left .social-icons {
        right: 0;
    }
    
    .casting .item-right {
        flex-direction: row-reverse;
        text-align: right;
    }
    
    .casting .item-right .item-content {
        margin-right: 60px;
        padding-left: 90px;
        padding-right: 0;
    }
    
    .casting .item-right .social-icons {
        left: 0;
    }
    
    .casting .form-group {
        margin-bottom: 20px;
    }
    
    .casting form .checkboxs .form-group {
        margin-bottom: 0;
    }
    
    .casting form .checkboxs .form-group+.form-group {
        margin-top: 5px !important;
    }
    
    @media (max-width: 992px) {
        .casting .item-left,
        .casting .item-right {
            flex-direction: column;
        }
        .casting .item-left .item-media,
        .casting .item-right .item-media {
            height: auto;
            max-height: none;
        }
        .casting .item-left .item-content,
        .casting .item-right .item-content {
            border: none;
            margin: 0;
            padding-bottom: 15px;
            padding-top: 35px;
        }
    }
    
    @media (max-width: 768px) {
        .casting .item-left .item-content,
        .casting .item-right .item-content {
            padding-left: 0;
            padding-right: 0;
            text-align: left;
        }
        .casting .item-left .social-icons,
        .casting .item-right .social-icons {
            display: block;
            justify-content: center;
            margin-bottom: 0;
            position: inherit;
            -webkit-transform: none;
            transform: none;
            width: auto;
        }
    }
    
    @media (max-width: 480px) {
        .casting .item-left .item-media,
        .casting .item-right .item-media {
            min-height: 275px;
        }
        .casting .item-left .item-content,
        .casting .item-right .item-content {
            padding-top: 20px;
        }
    }
    
    .service a:hover {
        color: #FFC000;
    }
    
    .service .vertical-item .item-media img {
        border-radius: 5px 5px 0 0;
    }
    
    .service .vertical-item .item-content {
        background-color: #000;
        border-radius: 0 0 8px 8px;
        padding: 40px 15px 45px 15px;
    }
    
    @media (max-width: 575px) {
        .service .vertical-item h4 {
            font-size: 30px;
        }
    }
    
    @media (max-width: 575px) {
        .service-single h3 {
            font-size: 35px;
        }
        .service-single h4 {
            font-size: 30px;
        }
    }
    
    .banner {
        border-radius: 5px;
        display: inherit;
        overflow: hidden;
        padding: 20px;
        position: relative;
    }
    
    .banner .cover-image {
        background-position: 50% 100%;
        bottom: 0;
        display: block;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2;
    }
    
    .banner__img img {
        display: none;
    }
    
    .banner__content {
        border: 2px solid rgba(255, 255, 255, 0.15);
        padding: 75px 20px 60px 20px;
        position: relative;
        text-align: center;
        z-index: 3;
    }
    
    @media (max-width: 768px) {
        .banner__content {
            padding: 50px 20px 30px 20px;
        }
    }
    
    .banner__title {
        font-size: 40px;
        margin-bottom: 0;
        text-transform: uppercase;
    }
    
    @media (max-width: 478px) {
        .banner__title {
            font-size: 30px;
        }
    }
    
    .banner__text {
        color: #FFC000;
        display: inline-block;
        font-family: Vidaloka;
        font-size: 12px;
        letter-spacing: 4px;
        min-width: 8em;
        padding: 0.25em 0.8em 0.05em;
        text-align: center;
        text-transform: uppercase;
    }
    
    .contact-form textarea {
        min-height: 180px;
    }
    
    .excerpt {
        color: #1a1a1a;
        font-size: 20px;
    }
    /*
** Widgets
*/
    
    aside h2 {
        line-height: 1;
        margin-bottom: 0;
    }
    /* aside>*+* {
        margin-top: 60px;
    } */
    
    .widget {
        position: relative;
    }
    
    .widget>h3,
    .widget .widget-title {
        font-size: 30px;
        line-height: 1;
        margin-bottom: 27px;
    }
    
    .widget>h2:last-child {
        line-height: 1;
    }
    
    .widget li.media {
        margin-bottom: 20px;
    }
    
    .widget li.media img {
        max-width: 80px;
    }
    
    .widget li.media h3,
    .widget li.media h4 {
        font-size: inherit;
        font-weight: 700;
        line-height: 1.4;
        margin-bottom: 0.5em;
        text-transform: none;
    }
    
    .widget li.media p {
        line-height: 1.4;
        margin-bottom: 0.5em;
    }
    
    .page_footer .widget {
        margin-bottom: 50px;
    }
    
    .page_footer .widget>h3,
    .page_footer .widget .widget-title {
        margin-bottom: 2.2em;
    }
    
    .page_footer .widget.widget_social_buttons {
        margin-bottom: 8px;
    }
    
    .page_footer .widget.logo {
        margin-bottom: 40px;
    }
    
    .widget-title.next-image-background {
        position: relative;
        z-index: 2;
    }
    
    .widget-title.next-image-background+img {
        left: 0;
        opacity: 0.5;
        position: absolute;
        top: -15px;
    }
    
    .text-center .widget-title.next-image-background+img {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    
    @media (max-width: 991px) {
        aside {
            margin: 60px auto;
            max-width: 405px;
        }
    }
    /* affix-aside */
    
    .affix-aside {
        position: relative;
    }
    
    .affix-aside.affix {
        position: fixed;
        top: 100px;
    }
    
    .affix-aside.affix-bottom {
        position: absolute !important;
    }
    
    .affix-aside.affix-top {
        left: auto !important;
        width: inherit !important;
    }
    
    @media (max-width: 991px) {
        .affix-aside,
        .affix-aside.affix-top,
        .affix-aside.affix,
        .affix-aside.affix-bottom {
            position: static !important;
            width: 100% !important;
        }
    }
    
    .stars>span {
        display: flex;
    }
    
    .stars a {
        color: transparent;
        position: relative;
        text-indent: -999em;
        width: 1em;
    }
    
    .stars a:before {
        font-family: "FontAwesome";
        height: 1em;
        left: 0;
        line-height: 1;
        position: absolute;
        text-indent: 0;
        top: 0;
        width: 1em;
    }
    
    .stars a:before,
    .stars a:hover~a:before {
        color: #989898;
        content: "\f006";
    }
    
    .stars.selected a.active:before,
    .stars:hover a:before {
        color: #FFC000;
        content: "\f005";
        opacity: 1;
    }
    
    .stars.selected a.active~a:before {
        color: #989898;
        content: "\f005";
        opacity: .75;
    }
    
    .stars.selected a:not(.active):before {
        color: #FFC000;
        content: "\f005";
        opacity: 1;
    }
    
    .star-rating {
        color: #FFC000;
        font-family: "FontAwesome";
        font-size: 1em;
        height: 1em;
        letter-spacing: 0.1em;
        line-height: 1;
        overflow: hidden;
        position: relative;
        width: 5em;
    }
    
    .star-rating:before {
        content: "\f006\f006\f006\f006\f006";
        float: left;
        left: 0;
        position: absolute;
        top: 0;
    }
    
    .star-rating span {
        float: left;
        left: 0;
        overflow: hidden;
        padding-top: 1.5em;
        position: absolute;
        top: 0;
    }
    
    .star-rating span:before {
        content: "\f005\f005\f005\f005\f005";
        left: 0;
        position: absolute;
        top: 0;
    }
    
    .widget_twitter .widget-title {
        margin-bottom: 13px;
    }
    
    .widget_twitter .twitter-item .fa {
        color: #55acee;
        font-size: 20px;
    }
    
    .widget_twitter .twitter-item .media *+.media-body {
        margin-left: 7px;
    }
    
    .widget_twitter .twitter-item .media .icon-styled {
        margin-top: 0;
    }
    
    .widget_twitter .twitter-item .media .media-body>p {
        margin: 0;
    }
    
    .widget_twitter .twitter-item .media .media-body>p+a {
        display: inline-block;
        margin-top: 16px;
    }
    
    .widget_twitter .twitter-item .media .media-body a {
        color: #FFC000;
    }
    
    .widget_twitter .twitter-item .media .media-body a:hover {
        color: #fff !important;
    }
    
    .widget_twitter .twitter-item .media+.media {
        margin-top: 20px;
    }
    /*
widget_search,
widget_mailchimp
widget_product_search
*/
    
    .widget_search form,
    .widget_product_search form,
    .widget_mailchimp form {
        margin: auto;
        max-width: 370px;
        position: relative;
    }
    
    .widget_search label,
    .widget_product_search label,
    .widget_mailchimp label {
        display: inline;
        margin: 0;
        padding: 0;
    }
    
    .widget_search input,
    .widget_product_search input,
    .widget_mailchimp input {
        max-width: 370px;
        width: 100%;
    }
    
    .width-auto .widget_search form,
    .width-auto .widget_search input,
    .width-auto .widget_product_search form,
    .width-auto .widget_product_search input,
    .width-auto .widget_mailchimp form,
    .width-auto .widget_mailchimp input {
        max-width: none;
    }
    
    .widget_search button,
    .widget_mailchimp button,
    .widget_product_search form input[type="submit"],
    .widget_product_search form:before {
        background-color: transparent;
        border: none;
        opacity: 1;
        padding-left: 10px;
        padding-right: 10px;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        width: 60px;
    }
    
    .widget_search button,
    .widget_mailchimp button,
    .widget_product_search form input[type="submit"] {
        align-items: center;
        background-color: #FFC000;
        border-radius: 0 5px 5px 0;
        display: flex;
        height: 100%;
        justify-content: center;
    }
    
    .widget_search button:hover,
    .widget_mailchimp button:hover,
    .widget_product_search form input[type="submit"]:hover {
        opacity: 0.5;
    }
    
    .widget_search button:before,
    .widget_mailchimp button:before,
    .widget_product_search form:before {
        color: #fff;
        content: "\f002";
        font-family: "FontAwesome";
        font-size: 14px;
        margin-left: 5px;
    }
    
    .widget_mailchimp form button:before {
        content: "\f003";
    }
    
    .widget_mailchimp.pencil form button:before {
        content: "\f040";
    }
    
    .widget_product_search form:before {
        line-height: 60px;
    }
    
    .widget_product_search input[type="submit"] {
        color: transparent;
        font-size: 0;
    }
    /*
widget_archive
widget_categories
widget_nav_menu
widget_meta
widget_pages
widget_recent_comments
widget_recent_entries
*/
    
    .widget_archive ul,
    .widget_categories ul,
    .widget_nav_menu ul,
    .widget_meta ul,
    .widget_pages ul,
    .widget_recent_comments ul,
    .widget_recent_entries ul {
        list-style: none;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    
    .widget_archive ul ul li,
    .widget_categories ul ul li,
    .widget_nav_menu ul ul li,
    .widget_meta ul ul li,
    .widget_pages ul ul li,
    .widget_recent_comments ul ul li,
    .widget_recent_entries ul ul li {
        padding-left: 20px;
    }
    
    .widget_archive ul ul li:last-child,
    .widget_categories ul ul li:last-child,
    .widget_nav_menu ul ul li:last-child,
    .widget_meta ul ul li:last-child,
    .widget_pages ul ul li:last-child,
    .widget_recent_comments ul ul li:last-child,
    .widget_recent_entries ul ul li:last-child {
        border-bottom: none !important;
        padding-bottom: 0;
    }
    
    .widget_archive li,
    .widget_categories li,
    .widget_nav_menu li,
    .widget_meta li,
    .widget_pages li,
    .widget_recent_comments li,
    .widget_recent_entries li {
        border-bottom: 1px solid #e1e1e1;
        border-top: 1px solid #e1e1e1;
    }
    
    .widget_archive li+li,
    .widget_categories li+li,
    .widget_nav_menu li+li,
    .widget_meta li+li,
    .widget_pages li+li,
    .widget_recent_comments li+li,
    .widget_recent_entries li+li {
        border-top: none;
    }
    
    .widget_archive a:empty,
    .widget_archive li>a:not([href]),
    .widget_categories a:empty,
    .widget_categories li>a:not([href]),
    .widget_nav_menu a:empty,
    .widget_nav_menu li>a:not([href]),
    .widget_meta a:empty,
    .widget_meta li>a:not([href]),
    .widget_pages a:empty,
    .widget_pages li>a:not([href]),
    .widget_recent_comments a:empty,
    .widget_recent_comments li>a:not([href]),
    .widget_recent_entries a:empty,
    .widget_recent_entries li>a:not([href]) {
        display: none !important;
    }
    
    .ds .widget_archive li,
    .ds .widget_categories li,
    .ds .widget_nav_menu li,
    .ds .widget_meta li,
    .ds .widget_pages li {
        align-items: center;
        border-top: 1px solid #313131;
        display: flex;
        flex-wrap: wrap;
    }
    
    .ds .widget_archive li:last-child,
    .ds .widget_categories li:last-child,
    .ds .widget_nav_menu li:last-child,
    .ds .widget_meta li:last-child,
    .ds .widget_pages li:last-child {
        border-bottom: 1px solid #313131;
    }
    
    .ds .widget_archive li a,
    .ds .widget_categories li a,
    .ds .widget_nav_menu li a,
    .ds .widget_meta li a,
    .ds .widget_pages li a {
        color: #9a9a9a;
        display: inline-block;
        flex-grow: 10;
        font-size: 20px;
        font-weight: 200;
        padding-bottom: 13px;
        padding-top: 14px;
    }
    
    .ds .widget_archive li a:hover,
    .ds .widget_categories li a:hover,
    .ds .widget_nav_menu li a:hover,
    .ds .widget_meta li a:hover,
    .ds .widget_pages li a:hover {
        color: #FFC000;
    }
    
    .ds .widget_archive li>a:before,
    .ds .widget_categories li>a:before,
    .ds .widget_nav_menu li>a:before,
    .ds .widget_meta li>a:before,
    .ds .widget_pages li>a:before {
        color: #FFC000;
        content: "\f054";
        font-family: "FontAwesome";
        font-size: 10px;
        padding-right: 10px;
        position: relative;
        top: -2px;
    }
    
    .ds .widget_archive li span,
    .ds .widget_categories li span,
    .ds .widget_nav_menu li span,
    .ds .widget_meta li span,
    .ds .widget_pages li span {
        color: #fff;
        font-size: 16px;
    }
    
    .ds .widget_archive li span::before,
    .ds .widget_archive li span::after,
    .ds .widget_categories li span::before,
    .ds .widget_categories li span::after,
    .ds .widget_nav_menu li span::before,
    .ds .widget_nav_menu li span::after,
    .ds .widget_meta li span::before,
    .ds .widget_meta li span::after,
    .ds .widget_pages li span::before,
    .ds .widget_pages li span::after {
        content: "/";
        padding: 0 3px;
    }
    
    .ds .widget_recent_comments li,
    .ds .widget_recent_entries li {
        border-top: 2px solid #313131;
    }
    
    .ds .widget_recent_comments li:last-child,
    .ds .widget_recent_entries li:last-child {
        border-bottom: 2px solid #313131;
    }
    
    .ds .widget_recent_comments li::before,
    .ds .widget_recent_entries li::before {
        color: #FFC000;
        content: "\f054";
        font-family: "FontAwesome";
        font-size: 10px;
        padding-right: 10px;
        position: relative;
        top: -2px;
    }
    
    .ds .widget_recent_comments a,
    .ds .widget_recent_entries a {
        color: #9a9a9a;
    }
    
    .ds .widget_recent_comments a:hover,
    .ds .widget_recent_entries a:hover {
        color: #FFC000;
    }
    
    .widget_recent_comments li,
    .widget_recent_entries li {
        border-top: 2px solid #313131;
        font-size: 20px;
        padding-bottom: 15px;
        padding-top: 15px;
    }
    
    .widget_recent_comments li:last-child,
    .widget_recent_entries li:last-child {
        border-bottom: 2px solid #313131;
    }
    
    .page_copyright .widget_nav_menu li,
    .page_topline .widget_nav_menu li {
        border: none;
        display: inline-block;
        padding-bottom: 0;
        padding-right: 5px;
        padding-top: 0;
        position: relative;
    }
    
    .page_copyright .widget_nav_menu li:before,
    .page_topline .widget_nav_menu li:before {
        background-color: rgba(0, 0, 0, 0.1);
        bottom: 5px;
        content: "";
        display: block;
        left: -5px;
        opacity: 0.3;
        padding: 0;
        position: absolute;
        top: 5px;
        width: 1px;
    }
    
    .page_copyright .widget_nav_menu li:first-child:before,
    .page_topline .widget_nav_menu li:first-child:before {
        display: none;
    }
    
    .page_copyright .widget_nav_menu a,
    .page_topline .widget_nav_menu a {
        padding: 0 10px;
    }
    
    .page_copyright .widget_nav_menu a:before,
    .page_topline .widget_nav_menu a:before {
        display: none;
    }
    
    .widget_categories select,
    .widget_archive select {
        font-family: "Vidaloka", serif;
        max-width: 370px;
        width: 100%;
    }
    
    .widget_popular_entries ul,
    .widget_recent_posts ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    
    .widget_popular_entries ul li.media,
    .widget_recent_posts ul li.media {
        background-color: #000;
        border-radius: 5px;
        height: 100px;
        margin-bottom: 20px;
        min-height: 100px;
        overflow: hidden;
        padding-left: 120px;
        position: relative;
    }
    
    .widget_popular_entries ul li.media:last-child,
    .widget_recent_posts ul li.media:last-child {
        margin-bottom: 0;
    }
    
    .widget_popular_entries ul li.media .star-rating,
    .widget_recent_posts ul li.media .star-rating {
        font-size: 14px;
    }
    
    .widget_popular_entries ul li.media .media-body,
    .widget_recent_posts ul li.media .media-body {
        margin-left: 0;
        padding-right: 10px;
        padding-top: 10px;
    }
    
    .widget_popular_entries ul li.media h4,
    .widget_recent_posts ul li.media h4 {
        font-family: "Vidaloka", serif;
        font-size: 18px;
        max-height: 50px;
        overflow: hidden;
    }
    
    .widget_popular_entries ul li.media a>img,
    .widget_recent_posts ul li.media a>img {
        height: 100%;
        left: 0;
        max-width: 100px;
        position: absolute;
        top: 0;
    }
    
    .widget_recent_posts ul li.media .media-body {
        padding-top: 18px;
    }
    
    .widget_recent_posts ul .item-meta {
        color: #FFC000;
        font-family: "Vidaloka", serif;
        font-size: 12px;
        letter-spacing: 4px;
    }
    
    .widget_recent_posts ul h4 {
        max-height: 50px;
        overflow: hidden;
    }
    
    @media (max-width: 480px) {
        .widget_recent_posts ul li.media .media-body {
            padding-top: 10px;
        }
    }
    
    .widget_posts_2cols ul h5 {
        background-color: #000;
        font-size: 16px;
        margin-top: 0;
        padding: 10px 5px;
        text-align: center;
    }
    
    .widget_posts_2cols ul h5 a:hover {
        color: #FFC000;
    }
    
    .widget_slider .vertical-item {
        border-radius: 5px;
        overflow: hidden;
    }
    
    .widget_slider .vertical-item .item-media+.item-content {
        background-color: #000;
        padding: 35px 40px !important;
    }
    
    .widget_slider .item-meta {
        color: #FFC000;
        font-family: "Vidaloka", serif;
        font-size: 12px;
        letter-spacing: 4px;
        margin-bottom: 6px;
    }
    
    .widget_slider h4 {
        font-size: 18px;
        line-height: 20px;
        margin-top: 0;
    }
    
    .widget_slider h4 a:hover {
        color: #FFC000;
    }
    
    .widget_post_tabs .tab-pane .item-media+.item-content {
        padding-top: 20px;
    }
    
    .widget_post_tabs .nav-item {
        min-width: 32.8%;
    }
    
    .widget_post_tabs .nav-item .nav-link {
        min-width: unset;
        padding: 16px 15px;
    }
    
    .widget_slider .item-meta,
    .tab-pane .item-meta {
        color: #FFC000;
        font-size: 12px;
        letter-spacing: 4px;
        margin-bottom: 2px;
        padding: 0 !important;
        text-transform: uppercase;
    }
    
    .widget_slider h4,
    .tab-pane h4 {
        font-size: 20px;
        line-height: 20px;
        margin-top: 6px;
    }
    
    .widget_instagram .photo {
        margin: 0 5px 10px 5px;
    }
    
    .widget_instagram .photo img {
        border-radius: 5px;
        max-width: 105px;
    }
    /* widget_calendar */
    
    .calendar_wrap {
        border-radius: 5px;
        margin-bottom: 0;
        overflow: hidden;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        width: 100%;
    }
    
    @media (min-width: 768px) and (max-width: 992px) {
        .calendar_wrap {
            overflow-x: auto;
            overflow-y: hidden;
        }
    }
    
    .widget_calendar table {
        display: flex;
        flex-direction: column;
        margin: 0;
        max-width: 370px;
        position: relative;
        text-align: center;
    }
    
    .widget_calendar caption {
        background-color: #FFC000;
        color: #fff;
        font-family: "Vidaloka", serif;
        line-height: 1;
        padding: 21px 0 21px;
        text-align: center;
    }
    
    .widget_calendar thead {
        color: #fff;
    }
    
    .widget_calendar thead th {
        background-color: #141516;
        font-size: 12px;
        letter-spacing: 4px;
        padding: 22px 0;
        text-align: center;
        text-transform: uppercase;
        width: 100px;
    }
    
    .widget_calendar thead th:first-child {
        padding-left: 26px;
    }
    
    .widget_calendar thead th:last-child {
        padding-right: 26px;
    }
    
    .widget_calendar tbody {
        background-color: #fff;
        border-top: none;
        color: #000;
    }
    
    .widget_calendar tbody tr:first-child td {
        padding-top: 31px;
    }
    
    .widget_calendar tbody tr:last-child td {
        padding-bottom: 30px;
    }
    
    .widget_calendar tbody td {
        padding: 8px 4px;
        position: relative;
        width: 100px;
    }
    
    .widget_calendar tbody td:first-child {
        padding-left: 26px;
    }
    
    .widget_calendar tbody td:last-child {
        padding-right: 26px;
    }
    
    .widget_calendar tbody td.pad {
        color: #9a9a9a;
        opacity: 0.5;
    }
    
    .widget_calendar tbody td a:hover {
        color: #f28bbc !important;
        opacity: 0.5;
    }
    
    .widget_calendar th {
        color: inherit;
    }
    
    .widget_calendar tfoot td {
        position: absolute;
        top: 0;
    }
    
    .widget_calendar tfoot td a {
        color: transparent;
        display: inline-block;
        font-size: 0;
        height: 60px;
        line-height: 60px;
        padding: 0 25px;
        text-align: center;
    }
    
    .widget_calendar tfoot td a:hover::before,
    .widget_calendar tfoot td a:hover::after {
        color: #f28bbc;
    }
    
    .widget_calendar tfoot td a:before,
    .widget_calendar tfoot td a:after {
        color: #fff;
        font-family: "FontAwesome";
        font-size: 14px;
    }
    
    .widget_calendar tfoot td.pad {
        display: none;
    }
    
    .widget_calendar tfoot td:first-child {
        border-right: 1px solid #f28bbc;
    }
    
    .widget_calendar tfoot td:last-child {
        border-left: 1px solid #f28bbc;
    }
    
    .widget_calendar tfoot td:first-child {
        left: 0;
        padding: 0;
    }
    
    .widget_calendar tfoot td:first-child a:before {
        content: "\f053";
    }
    
    .widget_calendar tfoot td:last-child {
        padding: 0;
        right: 0;
    }
    
    .widget_calendar tfoot td:last-child a:after {
        content: "\f054";
    }
    /* widget_rss */
    
    .widget_rss .widget-title .rsswidget:first-child img {
        display: none;
    }
    
    .widget_rss .widget-title .rsswidget:first-child:before {
        content: "\f09e";
        font-family: "FontAwesome";
        font-size: 0.8em;
        padding-right: 0.3em;
        position: relative;
        top: -1px;
    }
    
    .widget_rss ul {
        list-style: none;
        padding-left: 0;
    }
    
    .widget_rss ul a {
        display: block;
        letter-spacing: 0.1em;
        line-height: 1.5;
        text-transform: uppercase;
    }
    
    .widget_rss li cite:last-child {
        display: block;
        margin-top: 0.5em;
    }
    
    .widget_rss li+li {
        margin-top: 1.5em;
    }
    
    .widget_rss .rss-date {
        color: #1a1a1a;
        display: block;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.1em;
        line-height: 1.6em;
        margin: 0.8em 0;
        text-transform: uppercase;
    }
    /* widget_tag_cloud */
    
    .widget_tag_cloud a {
        border: 2px solid #1a1a1a;
        border-radius: 5px;
        display: inline-block;
        font-family: "Vidaloka", serif;
        font-size: 12px;
        letter-spacing: 4px;
        margin: 0 6px 10px 0;
        min-width: 165px;
        padding: 4px 18px 4px 22px;
        text-align: center;
        text-transform: uppercase;
    }
    
    .widget_tag_cloud a:hover {
        background-color: #FFC000;
        border-color: #FFC000;
        color: #fff;
    }
    /* widget_flickr */
    
    .widget_flickr ul {
        margin: 0;
        padding: 0;
    }
    
    .widget_flickr li {
        display: inline-block;
        margin: 0;
        padding: 5px;
        width: 33.33%;
    }
    
    .widget_flickr img {
        border-radius: 5px;
        max-width: 100%;
    }
    
    .widget_flickr a {
        opacity: 1;
    }
    
    .widget_flickr a:hover {
        opacity: 0.6;
    }
    
    .widget_instagram {
        margin-bottom: -10px;
    }
    
    .widget_instagram .photo {
        display: inline-block;
        margin: 0;
        padding: 5px;
        width: 33.33%;
    }
    
    .widget_instagram .photo img {
        max-width: 100%;
    }
    /* access_press */
    
    .apsc-facebook-icon,
    .apsc-twitter-icon,
    .apsc-youtube-icon,
    .apsc-soundcloud-icon,
    .apsc-dribble-icon,
    .apsc-comment-icon,
    .apsc-edit-icon,
    .apsc-google-plus-icon,
    .apsc-instagram-icon {
        background-color: #fff;
    }
    
    .apsc-facebook-icon i {
        background-color: #3b5998;
    }
    
    .apsc-twitter-icon i {
        background-color: #1dcaff;
    }
    
    .apsc-youtube-icon i {
        background-color: #e52d27;
    }
    
    .apsc-soundcloud-icon i {
        background-color: #f80;
    }
    
    .apsc-dribble-icon i {
        background-color: #ea4c89;
    }
    
    .apsc-comment-icon i {
        background-color: #464646;
    }
    
    .apsc-edit-icon i {
        background-color: #837d7d;
    }
    
    .apsc-google-plus-icon i {
        background-color: #dd4b39;
    }
    
    .apsc-instagram-icon i {
        background-color: #c8286a;
    }
    
    .apsc-each-profile a:hover {
        color: white !important;
        text-decoration: none !important;
    }
    
    .apsc-theme-4 .apsc-each-profile {
        margin-bottom: 9px;
    }
    
    .apsc-theme-4 .apsc-inner-block {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }
    
    .apsc-theme-4 .social-icon {
        display: inline-block;
        margin-right: auto;
        padding: 4px 0;
        transition: all 0.5s ease-in-out;
    }
    
    .apsc-theme-4 .apsc-each-profile a {
        border-radius: 5px;
        color: #fff;
        display: block;
        font-size: 14px;
        font-weight: bold;
        line-height: 1;
        overflow: hidden;
        padding: 20px 30px 21px 90px;
        position: relative;
        text-transform: uppercase;
    }
    
    @media (max-width: 1199px) {
        .apsc-theme-4 .apsc-each-profile a {
            padding-left: 75px;
            padding-right: 10px;
        }
    }
    
    .apsc-theme-4 .apsc-each-profile a:hover {
        opacity: 0.8;
    }
    
    .apsc-theme-4 .apsc-each-profile a .fa {
        align-items: center;
        border-right: 1px solid rgba(255, 255, 255, 0.4);
        bottom: 0;
        display: flex;
        font-size: 16px;
        justify-content: center;
        left: 0;
        position: absolute;
        top: 0;
        -webkit-transform: none;
        transform: none;
        transition: all 0.5s ease-in-out;
        width: 60px;
    }
    
    .apsc-theme-4 .apsc-each-profile a .fa::before {
        margin-left: 2px;
    }
    
    .apsc-theme-4 .apsc-each-profile span {
        font-family: "Vidaloka", serif;
        font-size: 12px;
        letter-spacing: 5px;
    }
    
    .apsc-theme-4 .apsc-each-profile span.media-name {
        color: #000;
    }
    
    .apsc-theme-4 .apsc-count {
        border-radius: 0;
        color: #9a9a9a;
        display: inline-block;
        font-size: inherit;
        padding: 4px 4px;
        position: relative;
        text-align: center;
        text-transform: initial;
        transition: all 0.5s ease-in-out;
    }
    
    .apsc-theme-4 .apsc-media-type {
        color: #9a9a9a;
        display: inline-block;
        padding: 4px 0;
    }
    
    @media screen and (max-width: 479px) {
        .apsc-theme-4 .apsc-each-profile,
        .apsc-theme-3 .apsc-each-profile {
            float: none;
        }
    }
    /* widget_twitter */
    
    .tweet_avatar {
        float: left;
        margin-top: 4px;
    }
    
    .tweet_avatar img {
        display: none;
        max-width: 25px;
    }
    
    .tweet_avatar:before {
        color: #55acee;
        content: "\f099";
        font-family: "FontAwesome";
    }
    
    .tweet_right {
        margin-left: 35px;
        overflow: hidden;
        zoom: 1;
    }
    
    .tweet_list {
        list-style: none;
        padding: 0;
    }
    
    .tweet_list li+li {
        clear: both;
        padding-top: 20px;
    }
    
    .tweet_text a:last-child {
        display: block;
    }
    
    .tweet_time {
        display: block;
    }
    /*.widget_slider*/
    
    .widget_slider h4:first-child {
        font-weight: 400;
        line-height: 1;
        margin-bottom: 0.3em;
        margin-top: -1em;
        text-transform: none;
    }
    
    .widget_slider .cat-links {
        bottom: 0;
        left: 0;
        margin-bottom: -4px;
        position: absolute;
    }
    /*.widget_post_tabs*/
    
    .widget_post_tabs h4:first-child {
        font-weight: 400;
        line-height: 1;
        margin-bottom: 0.3em;
        margin-top: -1em;
        text-transform: none;
    }
    
    .widget_post_tabs .vertical-item {
        margin-bottom: 2em;
    }
    
    .widget_post_tabs .vertical-item:last-child {
        margin-bottom: 0;
    }
    /*.widget_posts_2cols*/
    
    .widget_posts_2cols ul {
        display: flex;
        flex-wrap: wrap;
    }
    
    .widget_posts_2cols li {
        margin-top: 20px;
        width: 50%;
    }
    
    .widget_posts_2cols li:nth-child(even) {
        padding-left: 10px;
    }
    
    .widget_posts_2cols li:nth-child(odd) {
        padding-right: 10px;
    }
    
    .widget_posts_2cols li:nth-child(1),
    .widget_posts_2cols li:nth-child(2) {
        margin-top: 0;
    }
    
    .widget_posts_2cols h5 {
        font-size: 16px;
        font-weight: 700;
        margin: 10px 0 0;
        text-transform: none;
    }
    /*
** Social Icons - Font Awesome Brand Icons
*/
    /* social icon layout */
    
    a[class*='fa-']:before {
        display: inline-block;
        font-family: "FontAwesome", sans-serif;
        font-size: 14px;
        line-height: 1;
        padding-left: 2px;
        width: 1em;
    }
    
    a.fa {
        font-size: 0;
        line-height: 0;
        margin-left: 8px;
        margin-right: 8px;
        text-align: center;
    }
    
    a.fa.bg-icon,
    a.fa .tooltip,
    a.fa.color-bg-icon,
    a.fa .tooltip,
    a.fa.border-icon {
        margin-left: 0;
        margin-right: 0;
    }
    
    a.fa:first-child {
        margin-left: 0;
    }
    
    a.fa:last-child {
        margin-right: 0;
    }
    
    a.color-bg-icon {
        background-color: #fff !important;
        color: #000 !important;
    }
    
    a.color-bg-icon:hover {
        background-color: #FFC000 !important;
    }
    
    .social-icons a.fa+a.fa {
        margin-left: 0;
    }
    
    @media (min-width: 576px) {
        .social-icons a.border-icon:before,
        .social-icons a.bg-icon:before,
        .social-icons a.color-bg-icon:before {
            height: 4.2em;
            line-height: 4.2em;
            width: 4.2em;
        }
        .social-icons a.fa+a.fa {
            margin-left: 1px;
        }
    }
    
    a.border-icon:before,
    a.bg-icon:before,
    a.color-bg-icon:before {
        height: 2.6em;
        line-height: 2.6em;
        width: 2.6em;
    }
    
    a[class*='fa-'].rounded-icon {
        border-radius: 50%;
    }
    
    a[class*='fa-'].rounded {
        border-radius: 4px;
    }
    /*social icons brand colors*/
    
    a.color-icon.fa-500px,
    a[class*="fa-"].fa-500px:hover {
        color: #0099e5;
    }
    
    a.color-icon.fa-adn,
    a[class*="fa-"].fa-adn:hover {
        color: #4a484c;
    }
    
    a.color-icon.fa-amazon,
    a[class*="fa-"].fa-amazon:hover {
        color: #f90;
    }
    
    a.color-icon.fa-android,
    a[class*="fa-"].fa-android:hover {
        color: #a4c639;
    }
    
    a.color-icon.fa-angellist,
    a[class*="fa-"].fa-angellist:hover {
        color: #000;
    }
    
    a.color-icon.fa-apple,
    a[class*="fa-"].fa-apple:hover {
        color: #979797;
    }
    
    a.color-icon.fa-behance-square,
    a[class*="fa-"].fa-behance-square:hover {
        color: #1769ff;
    }
    
    a.color-icon.fa-behance,
    a[class*="fa-"].fa-behance:hover {
        color: #1769ff;
    }
    
    a.color-icon.fa-bitbucket-square,
    a[class*="fa-"].fa-bitbucket-square:hover {
        color: #205081;
    }
    
    a.color-icon.fa-bitbucket,
    a[class*="fa-"].fa-bitbucket:hover {
        color: #205081;
    }
    
    a.color-icon.fa-bitcoin,
    a[class*="fa-"].fa-bitcoin:hover {
        color: #ee9209;
    }
    
    a.color-icon.fa-black-tie,
    a[class*="fa-"].fa-black-tie:hover {
        color: #222;
    }
    
    a.color-icon.fa-btc,
    a[class*="fa-"].fa-btc:hover {
        color: #ee9209;
    }
    
    a.color-icon.fa-buysellads,
    a[class*="fa-"].fa-buysellads:hover {
        color: #c90100;
    }
    
    a.color-icon.fa-cc-amex,
    a[class*="fa-"].fa-cc-amex:hover {
        color: #007bc1;
    }
    
    a.color-icon.fa-cc-diners-club,
    a[class*="fa-"].fa-cc-diners-club:hover {
        color: #004a97;
    }
    
    a.color-icon.fa-cc-discover,
    a[class*="fa-"].fa-cc-discover:hover {
        color: #f68121;
    }
    
    a.color-icon.fa-cc-jcb,
    a[class*="fa-"].fa-cc-jcb:hover {
        color: #003a8f;
    }
    
    a.color-icon.fa-cc-mastercard,
    a[class*="fa-"].fa-cc-mastercard:hover {
        color: #0a3a82;
    }
    
    a.color-icon.fa-cc-paypal,
    a[class*="fa-"].fa-cc-paypal:hover {
        color: #253b80;
    }
    
    a.color-icon.fa-cc-stripe,
    a[class*="fa-"].fa-cc-stripe:hover {
        color: #00afe1;
    }
    
    a.color-icon.fa-cc-visa,
    a[class*="fa-"].fa-cc-visa:hover {
        color: #0157a2;
    }
    
    a.color-icon.fa-chrome,
    a[class*="fa-"].fa-chrome:hover {
        color: #4587f3;
    }
    
    a.color-icon.fa-codepen,
    a[class*="fa-"].fa-codepen:hover {
        color: #000;
    }
    
    a.color-icon.fa-connectdevelop,
    a[class*="fa-"].fa-connectdevelop:hover {
        color: #391448;
    }
    
    a.color-icon.fa-contao,
    a[class*="fa-"].fa-contao:hover {
        color: #eb8623;
    }
    
    a.color-icon.fa-creative-commons,
    a[class*="fa-"].fa-creative-commons:hover {
        color: #231f20;
    }
    
    a.color-icon.fa-css3,
    a[class*="fa-"].fa-css3:hover {
        color: #1680c0;
    }
    
    a.color-icon.fa-dashcube,
    a[class*="fa-"].fa-dashcube:hover {
        color: #7f7f7f;
    }
    
    a.color-icon.fa-delicious,
    a[class*="fa-"].fa-delicious:hover {
        color: #39f;
    }
    
    a.color-icon.fa-deviantart,
    a[class*="fa-"].fa-deviantart:hover {
        color: #4e6252;
    }
    
    a.color-icon.fa-digg,
    a[class*="fa-"].fa-digg:hover {
        color: #000;
    }
    
    a.color-icon.fa-dribbble,
    a[class*="fa-"].fa-dribbble:hover {
        color: #444;
    }
    
    a.color-icon.fa-dropbox,
    a[class*="fa-"].fa-dropbox:hover {
        color: #007ee5;
    }
    
    a.color-icon.fa-drupal,
    a[class*="fa-"].fa-drupal:hover {
        color: #0077c0;
    }
    
    a.color-icon.fa-empire,
    a[class*="fa-"].fa-empire:hover {
        color: #000;
    }
    
    a.color-icon.fa-expeditedssl,
    a[class*="fa-"].fa-expeditedssl:hover {
        color: #343433;
    }
    
    a.color-icon.fa-facebook-official,
    a[class*="fa-"].fa-facebook-official:hover {
        color: #3b5998;
    }
    
    a.color-icon.fa-facebook-square,
    a[class*="fa-"].fa-facebook-square:hover {
        color: #3b5998;
    }
    
    a.color-icon.fa-facebook,
    a[class*="fa-"].fa-facebook:hover {
        color: #3b5998;
    }
    
    a.color-icon.fa-firefox,
    a[class*="fa-"].fa-firefox:hover {
        color: #e66000;
    }
    
    a.color-icon.fa-flickr,
    a[class*="fa-"].fa-flickr:hover {
        color: #ff0084;
    }
    
    a.color-icon.fa-fonticons,
    a[class*="fa-"].fa-fonticons:hover {
        color: #1c1e29;
    }
    
    a.color-icon.fa-forumbee,
    a[class*="fa-"].fa-forumbee:hover {
        color: #83ad13;
    }
    
    a.color-icon.fa-foursquare,
    a[class*="fa-"].fa-foursquare:hover {
        color: #0072b1;
    }
    
    a.color-icon.fa-ge,
    a[class*="fa-"].fa-ge:hover {
        color: #000;
    }
    
    a.color-icon.fa-get-pocket,
    a[class*="fa-"].fa-get-pocket:hover {
        color: #d3505a;
    }
    
    a.color-icon.fa-gg-circle,
    a[class*="fa-"].fa-gg-circle:hover {
        color: #000;
    }
    
    a.color-icon.fa-gg,
    a[class*="fa-"].fa-gg:hover {
        color: #000;
    }
    
    a.color-icon.fa-git-square,
    a[class*="fa-"].fa-git-square:hover {
        color: #333;
    }
    
    a.color-icon.fa-500px,
    a[class*="fa-"].fa-500px:hover {
        color: #0099e5;
    }
    
    a.color-icon.fa-adn,
    a[class*="fa-"].fa-adn:hover {
        color: #4a484c;
    }
    
    a.color-icon.fa-amazon,
    a[class*="fa-"].fa-amazon:hover {
        color: #f90;
    }
    
    a.color-icon.fa-android,
    a[class*="fa-"].fa-android:hover {
        color: #a4c639;
    }
    
    a.color-icon.fa-angellist,
    a[class*="fa-"].fa-angellist:hover {
        color: #000;
    }
    
    a.color-icon.fa-apple,
    a[class*="fa-"].fa-apple:hover {
        color: #979797;
    }
    
    a.color-icon.fa-behance-square,
    a[class*="fa-"].fa-behance-square:hover {
        color: #1769ff;
    }
    
    a.color-icon.fa-behance,
    a[class*="fa-"].fa-behance:hover {
        color: #1769ff;
    }
    
    a.color-icon.fa-bitbucket-square,
    a[class*="fa-"].fa-bitbucket-square:hover {
        color: #205081;
    }
    
    a.color-icon.fa-bitbucket,
    a[class*="fa-"].fa-bitbucket:hover {
        color: #205081;
    }
    
    a.color-icon.fa-bitcoin,
    a[class*="fa-"].fa-bitcoin:hover {
        color: #ee9209;
    }
    
    a.color-icon.fa-black-tie,
    a[class*="fa-"].fa-black-tie:hover {
        color: #222;
    }
    
    a.color-icon.fa-btc,
    a[class*="fa-"].fa-btc:hover {
        color: #ee9209;
    }
    
    a.color-icon.fa-buysellads,
    a[class*="fa-"].fa-buysellads:hover {
        color: #c90100;
    }
    
    a.color-icon.fa-cc-amex,
    a[class*="fa-"].fa-cc-amex:hover {
        color: #007bc1;
    }
    
    a.color-icon.fa-cc-diners-club,
    a[class*="fa-"].fa-cc-diners-club:hover {
        color: #004a97;
    }
    
    a.color-icon.fa-cc-discover,
    a[class*="fa-"].fa-cc-discover:hover {
        color: #f68121;
    }
    
    a.color-icon.fa-cc-jcb,
    a[class*="fa-"].fa-cc-jcb:hover {
        color: #003a8f;
    }
    
    a.color-icon.fa-cc-mastercard,
    a[class*="fa-"].fa-cc-mastercard:hover {
        color: #0a3a82;
    }
    
    a.color-icon.fa-cc-paypal,
    a[class*="fa-"].fa-cc-paypal:hover {
        color: #253b80;
    }
    
    a.color-icon.fa-cc-stripe,
    a[class*="fa-"].fa-cc-stripe:hover {
        color: #00afe1;
    }
    
    a.color-icon.fa-cc-visa,
    a[class*="fa-"].fa-cc-visa:hover {
        color: #0157a2;
    }
    
    a.color-icon.fa-chrome,
    a[class*="fa-"].fa-chrome:hover {
        color: #4587f3;
    }
    
    a.color-icon.fa-codepen,
    a[class*="fa-"].fa-codepen:hover {
        color: #000;
    }
    
    a.color-icon.fa-connectdevelop,
    a[class*="fa-"].fa-connectdevelop:hover {
        color: #391448;
    }
    
    a.color-icon.fa-contao,
    a[class*="fa-"].fa-contao:hover {
        color: #eb8623;
    }
    
    a.color-icon.fa-creative-commons,
    a[class*="fa-"].fa-creative-commons:hover {
        color: #231f20;
    }
    
    a.color-icon.fa-css3,
    a[class*="fa-"].fa-css3:hover {
        color: #1680c0;
    }
    
    a.color-icon.fa-dashcube,
    a[class*="fa-"].fa-dashcube:hover {
        color: #7f7f7f;
    }
    
    a.color-icon.fa-delicious,
    a[class*="fa-"].fa-delicious:hover {
        color: #39f;
    }
    
    a.color-icon.fa-deviantart,
    a[class*="fa-"].fa-deviantart:hover {
        color: #4e6252;
    }
    
    a.color-icon.fa-digg,
    a[class*="fa-"].fa-digg:hover {
        color: #000;
    }
    
    a.color-icon.fa-dribbble,
    a[class*="fa-"].fa-dribbble:hover {
        color: #444;
    }
    
    a.color-icon.fa-dropbox,
    a[class*="fa-"].fa-dropbox:hover {
        color: #007ee5;
    }
    
    a.color-icon.fa-drupal,
    a[class*="fa-"].fa-drupal:hover {
        color: #0077c0;
    }
    
    a.color-icon.fa-empire,
    a[class*="fa-"].fa-empire:hover {
        color: #000;
    }
    
    a.color-icon.fa-expeditedssl,
    a[class*="fa-"].fa-expeditedssl:hover {
        color: #343433;
    }
    
    a.color-icon.fa-facebook-official,
    a[class*="fa-"].fa-facebook-official:hover {
        color: #3b5998;
    }
    
    a.color-icon.fa-facebook-square,
    a[class*="fa-"].fa-facebook-square:hover {
        color: #3b5998;
    }
    
    a.color-icon.fa-facebook,
    a[class*="fa-"].fa-facebook:hover {
        color: #3b5998;
    }
    
    a.color-icon.fa-firefox,
    a[class*="fa-"].fa-firefox:hover {
        color: #e66000;
    }
    
    a.color-icon.fa-flickr,
    a[class*="fa-"].fa-flickr:hover {
        color: #ff0084;
    }
    
    a.color-icon.fa-fonticons,
    a[class*="fa-"].fa-fonticons:hover {
        color: #1c1e29;
    }
    
    a.color-icon.fa-forumbee,
    a[class*="fa-"].fa-forumbee:hover {
        color: #83ad13;
    }
    
    a.color-icon.fa-foursquare,
    a[class*="fa-"].fa-foursquare:hover {
        color: #0072b1;
    }
    
    a.color-icon.fa-ge,
    a[class*="fa-"].fa-ge:hover {
        color: #000;
    }
    
    a.color-icon.fa-get-pocket,
    a[class*="fa-"].fa-get-pocket:hover {
        color: #d3505a;
    }
    
    a.color-icon.fa-gg-circle,
    a[class*="fa-"].fa-gg-circle:hover {
        color: #000;
    }
    
    a.color-icon.fa-gg,
    a[class*="fa-"].fa-gg:hover {
        color: #000;
    }
    
    a.color-icon.fa-git-square,
    a[class*="fa-"].fa-git-square:hover {
        color: #333;
    }
    
    a.color-icon.fa-git,
    a[class*="fa-"].fa-git:hover {
        color: #333;
    }
    
    a.color-icon.fa-github-alt,
    a[class*="fa-"].fa-github-alt:hover {
        color: #333;
    }
    
    a.color-icon.fa-github-square,
    a[class*="fa-"].fa-github-square:hover {
        color: #333;
    }
    
    a.color-icon.fa-github,
    a[class*="fa-"].fa-github:hover {
        color: #333;
    }
    
    a.color-icon.fa-gittip,
    a[class*="fa-"].fa-gittip:hover {
        color: #630;
    }
    
    a.color-icon.fa-google-plus-square,
    a[class*="fa-"].fa-google-plus-square:hover {
        color: #dd4b39;
    }
    
    a.color-icon.fa-google-plus,
    a[class*="fa-"].fa-google-plus:hover {
        color: #dd4b39;
    }
    
    a.color-icon.fa-google-wallet,
    a[class*="fa-"].fa-google-wallet:hover {
        color: #4285f4;
    }
    
    a.color-icon.fa-google,
    a[class*="fa-"].fa-google:hover {
        color: #dd4b39;
    }
    
    a.color-icon.fa-hacker-news,
    a[class*="fa-"].fa-hacker-news:hover {
        color: #f60;
    }
    
    a.color-icon.fa-houzz,
    a[class*="fa-"].fa-houzz:hover {
        color: #7ac142;
    }
    
    a.color-icon.fa-html5,
    a[class*="fa-"].fa-html5:hover {
        color: #e34f26;
    }
    
    a.color-icon.fa-instagram,
    a[class*="fa-"].fa-instagram:hover {
        color: #3f729b;
    }
    
    a.color-icon.fa-internet-explorer,
    a[class*="fa-"].fa-internet-explorer:hover {
        color: #1ebbee;
    }
    
    a.color-icon.fa-ioxhost,
    a[class*="fa-"].fa-ioxhost:hover {
        color: #faa729;
    }
    
    a.color-icon.fa-joomla,
    a[class*="fa-"].fa-joomla:hover {
        color: #142849;
    }
    
    a.color-icon.fa-jsfiddle,
    a[class*="fa-"].fa-jsfiddle:hover {
        color: #4679bd;
    }
    
    a.color-icon.fa-lastfm-square,
    a[class*="fa-"].fa-lastfm-square:hover {
        color: #c3000d;
    }
    
    a.color-icon.fa-lastfm,
    a[class*="fa-"].fa-lastfm:hover {
        color: #c3000d;
    }
    
    a.color-icon.fa-leanpub,
    a[class*="fa-"].fa-leanpub:hover {
        color: #0c0c0c;
    }
    
    a.color-icon.fa-linkedin-square,
    a[class*="fa-"].fa-linkedin-square:hover {
        color: #0976b4;
    }
    
    a.color-icon.fa-linkedin,
    a[class*="fa-"].fa-linkedin:hover {
        color: #0976b4;
    }
    
    a.color-icon.fa-linux,
    a[class*="fa-"].fa-linux:hover {
        color: #333;
    }
    
    a.color-icon.fa-maxcdn,
    a[class*="fa-"].fa-maxcdn:hover {
        color: #f60;
    }
    
    a.color-icon.fa-meanpath,
    a[class*="fa-"].fa-meanpath:hover {
        color: #538ed7;
    }
    
    a.color-icon.fa-medium,
    a[class*="fa-"].fa-medium:hover {
        color: #000;
    }
    
    a.color-icon.fa-odnoklassniki-square,
    a[class*="fa-"].fa-odnoklassniki-square:hover {
        color: #ed812b;
    }
    
    a.color-icon.fa-odnoklassniki,
    a[class*="fa-"].fa-odnoklassniki:hover {
        color: #ed812b;
    }
    
    a.color-icon.fa-opencart,
    a[class*="fa-"].fa-opencart:hover {
        color: #2ac2ef;
    }
    
    a.color-icon.fa-openid,
    a[class*="fa-"].fa-openid:hover {
        color: #f78c40;
    }
    
    a.color-icon.fa-opera,
    a[class*="fa-"].fa-opera:hover {
        color: #cc0f16;
    }
    
    a.color-icon.fa-optin-monster,
    a[class*="fa-"].fa-optin-monster:hover {
        color: #83c11f;
    }
    
    a.color-icon.fa-pagelines,
    a[class*="fa-"].fa-pagelines:hover {
        color: #000;
    }
    
    a.color-icon.fa-paypal,
    a[class*="fa-"].fa-paypal:hover {
        color: #253b80;
    }
    
    a.color-icon.fa-pied-piper-alt,
    a[class*="fa-"].fa-pied-piper-alt :hover {
        color: #2f9f46;
    }
    
    a.color-icon.fa-pied-piper-square,
    a[class*="fa-"].fa-pied-piper-square :hover {
        color: #2f9f46;
    }
    
    a.color-icon.fa-pied-piper,
    a[class*="fa-"].fa-pied-piper:hover {
        color: #2f9f46;
    }
    
    a.color-icon.fa-pinterest-p,
    a[class*="fa-"].fa-pinterest-p:hover {
        color: #cc2127;
    }
    
    a.color-icon.fa-pinterest-square,
    a[class*="fa-"].fa-pinterest-square:hover {
        color: #cc2127;
    }
    
    a.color-icon.fa-pinterest,
    a[class*="fa-"].fa-pinterest:hover {
        color: #cc2127;
    }
    
    a.color-icon.fa-qq,
    a[class*="fa-"].fa-qq:hover {
        color: #000;
    }
    
    a.color-icon.fa-ra,
    a[class*="fa-"].fa-ra:hover {
        color: #000;
    }
    
    a.color-icon.fa-rebel,
    a[class*="fa-"].fa-rebel:hover {
        color: #000;
    }
    
    a.color-icon.fa-reddit-square,
    a[class*="fa-"].fa-reddit-square:hover {
        color: #ff4500;
    }
    
    a.color-icon.fa-reddit,
    a[class*="fa-"].fa-reddit:hover {
        color: #ff4500;
    }
    
    a.color-icon.fa-renren,
    a[class*="fa-"].fa-renren:hover {
        color: #005eac;
    }
    
    a.color-icon.fa-safari,
    a[class*="fa-"].fa-safari:hover {
        color: #1b88ca;
    }
    
    a.color-icon.fa-sellsy,
    a[class*="fa-"].fa-sellsy:hover {
        color: #1f78b9;
    }
    
    a.color-icon.fa-share-alt-square,
    a[class*="fa-"].fa-share-alt-square:hover {
        color: #01bf01;
    }
    
    a.color-icon.fa-share-alt,
    a[class*="fa-"].fa-share-alt:hover {
        color: #01bf01;
    }
    
    a.color-icon.fa-shirtsinbulk,
    a[class*="fa-"].fa-shirtsinbulk:hover {
        color: #dd3a26;
    }
    
    a.color-icon.fa-simplybuilt,
    a[class*="fa-"].fa-simplybuilt:hover {
        color: #000;
    }
    
    a.color-icon.fa-skyatlas,
    a[class*="fa-"].fa-skyatlas:hover {
        color: #00adbb;
    }
    
    a.color-icon.fa-skype,
    a[class*="fa-"].fa-skype:hover {
        color: #00aff0;
    }
    
    a.color-icon.fa-slack,
    a[class*="fa-"].fa-slack:hover {
        color: #0f7965;
    }
    
    a.color-icon.fa-slideshare,
    a[class*="fa-"].fa-slideshare:hover {
        color: #e98325;
    }
    
    a.color-icon.fa-soundcloud,
    a[class*="fa-"].fa-soundcloud:hover {
        color: #f80;
    }
    
    a.color-icon.fa-spotify,
    a[class*="fa-"].fa-spotify:hover {
        color: #7ab800;
    }
    
    a.color-icon.fa-stack-exchange,
    a[class*="fa-"].fa-stack-exchange:hover {
        color: #000;
    }
    
    a.color-icon.fa-stack-overflow,
    a[class*="fa-"].fa-stack-overflow:hover {
        color: #fe7a15;
    }
    
    a.color-icon.fa-steam-square,
    a[class*="fa-"].fa-steam-square:hover {
        color: #0b0b0b;
    }
    
    a.color-icon.fa-steam,
    a[class*="fa-"].fa-steam:hover {
        color: #0b0b0b;
    }
    
    a.color-icon.fa-stumbleupon-circle,
    a[class*="fa-"].fa-stumbleupon-circle:hover {
        color: #eb4924;
    }
    
    a.color-icon.fa-stumbleupon,
    a[class*="fa-"].fa-stumbleupon:hover {
        color: #eb4924;
    }
    
    a.color-icon.fa-tencent-weibo,
    a[class*="fa-"].fa-tencent-weibo:hover {
        color: #74af2c;
    }
    
    a.color-icon.fa-trello,
    a[class*="fa-"].fa-trello:hover {
        color: #256a92;
    }
    
    a.color-icon.fa-tripadvisor,
    a[class*="fa-"].fa-tripadvisor:hover {
        color: #589442;
    }
    
    a.color-icon.fa-tumblr-square,
    a[class*="fa-"].fa-tumblr-square:hover {
        color: #35465c;
    }
    
    a.color-icon.fa-tumblr,
    a[class*="fa-"].fa-tumblr:hover {
        color: #35465c;
    }
    
    a.color-icon.fa-twitch,
    a[class*="fa-"].fa-twitch:hover {
        color: #6441a5;
    }
    
    a.color-icon.fa-twitter-square,
    a[class*="fa-"].fa-twitter-square:hover {
        color: #55acee;
    }
    
    a.color-icon.fa-twitter,
    a[class*="fa-"].fa-twitter:hover {
        color: #55acee;
    }
    
    a.color-icon.fa-viacoin,
    a[class*="fa-"].fa-viacoin:hover {
        color: #333;
    }
    
    a.color-icon.fa-vimeo-square,
    a[class*="fa-"].fa-vimeo-square:hover {
        color: #1ab7ea;
    }
    
    a.color-icon.fa-vimeo,
    a[class*="fa-"].fa-vimeo:hover {
        color: #1ab7ea;
    }
    
    a.color-icon.fa-vine,
    a[class*="fa-"].fa-vine:hover {
        color: #00b488;
    }
    
    a.color-icon.fa-vk,
    a[class*="fa-"].fa-vk:hover {
        color: #45668e;
    }
    
    a.color-icon.fa-wechat,
    a[class*="fa-"].fa-wechat:hover {
        color: #93d034;
    }
    
    a.color-icon.fa-weibo,
    a[class*="fa-"].fa-weibo:hover {
        color: #e71d34;
    }
    
    a.color-icon.fa-weixin,
    a[class*="fa-"].fa-weixin:hover {
        color: #93d034;
    }
    
    a.color-icon.fa-wikipedia-w,
    a[class*="fa-"].fa-wikipedia-w:hover {
        color: #000;
    }
    
    a.color-icon.fa-windows,
    a[class*="fa-"].fa-windows:hover {
        color: #00bcf2;
    }
    
    a.color-icon.fa-wordpress,
    a[class*="fa-"].fa-wordpress:hover {
        color: #21759b;
    }
    
    a.color-icon.fa-xing-square,
    a[class*="fa-"].fa-xing-square:hover {
        color: #026466;
    }
    
    a.color-icon.fa-xing,
    a[class*="fa-"].fa-xing:hover {
        color: #026466;
    }
    
    a.color-icon.fa-y-combinator,
    a[class*="fa-"].fa-y-combinator:hover {
        color: #f0652f;
    }
    
    a.color-icon.fa-yahoo,
    a[class*="fa-"].fa-yahoo:hover {
        color: #400191;
    }
    
    a.color-icon.fa-yc,
    a[class*="fa-"].fa-yc:hover {
        color: #f0652f;
    }
    
    a.color-icon.fa-yelp,
    a[class*="fa-"].fa-yelp:hover {
        color: #af0606;
    }
    
    a.color-icon.fa-youtube-play,
    a[class*="fa-"].fa-youtube-play:hover {
        color: #e52d27;
    }
    
    a.color-icon.fa-youtube-square,
    a[class*="fa-"].fa-youtube-square:hover {
        color: #e52d27;
    }
    
    a.color-icon.fa-youtube,
    a[class*="fa-"].fa-youtube:hover {
        color: #e52d27;
    }
    
    a.color-icon.fa-rss,
    a[class*="fa-"].fa-rss:hover {
        color: #ffa811;
    }
    
    .color-bg-icon.fa-500px,
    a.fa-500px.bg-icon:hover,
    .fa-500px.color-icon.border-icon:hover {
        background-color: #0099e5;
    }
    
    .color-bg-icon.fa-adn,
    a.fa-adn.bg-icon:hover,
    .fa-adn.color-icon.border-icon:hover {
        background-color: #4a484c;
    }
    
    .color-bg-icon.fa-amazon,
    a.fa-amazon.bg-icon:hover,
    .fa-amazon.color-icon.border-icon:hover {
        background-color: #f90;
    }
    
    .color-bg-icon.fa-android,
    a.fa-android.bg-icon:hover,
    .fa-android.color-icon.border-icon:hover {
        background-color: #a4c639;
    }
    
    .color-bg-icon.fa-angellist,
    a.fa-angellist.bg-icon:hover,
    .fa-angellist.color-icon.border-icon:hover {
        background-color: #000;
    }
    
    .color-bg-icon.fa-apple,
    a.fa-apple.bg-icon:hover,
    .fa-apple.color-icon.border-icon:hover {
        background-color: #979797;
    }
    
    .color-bg-icon.fa-behance-square,
    a.fa-behance-square.bg-icon:hover,
    .fa-behance-square.color-icon.border-icon:hover {
        background-color: #1769ff;
    }
    
    .color-bg-icon.fa-behance,
    a.fa-behance.bg-icon:hover,
    .fa-behance.color-icon.border-icon:hover {
        background-color: #1769ff;
    }
    
    .color-bg-icon.fa-bitbucket-square,
    a.fa-bitbucket-square.bg-icon:hover,
    .fa-bitbucket-square.color-icon.border-icon:hover {
        background-color: #205081;
    }
    
    .color-bg-icon.fa-bitbucket,
    a.fa-bitbucket.bg-icon:hover,
    .fa-bitbucket.color-icon.border-icon:hover {
        background-color: #205081;
    }
    
    .color-bg-icon.fa-bitcoin,
    a.fa-bitcoin.bg-icon:hover,
    .fa-bitcoin.color-icon.border-icon:hover {
        background-color: #ee9209;
    }
    
    .color-bg-icon.fa-black-tie,
    a.fa-black-tie.bg-icon:hover,
    .fa-black-tie.color-icon.border-icon:hover {
        background-color: #222;
    }
    
    .color-bg-icon.fa-btc,
    a.fa-btc.bg-icon:hover,
    .fa-btc.color-icon.border-icon:hover {
        background-color: #ee9209;
    }
    
    .color-bg-icon.fa-buysellads,
    a.fa-buysellads.bg-icon:hover,
    .fa-buysellads.color-icon.border-icon:hover {
        background-color: #c90100;
    }
    
    .color-bg-icon.fa-cc-amex,
    a.fa-cc-amex.bg-icon:hover,
    .fa-cc-amex.color-icon.border-icon:hover {
        background-color: #007bc1;
    }
    
    .color-bg-icon.fa-cc-diners-club,
    a.fa-cc-diners-club.bg-icon:hover,
    .fa-cc-diners-club.color-icon.border-icon:hover {
        background-color: #004a97;
    }
    
    .color-bg-icon.fa-cc-discover,
    a.fa-cc-discover.bg-icon:hover,
    .fa-cc-discover.color-icon.border-icon:hover {
        background-color: #f68121;
    }
    
    .color-bg-icon.fa-cc-jcb,
    a.fa-cc-jcb.bg-icon:hover,
    .fa-cc-jcb.color-icon.border-icon:hover {
        background-color: #003a8f;
    }
    
    .color-bg-icon.fa-cc-mastercard,
    a.fa-cc-mastercard.bg-icon:hover,
    .fa-cc-mastercard.color-icon.border-icon:hover {
        background-color: #0a3a82;
    }
    
    .color-bg-icon.fa-cc-paypal,
    a.fa-cc-paypal.bg-icon:hover,
    .fa-cc-paypal.color-icon.border-icon:hover {
        background-color: #253b80;
    }
    
    .color-bg-icon.fa-cc-stripe,
    a.fa-cc-stripe.bg-icon:hover,
    .fa-cc-stripe.color-icon.border-icon:hover {
        background-color: #00afe1;
    }
    
    .color-bg-icon.fa-cc-visa,
    a.fa-cc-visa.bg-icon:hover,
    .fa-cc-visa.color-icon.border-icon:hover {
        background-color: #0157a2;
    }
    
    .color-bg-icon.fa-chrome,
    a.fa-chrome.bg-icon:hover,
    .fa-chrome.color-icon.border-icon:hover {
        background-color: #4587f3;
    }
    
    .color-bg-icon.fa-codepen,
    a.fa-codepen.bg-icon:hover,
    .fa-codepen.color-icon.border-icon:hover {
        background-color: #000;
    }
    
    .color-bg-icon.fa-connectdevelop,
    a.fa-connectdevelop.bg-icon:hover,
    .fa-connectdevelop.color-icon.border-icon:hover {
        background-color: #391448;
    }
    
    .color-bg-icon.fa-contao,
    a.fa-contao.bg-icon:hover,
    .fa-contao.color-icon.border-icon:hover {
        background-color: #eb8623;
    }
    
    .color-bg-icon.fa-creative-commons,
    a.fa-creative-commons.bg-icon:hover,
    .fa-creative-commons.color-icon.border-icon:hover {
        background-color: #231f20;
    }
    
    .color-bg-icon.fa-css3,
    a.fa-css3.bg-icon:hover,
    .fa-css3.color-icon.border-icon:hover {
        background-color: #1680c0;
    }
    
    .color-bg-icon.fa-dashcube,
    a.fa-dashcube.bg-icon:hover,
    .fa-dashcube.color-icon.border-icon:hover {
        background-color: #7f7f7f;
    }
    
    .color-bg-icon.fa-delicious,
    a.fa-delicious.bg-icon:hover,
    .fa-delicious.color-icon.border-icon:hover {
        background-color: #39f;
    }
    
    .color-bg-icon.fa-deviantart,
    a.fa-deviantart.bg-icon:hover,
    .fa-deviantart.color-icon.border-icon:hover {
        background-color: #4e6252;
    }
    
    .color-bg-icon.fa-digg,
    a.fa-digg.bg-icon:hover,
    .fa-digg.color-icon.border-icon:hover {
        background-color: #000;
    }
    
    .color-bg-icon.fa-dribbble,
    a.fa-dribbble.bg-icon:hover,
    .fa-dribbble.color-icon.border-icon:hover {
        background-color: #444;
    }
    
    .color-bg-icon.fa-dropbox,
    a.fa-dropbox.bg-icon:hover,
    .fa-dropbox.color-icon.border-icon:hover {
        background-color: #007ee5;
    }
    
    .color-bg-icon.fa-drupal,
    a.fa-drupal.bg-icon:hover,
    .fa-drupal.color-icon.border-icon:hover {
        background-color: #0077c0;
    }
    
    .color-bg-icon.fa-empire,
    a.fa-empire.bg-icon:hover,
    .fa-empire.color-icon.border-icon:hover {
        background-color: #000;
    }
    
    .color-bg-icon.fa-expeditedssl,
    a.fa-expeditedssl.bg-icon:hover,
    .fa-expeditedssl.color-icon.border-icon:hover {
        background-color: #343433;
    }
    
    .color-bg-icon.fa-facebook-official,
    a.fa-facebook-official.bg-icon:hover,
    .fa-facebook-official.color-icon.border-icon:hover {
        background-color: #3b5998;
    }
    
    .color-bg-icon.fa-facebook-square,
    a.fa-facebook-square.bg-icon:hover,
    .fa-facebook-square.color-icon.border-icon:hover {
        background-color: #3b5998;
    }
    
    .color-bg-icon.fa-facebook,
    a.fa-facebook.bg-icon:hover,
    .fa-facebook.color-icon.border-icon:hover {
        background-color: #3b5998;
    }
    
    .color-bg-icon.fa-firefox,
    a.fa-firefox.bg-icon:hover,
    .fa-firefox.color-icon.border-icon:hover {
        background-color: #e66000;
    }
    
    .color-bg-icon.fa-flickr,
    a.fa-flickr.bg-icon:hover,
    .fa-flickr.color-icon.border-icon:hover {
        background-color: #ff0084;
    }
    
    .color-bg-icon.fa-fonticons,
    a.fa-fonticons.bg-icon:hover,
    .fa-fonticons.color-icon.border-icon:hover {
        background-color: #1c1e29;
    }
    
    .color-bg-icon.fa-forumbee,
    a.fa-forumbee.bg-icon:hover,
    .fa-forumbee.color-icon.border-icon:hover {
        background-color: #83ad13;
    }
    
    .color-bg-icon.fa-foursquare,
    a.fa-foursquare.bg-icon:hover,
    .fa-foursquare.color-icon.border-icon:hover {
        background-color: #0072b1;
    }
    
    .color-bg-icon.fa-ge,
    a.fa-ge.bg-icon:hover,
    .fa-ge.color-icon.border-icon:hover {
        background-color: #000;
    }
    
    .color-bg-icon.fa-get-pocket,
    a.fa-get-pocket.bg-icon:hover,
    .fa-get-pocket.color-icon.border-icon:hover {
        background-color: #d3505a;
    }
    
    .color-bg-icon.fa-gg-circle,
    a.fa-gg-circle.bg-icon:hover,
    .fa-gg-circle.color-icon.border-icon:hover {
        background-color: #000;
    }
    
    .color-bg-icon.fa-gg,
    a.fa-gg.bg-icon:hover,
    .fa-gg.color-icon.border-icon:hover {
        background-color: #000;
    }
    
    .color-bg-icon.fa-git-square,
    a.fa-git-square.bg-icon:hover,
    .fa-git-square.color-icon.border-icon:hover {
        background-color: #333;
    }
    
    .color-bg-icon.fa-git,
    a.fa-git.bg-icon:hover,
    .fa-git.color-icon.border-icon:hover {
        background-color: #333;
    }
    
    .color-bg-icon.fa-github-alt,
    a.fa-github-alt.bg-icon:hover,
    .fa-github-alt.color-icon.border-icon:hover {
        background-color: #333;
    }
    
    .color-bg-icon.fa-github-square,
    a.fa-github-square.bg-icon:hover,
    .fa-github-square.color-icon.border-icon:hover {
        background-color: #333;
    }
    
    .color-bg-icon.fa-github,
    a.fa-github.bg-icon:hover,
    .fa-github.color-icon.border-icon:hover {
        background-color: #333;
    }
    
    .color-bg-icon.fa-gittip,
    a.fa-gittip.bg-icon:hover,
    .fa-gittip.color-icon.border-icon:hover {
        background-color: #630;
    }
    
    .color-bg-icon.fa-google-plus-square,
    a.fa-google-plus-square.bg-icon:hover,
    .fa-google-plus-square.color-icon.border-icon:hover {
        background-color: #dd4b39;
    }
    
    .color-bg-icon.fa-google-plus,
    a.fa-google-plus.bg-icon:hover,
    .fa-google-plus.color-icon.border-icon:hover {
        background-color: #dd4b39;
    }
    
    .color-bg-icon.fa-google-wallet,
    a.fa-google-wallet.bg-icon:hover,
    .fa-google-wallet.color-icon.border-icon:hover {
        background-color: #4285f4;
    }
    
    .color-bg-icon.fa-google,
    a.fa-google.bg-icon:hover,
    .fa-google.color-icon.border-icon:hover {
        background-color: #dd4b39;
    }
    
    .color-bg-icon.fa-hacker-news,
    a.fa-hacker-news.bg-icon:hover,
    .fa-hacker-news.color-icon.border-icon:hover {
        background-color: #f60;
    }
    
    .color-bg-icon.fa-houzz,
    a.fa-houzz.bg-icon:hover,
    .fa-houzz.color-icon.border-icon:hover {
        background-color: #7ac142;
    }
    
    .color-bg-icon.fa-html5,
    a.fa-html5.bg-icon:hover,
    .fa-html5.color-icon.border-icon:hover {
        background-color: #e34f26;
    }
    
    .color-bg-icon.fa-instagram,
    a.fa-instagram.bg-icon:hover,
    .fa-instagram.color-icon.border-icon:hover {
        background-color: #3f729b;
    }
    
    .color-bg-icon.fa-internet-explorer,
    a.fa-internet-explorer.bg-icon:hover,
    .fa-internet-explorer.color-icon.border-icon:hover {
        background-color: #1ebbee;
    }
    
    .color-bg-icon.fa-ioxhost,
    a.fa-ioxhost.bg-icon:hover,
    .fa-ioxhost.color-icon.border-icon:hover {
        background-color: #faa729;
    }
    
    .color-bg-icon.fa-joomla,
    a.fa-joomla.bg-icon:hover,
    .fa-joomla.color-icon.border-icon:hover {
        background-color: #142849;
    }
    
    .color-bg-icon.fa-jsfiddle,
    a.fa-jsfiddle.bg-icon:hover,
    .fa-jsfiddle.color-icon.border-icon:hover {
        background-color: #4679bd;
    }
    
    .color-bg-icon.fa-lastfm-square,
    a.fa-lastfm-square.bg-icon:hover,
    .fa-lastfm-square.color-icon.border-icon:hover {
        background-color: #c3000d;
    }
    
    .color-bg-icon.fa-lastfm,
    a.fa-lastfm.bg-icon:hover,
    .fa-lastfm.color-icon.border-icon:hover {
        background-color: #c3000d;
    }
    
    .color-bg-icon.fa-leanpub,
    a.fa-leanpub.bg-icon:hover,
    .fa-leanpub.color-icon.border-icon:hover {
        background-color: #0c0c0c;
    }
    
    .color-bg-icon.fa-linkedin-square,
    a.fa-linkedin-square.bg-icon:hover,
    .fa-linkedin-square.color-icon.border-icon:hover {
        background-color: #0976b4;
    }
    
    .color-bg-icon.fa-linkedin,
    a.fa-linkedin.bg-icon:hover,
    .fa-linkedin.color-icon.border-icon:hover {
        background-color: #0976b4;
    }
    
    .color-bg-icon.fa-linux,
    a.fa-linux.bg-icon:hover,
    .fa-linux.color-icon.border-icon:hover {
        background-color: #333;
    }
    
    .color-bg-icon.fa-maxcdn,
    a.fa-maxcdn.bg-icon:hover,
    .fa-maxcdn.color-icon.border-icon:hover {
        background-color: #f60;
    }
    
    .color-bg-icon.fa-meanpath,
    a.fa-meanpath.bg-icon:hover,
    .fa-meanpath.color-icon.border-icon:hover {
        background-color: #538ed7;
    }
    
    .color-bg-icon.fa-medium,
    a.fa-medium.bg-icon:hover,
    .fa-medium.color-icon.border-icon:hover {
        background-color: #000;
    }
    
    .color-bg-icon.fa-odnoklassniki-square,
    a.fa-odnoklassniki-square.bg-icon:hover,
    .fa-odnoklassniki-square.color-icon.border-icon:hover {
        background-color: #ed812b;
    }
    
    .color-bg-icon.fa-odnoklassniki,
    a.fa-odnoklassniki.bg-icon:hover,
    .fa-odnoklassniki.color-icon.border-icon:hover {
        background-color: #ed812b;
    }
    
    .color-bg-icon.fa-opencart,
    a.fa-opencart.bg-icon:hover,
    .fa-opencart.color-icon.border-icon:hover {
        background-color: #2ac2ef;
    }
    
    .color-bg-icon.fa-openid,
    a.fa-openid.bg-icon:hover,
    .fa-openid.color-icon.border-icon:hover {
        background-color: #f78c40;
    }
    
    .color-bg-icon.fa-opera,
    a.fa-opera.bg-icon:hover,
    .fa-opera.color-icon.border-icon:hover {
        background-color: #cc0f16;
    }
    
    .color-bg-icon.fa-optin-monster,
    a.fa-optin-monster.bg-icon:hover,
    .fa-optin-monster.color-icon.border-icon:hover {
        background-color: #83c11f;
    }
    
    .color-bg-icon.fa-pagelines,
    a.fa-pagelines.bg-icon:hover,
    .fa-pagelines.color-icon.border-icon:hover {
        background-color: #000;
    }
    
    .color-bg-icon.fa-paypal,
    a.fa-paypal.bg-icon:hover,
    .fa-paypal.color-icon.border-icon:hover {
        background-color: #253b80;
    }
    
    .color-bg-icon.fa-pied-piper-alt,
    a.fa-pied-piper-alt .bg-icon:hover,
    .fa-pied-piper-alt .color-icon.border-icon:hover {
        color: #2f9f46;
    }
    
    .color-bg-icon.fa-pied-piper-square,
    a.fa-pied-piper-square .bg-icon:hover,
    .fa-pied-piper-square .color-icon.border-icon:hover {
        color: #2f9f46;
    }
    
    .color-bg-icon.fa-pied-piper,
    a.fa-pied-piper.bg-icon:hover,
    .fa-pied-piper.color-icon.border-icon:hover {
        background-color: #2f9f46;
    }
    
    .color-bg-icon.fa-pinterest-p,
    a.fa-pinterest-p.bg-icon:hover,
    .fa-pinterest-p.color-icon.border-icon:hover {
        background-color: #cc2127;
    }
    
    .color-bg-icon.fa-pinterest-square,
    a.fa-pinterest-square.bg-icon:hover,
    .fa-pinterest-square.color-icon.border-icon:hover {
        background-color: #cc2127;
    }
    
    .color-bg-icon.fa-pinterest,
    a.fa-pinterest.bg-icon:hover,
    .fa-pinterest.color-icon.border-icon:hover {
        background-color: #cc2127;
    }
    
    .color-bg-icon.fa-qq,
    a.fa-qq.bg-icon:hover,
    .fa-qq.color-icon.border-icon:hover {
        background-color: #000;
    }
    
    .color-bg-icon.fa-ra,
    a.fa-ra.bg-icon:hover,
    .fa-ra.color-icon.border-icon:hover {
        background-color: #000;
    }
    
    .color-bg-icon.fa-rebel,
    a.fa-rebel.bg-icon:hover,
    .fa-rebel.color-icon.border-icon:hover {
        background-color: #000;
    }
    
    .color-bg-icon.fa-reddit-square,
    a.fa-reddit-square.bg-icon:hover,
    .fa-reddit-square.color-icon.border-icon:hover {
        background-color: #ff4500;
    }
    
    .color-bg-icon.fa-reddit,
    a.fa-reddit.bg-icon:hover,
    .fa-reddit.color-icon.border-icon:hover {
        background-color: #ff4500;
    }
    
    .color-bg-icon.fa-renren,
    a.fa-renren.bg-icon:hover,
    .fa-renren.color-icon.border-icon:hover {
        background-color: #005eac;
    }
    
    .color-bg-icon.fa-safari,
    a.fa-safari.bg-icon:hover,
    .fa-safari.color-icon.border-icon:hover {
        background-color: #1b88ca;
    }
    
    .color-bg-icon.fa-sellsy,
    a.fa-sellsy.bg-icon:hover,
    .fa-sellsy.color-icon.border-icon:hover {
        background-color: #1f78b9;
    }
    
    .color-bg-icon.fa-share-alt-square,
    a.fa-share-alt-square.bg-icon:hover,
    .fa-share-alt-square.color-icon.border-icon:hover {
        background-color: #01bf01;
    }
    
    .color-bg-icon.fa-share-alt,
    a.fa-share-alt.bg-icon:hover,
    .fa-share-alt.color-icon.border-icon:hover {
        background-color: #01bf01;
    }
    
    .color-bg-icon.fa-shirtsinbulk,
    a.fa-shirtsinbulk.bg-icon:hover,
    .fa-shirtsinbulk.color-icon.border-icon:hover {
        background-color: #dd3a26;
    }
    
    .color-bg-icon.fa-simplybuilt,
    a.fa-simplybuilt.bg-icon:hover,
    .fa-simplybuilt.color-icon.border-icon:hover {
        background-color: #000;
    }
    
    .color-bg-icon.fa-skyatlas,
    a.fa-skyatlas.bg-icon:hover,
    .fa-skyatlas.color-icon.border-icon:hover {
        background-color: #00adbb;
    }
    
    .color-bg-icon.fa-skype,
    a.fa-skype.bg-icon:hover,
    .fa-skype.color-icon.border-icon:hover {
        background-color: #00aff0;
    }
    
    .color-bg-icon.fa-slack,
    a.fa-slack.bg-icon:hover,
    .fa-slack.color-icon.border-icon:hover {
        background-color: #0f7965;
    }
    
    .color-bg-icon.fa-slideshare,
    a.fa-slideshare.bg-icon:hover,
    .fa-slideshare.color-icon.border-icon:hover {
        background-color: #e98325;
    }
    
    .color-bg-icon.fa-soundcloud,
    a.fa-soundcloud.bg-icon:hover,
    .fa-soundcloud.color-icon.border-icon:hover {
        background-color: #f80;
    }
    
    .color-bg-icon.fa-spotify,
    a.fa-spotify.bg-icon:hover,
    .fa-spotify.color-icon.border-icon:hover {
        background-color: #7ab800;
    }
    
    .color-bg-icon.fa-stack-exchange,
    a.fa-stack-exchange.bg-icon:hover,
    .fa-stack-exchange.color-icon.border-icon:hover {
        background-color: #000;
    }
    
    .color-bg-icon.fa-stack-overflow,
    a.fa-stack-overflow.bg-icon:hover,
    .fa-stack-overflow.color-icon.border-icon:hover {
        background-color: #fe7a15;
    }
    
    .color-bg-icon.fa-steam-square,
    a.fa-steam-square.bg-icon:hover,
    .fa-steam-square.color-icon.border-icon:hover {
        background-color: #0b0b0b;
    }
    
    .color-bg-icon.fa-steam,
    a.fa-steam.bg-icon:hover,
    .fa-steam.color-icon.border-icon:hover {
        background-color: #0b0b0b;
    }
    
    .color-bg-icon.fa-stumbleupon-circle,
    a.fa-stumbleupon-circle.bg-icon:hover,
    .fa-stumbleupon-circle.color-icon.border-icon:hover {
        background-color: #eb4924;
    }
    
    .color-bg-icon.fa-stumbleupon,
    a.fa-stumbleupon.bg-icon:hover,
    .fa-stumbleupon.color-icon.border-icon:hover {
        background-color: #eb4924;
    }
    
    .color-bg-icon.fa-tencent-weibo,
    a.fa-tencent-weibo.bg-icon:hover,
    .fa-tencent-weibo.color-icon.border-icon:hover {
        background-color: #74af2c;
    }
    
    .color-bg-icon.fa-trello,
    a.fa-trello.bg-icon:hover,
    .fa-trello.color-icon.border-icon:hover {
        background-color: #256a92;
    }
    
    .color-bg-icon.fa-tripadvisor,
    a.fa-tripadvisor.bg-icon:hover,
    .fa-tripadvisor.color-icon.border-icon:hover {
        background-color: #589442;
    }
    
    .color-bg-icon.fa-tumblr-square,
    a.fa-tumblr-square.bg-icon:hover,
    .fa-tumblr-square.color-icon.border-icon:hover {
        background-color: #35465c;
    }
    
    .color-bg-icon.fa-tumblr,
    a.fa-tumblr.bg-icon:hover,
    .fa-tumblr.color-icon.border-icon:hover {
        background-color: #35465c;
    }
    
    .color-bg-icon.fa-twitch,
    a.fa-twitch.bg-icon:hover,
    .fa-twitch.color-icon.border-icon:hover {
        background-color: #6441a5;
    }
    
    .color-bg-icon.fa-twitter-square,
    a.fa-twitter-square.bg-icon:hover,
    .fa-twitter-square.color-icon.border-icon:hover {
        background-color: #55acee;
    }
    
    .color-bg-icon.fa-twitter,
    a.fa-twitter.bg-icon:hover,
    .fa-twitter.color-icon.border-icon:hover {
        background-color: #55acee;
    }
    
    .color-bg-icon.fa-viacoin,
    a.fa-viacoin.bg-icon:hover,
    .fa-viacoin.color-icon.border-icon:hover {
        background-color: #333;
    }
    
    .color-bg-icon.fa-vimeo-square,
    a.fa-vimeo-square.bg-icon:hover,
    .fa-vimeo-square.color-icon.border-icon:hover {
        background-color: #1ab7ea;
    }
    
    .color-bg-icon.fa-vimeo,
    a.fa-vimeo.bg-icon:hover,
    .fa-vimeo.color-icon.border-icon:hover {
        background-color: #1ab7ea;
    }
    
    .color-bg-icon.fa-vine,
    a.fa-vine.bg-icon:hover,
    .fa-vine.color-icon.border-icon:hover {
        background-color: #00b488;
    }
    
    .color-bg-icon.fa-vk,
    a.fa-vk.bg-icon:hover,
    .fa-vk.color-icon.border-icon:hover {
        background-color: #45668e;
    }
    
    .color-bg-icon.fa-wechat,
    a.fa-wechat.bg-icon:hover,
    .fa-wechat.color-icon.border-icon:hover {
        background-color: #93d034;
    }
    
    .color-bg-icon.fa-weibo,
    a.fa-weibo.bg-icon:hover,
    .fa-weibo.color-icon.border-icon:hover {
        background-color: #e71d34;
    }
    
    .color-bg-icon.fa-weixin,
    a.fa-weixin.bg-icon:hover,
    .fa-weixin.color-icon.border-icon:hover {
        background-color: #93d034;
    }
    
    .color-bg-icon.fa-wikipedia-w,
    a.fa-wikipedia-w.bg-icon:hover,
    .fa-wikipedia-w.color-icon.border-icon:hover {
        background-color: #000;
    }
    
    .color-bg-icon.fa-windows,
    a.fa-windows.bg-icon:hover,
    .fa-windows.color-icon.border-icon:hover {
        background-color: #00bcf2;
    }
    
    .color-bg-icon.fa-wordpress,
    a.fa-wordpress.bg-icon:hover,
    .fa-wordpress.color-icon.border-icon:hover {
        background-color: #21759b;
    }
    
    .color-bg-icon.fa-xing-square,
    a.fa-xing-square.bg-icon:hover,
    .fa-xing-square.color-icon.border-icon:hover {
        background-color: #026466;
    }
    
    .color-bg-icon.fa-xing,
    a.fa-xing.bg-icon:hover,
    .fa-xing.color-icon.border-icon:hover {
        background-color: #026466;
    }
    
    .color-bg-icon.fa-y-combinator,
    a.fa-y-combinator.bg-icon:hover,
    .fa-y-combinator.color-icon.border-icon:hover {
        background-color: #f0652f;
    }
    
    .color-bg-icon.fa-yahoo,
    a.fa-yahoo.bg-icon:hover,
    .fa-yahoo.color-icon.border-icon:hover {
        background-color: #400191;
    }
    
    .color-bg-icon.fa-yc,
    a.fa-yc.bg-icon:hover,
    .fa-yc.color-icon.border-icon:hover {
        background-color: #f0652f;
    }
    
    .color-bg-icon.fa-yelp,
    a.fa-yelp.bg-icon:hover,
    .fa-yelp.color-icon.border-icon:hover {
        background-color: #af0606;
    }
    
    .color-bg-icon.fa-youtube-play,
    a.fa-youtube-play.bg-icon:hover,
    .fa-youtube-play.color-icon.border-icon:hover {
        background-color: #e52d27;
    }
    
    .color-bg-icon.fa-youtube-square,
    a.fa-youtube-square.bg-icon:hover,
    .fa-youtube-square.color-icon.border-icon:hover {
        background-color: #e52d27;
    }
    
    .color-bg-icon.fa-youtube,
    a.fa-youtube.bg-icon:hover,
    .fa-youtube.color-icon.border-icon:hover {
        background-color: #e52d27;
    }
    
    .color-bg-icon.fa-rss,
    a.fa-rss.bg-icon:hover,
    .fa-rss.color-icon.border-icon:hover {
        background-color: #ffa811;
    }
    /*social icons default colors*/
    
    .color-bg-icon {
        color: #fff;
    }
    
    a.fa {
        color: #1a1a1a;
    }
    
    a.border-icon {
        border: 1px solid #989898;
        border-color: rgba(152, 152, 152, 0.4);
    }
    
    a.border-icon.color-icon:hover {
        border-color: transparent;
    }
    
    a.bg-icon {
        background-color: #e8e8e8;
    }
    
    a.color-bg-icon {
        background-color: #1a1a1a;
        color: #fff;
    }
    
    a.fa.color-icon:hover {
        color: #1a1a1a;
    }
    
    a.fa.bg-icon:hover {
        color: #fff;
    }
    
    a.fa.color-bg-icon:hover {
        background-color: #000 !important;
        border: 2px solid #fff;
        color: #FFC000 !important;
        transition: background-color .3s ease-in-out;
    }
    
    a.fa.color-bg-icon:hover::before {
        height: calc(4.2em - 4px);
        line-height: calc(4.2em - 4px);
        width: calc(4.2em - 4px);
    }
    
    @media (max-width: 575px) {
        a.fa.color-bg-icon:hover::before {
            height: calc(2.6em - 4px);
            line-height: calc(2.6em - 4px);
            width: calc(2.6em - 4px);
        }
    }
    
    a.color-icon:hover {
        color: #1a1a1a;
    }
    
    a.color-icon.border-icon:hover {
        color: #fff;
    }
    /*
** WordPress Required
*/
    
    .alignnone {
        margin: 10px 0 30px;
    }
    
    .aligncenter,
    div.aligncenter {
        display: block;
        margin: 10px auto 30px auto;
    }
    
    .alignright {
        float: right;
        margin: 20px 0 20px 30px;
        max-width: 50%;
    }
    
    @media (max-width: 480px) {
        .alignright {
            margin-left: 0;
            max-width: 100%;
        }
    }
    
    .alignleft {
        float: left;
        margin: 20px 30px 20px 0;
        max-width: 50%;
    }
    
    @media (max-width: 480px) {
        .alignleft {
            margin-right: 0;
            max-width: 100%;
        }
    }
    
    a img.alignright {
        float: right;
        margin: 10px 0 30px 40px;
    }
    
    a img.alignnone {
        margin: 10px 0 30px;
    }
    
    a img.alignleft {
        float: left;
        margin: 10px 40px 30px 0;
    }
    
    a img.aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    
    .wp-caption {
        text-align: center;
    }
    
    .wp-caption.alignnone {
        margin: 5px 20px 20px 0;
    }
    
    .wp-caption.alignleft {
        margin: 5px 20px 20px 0;
    }
    
    .wp-caption.alignright {
        margin: 5px 0 20px 20px;
    }
    
    .wp-caption img {
        border: 0 none;
        height: auto;
        margin: 0;
        max-width: 98.5%;
        padding: 0;
        width: auto;
    }
    
    .wp-caption p.wp-caption-text {
        font-size: 12px;
        line-height: 17px;
        margin: 0;
        padding: 0 4px 5px;
    }
    /* Text meant only for screen readers. */
    
    .screen-reader-text {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        margin: 0;
        overflow: hidden;
        padding: 0;
        position: absolute !important;
        white-space: nowrap;
        width: 1px;
    }
    
    .screen-reader-text:focus {
        clip: auto !important;
        display: block;
        font-weight: bold;
        height: auto;
        left: 5px;
        line-height: normal;
        padding: 15px 23px 14px;
        text-decoration: none;
        top: 5px;
        width: auto;
        z-index: 100000;
        /* Above WP toolbar. */
    }
    
    .sticky,
    .bypostauthor {
        position: relative;
    }
    /*
** WordPress Page Links and Pagination
*/
    
    .page-item,
    .nav-links,
    .page-links {
        clear: both;
        display: flex;
    }
    
    .page-item>span,
    .page-item>a:not(.btn),
    .nav-links>span,
    .nav-links>a:not(.btn),
    .page-links>span,
    .page-links>a:not(.btn) {
        align-items: center;
        background-color: #fff;
        border: none;
        border-radius: 5px !important;
        color: #000 !important;
        display: flex;
        font-family: "Vidaloka", serif;
        font-size: 12px;
        font-weight: bold;
        height: 60px;
        justify-content: center;
        letter-spacing: 4px;
        line-height: inherit;
        margin-bottom: 10px;
        margin-left: 0;
        margin-right: 5px;
        min-width: 3em;
        padding: 1.5em 1.2em;
        text-align: center;
        width: 60px;
    }
    
    .page-item>span:hover,
    .page-item>a:not(.btn):hover,
    .nav-links>span:hover,
    .nav-links>a:not(.btn):hover,
    .page-links>span:hover,
    .page-links>a:not(.btn):hover {
        background-color: #FFC000;
        color: #fff !important;
    }
    
    @media (max-width: 767px) {
        .page-item>span,
        .page-item>a:not(.btn),
        .nav-links>span,
        .nav-links>a:not(.btn),
        .page-links>span,
        .page-links>a:not(.btn) {
            height: 45px;
            line-height: 20px;
            padding: 1.3em 1.2em;
            width: 45px;
        }
    }
    
    .page-item.active>a,
    .page-item>span,
    .nav-links.active>a,
    .nav-links>span,
    .page-links.active>a,
    .page-links>span {
        background-color: #FFC000 !important;
        color: #fff !important;
        cursor: not-allowed;
    }
    
    .page-item .fa,
    .nav-links .fa,
    .page-links .fa {
        font-size: 10px;
    }
    
    .page-links a:first-child {
        margin-left: 1em;
    }
    
    .pagination {
        justify-content: flex-start;
        margin-top: 60px;
    }
    
    @media (max-width: 767px) {
        .pagination {
            justify-content: center;
        }
    }
    
    .post-nav {
        margin: 60px 0 0;
        position: relative;
    }
    
    @media (max-width: 992px) {
        .post-nav {
            margin: 0;
        }
    }
    
    .post-nav .nav-links {
        display: flex;
        flex-wrap: wrap;
    }
    
    .post-nav .nav-links>div {
        border-radius: 5px;
        height: auto;
        padding: 20px 20px;
        position: relative;
        text-align: right;
        transition: 0.2s opacity ease;
        width: 48.5%;
    }
    
    .post-nav .nav-links>div:hover {
        opacity: 0.7;
    }
    
    @media (max-width: 1200px) {
        .post-nav .nav-links>div {
            width: 48%;
        }
    }
    
    @media (max-width: 992px) {
        .post-nav .nav-links>div {
            width: 47%;
        }
    }
    
    @media (max-width: 768px) {
        .post-nav .nav-links>div {
            width: 100%;
        }
    }
    
    .post-nav .nav-links>div .fa {
        font-size: 20px;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    
    .post-nav .nav-links>div:first-child {
        text-align: left;
    }
    
    .post-nav .nav-links>div:first-child .fa {
        left: 0;
        right: auto;
    }
    
    .post-nav .nav-links .nav-next {
        margin-left: 30px;
    }
    
    @media (max-width: 768px) {
        .post-nav .nav-links .nav-next {
            margin-left: 0;
            margin-top: 35px;
        }
    }
    
    .post-nav .nav-links .nav-subtitle {
        color: #FFC000;
        display: inline-block;
        font-size: 12px;
        letter-spacing: 4px;
        min-width: 8em;
        padding: 0.25em 0.8em 0.05em;
        text-align: center;
        text-transform: uppercase;
    }
    
    .post-nav .nav-links .nav-title {
        display: block;
        font-size: 40px;
    }
    
    .post-nav .nav-links a {
        bottom: 0;
        content: "";
        display: block;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
    }
    
    .post-nav .nav-links .post-nav-text-wrap {
        border: 2px solid rgba(255, 255, 255, 0.15);
    }
    
    .post-nav .post-nav-image {
        display: none;
    }
    
    .post-nav .cover-image .post-nav-text-wrap {
        padding: 75px 20px 60px 20px;
        text-align: center;
    }
    
    @media (max-width: 992px) {
        .post-nav .cover-image .post-nav-text-wrap {
            padding: 45px 20px 25px 20px;
        }
    }
    
    .post-nav .cover-image .post-nav-text-wrap .nav-title {
        margin-bottom: 0;
        text-transform: uppercase;
    }
    /*
** Main Menu styles
*/
    
    .nav-wrap {
        align-items: center;
        display: flex;
        justify-content: space-between;
        margin-top: 37px;
        text-transform: uppercase;
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
        .nav-wrap {
            justify-content: flex-end;
        }
    }
    
    .nav-wrap>.top-nav+*:not(.top-includes) {
        flex-grow: 100;
        padding-left: 30px;
        padding-right: 30px;
    }
    
    @media (max-width: 1200px) {
        .nav-wrap {
            margin-top: 0;
        }
    }
    
    @media (min-width: 1200px) {
        .nav-wrap .top-nav .top-includes {
            display: none;
        }
    }
    /* Desktop menu - (min 1200px) styles */
    
    @media (min-width: 1200px) {
        .top-nav {
            align-items: center;
            display: flex;
            flex-grow: 10;
            flex-wrap: nowrap;
            justify-content: center;
            position: relative;
        }
        .top-nav .nav .top-includes {
            display: none;
        }
        .justify-nav-end .top-nav {
            justify-content: flex-end;
        }
        .justify-nav-center .top-nav {
            justify-content: center;
        }
        /* menu layout */
        .sf-menu {
            display: block;
        }
        .sf-menu,
        .sf-menu ul {
            left: -50%;
            list-style: none;
            margin: 0;
            padding: 0;
        }
        .sf-menu li {
            position: relative;
        }
        .sf-menu li>ul {
            display: none;
            left: 50%;
            position: absolute;
            top: 100%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            z-index: 99;
        }
        .sf-menu li>ul ul {
            left: 0;
            -webkit-transform: none;
            transform: none;
        }
        .sf-menu li:hover>ul,
        .sf-menu li.sfHover>ul {
            display: block;
        }
        .sf-menu a {
            display: block;
            position: relative;
        }
        /* menu skin */
        .sf-menu a {
            font-family: "Vidaloka", serif;
            font-size: 16px;
            padding: 10px 1.1em;
            text-decoration: none;
            transition-property: color, background-color, border-color, padding-top, padding-bottom;
            zoom: 1;
        }
        .sf-menu li {
            *white-space: normal;
            white-space: nowrap;
        }
        .sf-menu>li {
            display: inline-block;
            position: relative;
        }
        .sf-menu>li>a {
            font-family: "Vidaloka", serif;
            font-size: 16px;
            font-weight: 400;
            line-height: 14px;
            margin: 0 10px;
            padding-bottom: 53px;
            padding-left: 0;
            padding-right: 0;
            padding-top: 53px;
            transition-duration: 0.15s;
        }
        .affix .sf-menu>li>a {
            padding-bottom: 33px;
            padding-top: 33px;
        }
    }
    
    @media (min-width: 1200px) and (min-width: 1500px) {
        .sf-menu>li>a {
            margin: 0 20px;
        }
    }
    
    @media (min-width: 1200px) {
        .sf-menu>li>a:hover,
        .sf-menu>li.active>a {
            color: #FFC000;
        }
        .nav-narrow .sf-menu>li {
            padding: 0;
        }
        .nav-narrow .sf-menu>li>a {
            margin-left: 29px;
            margin-right: 29px;
            padding-bottom: 24px;
            padding-top: 24px;
        }
        .nav-narrow .sf-menu>li.active>a:before {
            background-color: #FFC000;
            content: "";
            height: 1px;
            left: -20px;
            position: absolute;
            right: -20px;
            top: 0;
            z-index: 1;
        }
        .nav-bordered .sf-menu>li+li:before {
            background-color: rgba(255, 255, 255, 0.15);
            bottom: 0;
            content: "";
            left: -2px;
            position: absolute;
            top: 0;
            width: 1px;
        }
        .cs .sf-menu>li>a {
            color: #fff;
        }
        .cs .sf-menu>li>a:hover,
        .cs .sf-menu>li.active>a {
            color: #1a1a1a;
        }
        .ds .sf-menu>li>a {
            color: #fff;
        }
        .ds .sf-menu>li>a:hover,
        .ds .sf-menu>li.active>a {
            color: #FFC000;
        }
        .ls .sf-menu>li>a {
            color: #1a1a1a;
        }
        .ls .sf-menu>li>a:hover,
        .ls .sf-menu>li.active>a {
            color: #FFC000;
        }
        .ls .sf-menu>li+li:before {
            background-color: #e1e1e1;
        }
        .sf-menu li:hover,
        .sf-menu li.sfHover {
            /* only transition out, not in */
            transition: none;
        }
        /* second and next levels */
        .sf-menu>li .mega-menu,
        .sf-menu li>ul {
            /* allow long menu items to determine submenu width */
            *width: 10em;
            background-color: #fff;
            border-radius: 5px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
            list-style: none;
            margin-top: 5px;
            min-width: 10em;
            padding: 25px 0 25px;
            text-align: center;
            /* no auto sub width for IE7, see white-space comment below */
        }
        .sf-menu>li .mega-menu {
            padding-left: 0;
            padding-right: 0;
        }
        .sf-menu.nav ul a {
            color: #1a1a1a;
            padding-bottom: 0;
            padding-left: 40px;
            padding-right: 40px;
            padding-top: 0;
        }
        .sf-menu .mega-menu ul {
            background: transparent;
            box-shadow: none;
            padding: 0;
            -webkit-transform: none;
            transform: none;
        }
        .sf-menu .mega-menu ul a {
            padding-left: 0;
            padding-right: 0;
        }
        .sf-menu ul a:hover,
        .sf-menu ul li.active>a {
            color: #FFC000;
        }
        /* third level */
        .sf-menu ul ul {
            margin-top: 0;
            top: -32px;
        }
        .sf-arrows ul .sf-with-ul:after {
            font-family: "FontAwesome";
            padding-left: 7px;
        }
    }
    
    @media (min-width: 1440px) {
        .sf-menu.nav ul a {
            padding-bottom: 5px;
            padding-top: 5px;
        }
    }
    
    .sf-menu i[class] {
        font-size: 1.1em;
        margin-right: 7px;
    }
    /* hidden menu items */
    
    @media (min-width: 1200px) {
        .sf-menu .sf-xl-hidden {
            display: none !important;
        }
    }
    
    @media (max-width: 1199px) {
        .sf-more-li {
            display: none;
        }
    }
    /* Mobile menu toggler */
    
    @media (min-width: 1200px) {
        .page_header .toggle_menu,
        .page_toplogo .toggle_menu {
            display: none;
        }
    }
    
    .toggle_menu {
        cursor: pointer;
        height: 60px;
        margin-left: -30px;
        margin-top: -30px;
        opacity: 0.95;
        padding: 0 !important;
        position: absolute;
        right: 0;
        top: 50%;
        visibility: visible;
        width: 60px;
        z-index: 1002;
    }
    
    .page_header_wrapper .toggle_menu {
        z-index: 1003;
    }
    
    .ls .toggle_menu {
        background-color: #fff;
    }
    
    .ls .toggle_menu:before,
    .ls .toggle_menu span,
    .ls .toggle_menu span:before,
    .ls .toggle_menu span:after {
        background-color: #1a1a1a;
    }
    
    .page_toplogo .toggle_menu {
        left: auto;
        margin: 0;
        position: fixed;
        right: 0;
        top: 0;
    }
    
    .toggle_menu:hover span:before {
        top: -9px;
    }
    
    .toggle_menu:hover span:after {
        top: 9px;
    }
    
    .toggle_menu:before,
    .toggle_menu span,
    .toggle_menu span:before,
    .toggle_menu span:after {
        background-color: #fff;
        content: "";
        display: block;
        height: 2px;
        left: 0;
        position: absolute;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        transition: .25s ease-in-out;
        width: 30px;
    }
    
    .toggle_menu:before,
    .toggle_menu span {
        left: 15px;
        top: 50%;
    }
    
    .toggle_menu span:before {
        opacity: 1;
        top: -8px;
    }
    
    .toggle_menu span:after {
        opacity: 1;
        top: 8px;
    }
    
    .toggle_menu.mobile-active {
        background-color: #FFC000;
        border: none;
        left: auto;
        margin: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 3000;
    }
    
    .toggle_menu.mobile-active:before {
        background-color: #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    
    .toggle_menu.mobile-active span {
        background-color: #fff;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    
    .toggle_menu.mobile-active span:before,
    .toggle_menu.mobile-active span:after {
        opacity: 0;
    }
    
    .toggle_menu.active:before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    
    .toggle_menu.active span {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    
    .toggle_menu.active span:before,
    .toggle_menu.active span:after {
        opacity: 0;
    }
    /* Mobile Menu (max 991px) styles */
    
    @media (max-width: 767px) {
        .nav-wrap {
            justify-content: center;
        }
    }
    
    @media (max-width: 1199px) {
        .page_header [class*="col"] {
            min-height: 0;
        }
        .top-nav {
            background-color: transparent;
            bottom: 0;
            left: 0;
            opacity: 0;
            position: fixed;
            right: 0;
            top: 0;
            transition: all 0.3s ease-in-out;
            visibility: hidden;
            z-index: 10;
        }
        .mobile-active .top-nav {
            background-color: #111;
            background-color: rgba(0, 0, 0, 0.9);
            opacity: 1;
            visibility: visible;
            z-index: 1002;
        }
        .nav-justified>li>a {
            text-align: left;
        }
        .sf-menu {
            background: url(../images/bg-menu.jpg) no-repeat center/cover;
            border-bottom: 75px solid #1a1a1a;
            border-top: 61px solid #1a1a1a;
            bottom: 0;
            display: block;
            font-size: 12px;
            font-weight: 700;
            left: 0;
            letter-spacing: 0.1em;
            line-height: 1.6em;
            opacity: 0;
            overflow: auto;
            /* padding: 20px 10px 15px 20px; */
            position: fixed;
            right: 100%;
            text-align: left;
            text-transform: uppercase;
            top: 0;
            transition: all 0.4s ease-in-out;
        }
        .sf-menu>.top-includes {
            bottom: 20px;
            left: 20px;
            position: fixed;
            right: 20px;
        }
        .mobile-active .sf-menu {
            opacity: 1;
            right: 0;
        }
        .sf-menu li {
            position: relative;
        }
        .top-nav .sf-menu a {
            color: #fff;
            display: block;
            font-size: 18px;
            font-weight: 400;
            padding: 10px 10px;
            text-align: center;
            z-index: 2;
        }
        .sf-menu ul {
            list-style: none;
            margin-left: 0 !important;
            margin-top: 0 !important;
            padding-left: 0;
        }
        .top-nav .sf-menu ul li a {
            font-size: 16px;
            font-weight: 500;
            letter-spacing: 0.1em;
        }
        .top-nav .sf-menu ul li ul li a {
            font-size: 14px;
            font-weight: 300;
            letter-spacing: 0.1em;
        }
        /* arrows (for all except IE7) */
        .sf-arrows .sf-with-ul {
            padding-right: 3.5em;
        }
        /* styling for both css and generated arrows */
        .sf-arrows .sf-with-ul+.sf-menu-item-mobile-toggler {
            border-radius: 50%;
            display: none;
            height: 30px;
            line-height: 30px;
            position: absolute;
            right: 5px;
            text-align: center;
            top: 5px;
            width: 30px;
            z-index: 1;
        }
        .sf-arrows .sf-with-ul+.sf-menu-item-mobile-toggler:after {
            color: #1a1a1a;
            content: "\f105";
            font-family: "FontAwesome";
        }
        .sfHover>.sf-with-ul+.sf-menu-item-mobile-toggler:after {
            content: "\f107";
        }
    }
    /* Mega Menu */
    
    @media screen and (min-width: 1199px) {
        .top-nav ul .mega-menu ul {
            border: none;
            min-width: auto;
        }
        .top-nav .menu-item-has-mega-menu {
            position: relative;
        }
        .top-nav .mega-menu {
            display: none;
            position: absolute;
            top: 100%;
            width: 940px;
            z-index: 10;
        }
        .top-nav .menu-item-has-mega-menu:hover .mega-menu {
            display: block;
        }
        /* row */
        .top-nav .mega-menu-row {
            display: table;
            position: static;
            table-layout: fixed;
        }
        .top-nav .mega-menu-row ul {
            display: block;
            position: static;
        }
        /* column */
        .top-nav .mega-menu-col {
            border-left: 1px solid #e1e1e1;
            display: table-cell;
            padding: 0 15px;
            width: 2000px;
            /* overrides from settings / styling / mega-menu */
        }
        .top-nav .mega-menu-col>a {
            font-size: 16px;
            font-weight: 700;
            letter-spacing: 0.05em;
            text-transform: uppercase;
        }
        .top-nav .mega-menu-col:first-child {
            border-left: none;
        }
        .top-nav ul ul .mega-menu {
            display: block;
            margin-left: 1px;
            top: -20px;
            width: auto;
        }
        .top-nav ul ul .mega-menu li {
            border: none;
            display: block;
            width: auto;
        }
    }
    
    @media screen and (min-width: 1400px) {
        .top-nav .mega-menu {
            width: 1300px;
        }
        .top-nav .mega-menu-col {
            padding: 0 40px;
        }
    }
    
    @media screen and (min-width: 1200px) {
        .top-nav .mega-menu {
            width: 1150px;
        }
        .top-nav ul .mega-menu ul {
            min-width: 10em;
        }
        .top-nav .mega-menu-col {
            padding: 0 25px;
        }
    }
    
    @media screen and (max-width: 991px) {
        .top-nav .mega-menu {
            position: static;
        }
    }
    /* side clickable menu styles */
    
    .menu-click {
        padding: 0;
    }
    
    .menu-click i {
        margin-right: 10px;
        text-align: center;
        width: 1em;
    }
    
    .menu-click .toggle_submenu {
        border-radius: 50%;
        cursor: pointer;
        font-size: 8px;
        height: 3em;
        line-height: 3em;
        opacity: 0.9;
        position: absolute;
        right: 20px;
        text-align: center;
        top: 8px;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        transition: .25s ease-in-out;
        width: 3em;
    }
    
    .menu-click .toggle_submenu:before {
        content: "\f078";
        font-family: "FontAwesome";
        height: 3em;
        left: 0;
        line-height: 3em;
        position: absolute;
        top: 0;
        width: 3em;
    }
    
    .menu-click ul {
        padding: 0;
    }
    
    .menu-click li {
        list-style: none;
        position: relative;
        width: 100%;
    }
    
    .menu-click>li {
        transition: 0.3s ease-in-out;
    }
    
    .menu-click a {
        display: block;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.1em;
        line-height: 1.6em;
        padding: 10px 40px;
        text-transform: uppercase;
    }
    
    .menu-click a:hover {
        background-color: rgba(150, 150, 150, 0.05);
    }
    
    .menu-click .active-submenu>a {
        background-color: rgba(150, 150, 150, 0.05);
    }
    
    .menu-click .active-submenu>.toggle_submenu {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    
    .menu-click li.active>a {
        color: #FFC000;
    }
    
    .menu-click ul {
        height: 0;
        opacity: 0;
    }
    
    .menu-click ul a {
        padding-bottom: 8px;
        padding-left: 50px;
        padding-top: 8px;
    }
    
    .menu-click ul ul a {
        padding-left: 60px;
    }
    
    .menu-click ul ul ul a {
        padding-left: 70px;
    }
    
    .menu-click ul ul ul ul a {
        padding-left: 80px;
    }
    
    .menu-click .active-submenu>div.mega-menu {
        height: auto;
    }
    
    .menu-click .active-submenu>ul,
    .menu-click .active-submenu>div.mega-menu>ul {
        height: auto;
        opacity: 1;
    }
    
    .menu-click ul,
    .menu-click div.mega-menu {
        height: 0;
        overflow: hidden;
        transition: opacity 0.6s, margin-top 0.4s, margin-bottom 0.4s, height 0.3s ease-in-out;
    }
    
    .menu-click ul li.sfHover>.mega-menu ul {
        display: block;
        height: 100%;
    }
    
    .menu-click div.mega-menu>ul {
        height: auto;
        margin-right: 0;
    }
    /*
** Header
*/
    
    .page_header {
        background-color: #000;
        height: auto;
        left: 0;
        margin: 0;
        padding: 0;
        position: relative;
        right: 0;
        top: 0;
        transition: 0.5s ease-in-out;
        width: 100%;
        z-index: 1000;
    }
    
    @media (max-width: 767px) {
        .page_header {
            padding-bottom: 5px;
        }
    }
    
    .page_header.bottom_mask_add::before {
        background-color: #000;
    }
    
    .page_header .container-fluid.bottom_mask_add::before {
        background-color: #000;
    }
    
    .page_header .social-icons a.color-bg-icon {
        margin-right: 10px;
    }
    
    .page_header .social-icons a.color-bg-icon::before {
        height: 2.6em;
        line-height: 2.6em;
        width: 2.6em;
    }
    
    .page_header .social-icons a.color-bg-icon:hover::before {
        height: calc(2.6em - 4px);
        line-height: calc(2.6em - 4px);
        width: calc(2.6em - 4px);
    }
    
    .page_header a.logo img {
        height: 126px;
        max-height: none;
        transition: all 0.2s linear 0s;
    }
    
    @media (max-width: 1400px) {
        .page_header a.logo img {
            height: 100px;
        }
    }
    
    .page_header div.top-includes {
        margin-top: 37px;
    }
    
    @media (max-width: 1200px) {
        .page_header div.top-includes {
            display: none;
        }
    }
    
    .page_header .top-includes {
        align-items: center;
        display: flex;
        justify-content: flex-end;
    }
    
    .page_header .top-includes li {
        margin-left: 0;
    }
    
    .page_header .top-includes a {
        font-size: 14px;
        margin-right: 27px;
    }
    
    .page_header .top-includes a:hover {
        color: #FFC000;
    }
    
    @media (max-width: 1650px) {
        .page_header .top-includes a {
            margin-right: 10px;
        }
    }
    
    .page_header .top-includes .header-phone {
        align-items: center;
        color: #fff;
        display: flex;
        flex-direction: column;
        font-size: 12px;
        letter-spacing: 4px;
        text-transform: uppercase;
    }
    
    .page_header .top-includes .header-phone .phone {
        border: 2px solid #fff;
        border-radius: 5px;
        font-family: "Vidaloka", serif;
        font-size: 24px;
        padding: 5px 15px;
    }
    
    @media (max-width: 1440px) {
        .page_header .top-includes .header-phone .phone {
            font-size: 18px;
        }
    }
    
    @media (max-width: 1200px) {
        .page_header .top-includes {
            justify-content: space-between;
        }
        .page_header .top-includes a {
            padding: 0;
        }
        .page_header .top-includes .header-phone span:first-child,
        .page_header .top-includes .header-phone span:last-child {
            display: none;
        }
        .page_header .top-includes .header-phone .phone {
            font-weight: 200;
            letter-spacing: 3px;
        }
        .page_header .top-includes .header-phone .phone span {
            display: inline-block;
        }
    }
    
    .boxed .page_header,
    .page_header.affix {
        box-shadow: 0 2px 15px 0 rgba(100, 100, 100, 0.05);
        opacity: 0.98;
        position: fixed !important;
        z-index: 1001;
    }
    
    .boxed .page_header:after,
    .page_header.affix:after {
        background-color: transparent;
    }
    
    .boxed .page_header .header-phone>span:last-child,
    .boxed .page_header .header-phone>span:first-child,
    .page_header.affix .header-phone>span:last-child,
    .page_header.affix .header-phone>span:first-child {
        display: inline-block;
        font-size: 0;
        height: 0;
        transition: visibility 0.2s linear 0s;
        visibility: hidden;
    }
    
    .boxed .page_header a.logo img,
    .page_header.affix a.logo img {
        height: 80px;
        max-height: none;
        transition: all 0.2s linear 0s;
    }
    
    .page_header.affix.s-bordertop::before {
        display: none;
    }
    
    @media (max-width: 991px) {
        .page_header.mobile-active {
            opacity: 1;
            z-index: 1003;
        }
    }
    
    .page_header.affix-bottom {
        position: fixed;
        top: 0 !important;
    }
    
    .page_header .row {
        min-height: 60px;
    }
    
    .page_header a {
        display: inline-block;
    }
    
    .page_header .btn {
        margin-bottom: 0;
        padding: 10px 28px;
    }
    
    .header_absolute {
        position: relative;
    }
    
    .header_absolute .page_header,
    .header_absolute .page_header_wrapper {
        left: 0;
        position: absolute;
        right: 0;
        z-index: 1002;
    }
    
    .header_absolute .page_topline,
    .header_absolute .page_toplogo,
    .header_absolute .page_header_wrapper,
    .header_absolute .page_title {
        background-color: transparent;
    }
    
    #canvas:not(.boxed) .header_absolute .page_header.affix-top {
        background-color: transparent;
    }
    
    #canvas:not(.boxed) .header_absolute .page_header.affix-top.bottom_mask_add::before {
        background-color: transparent;
        transition: all 0.2s linear 0.12s;
    }
    
    .page_topline {
        line-height: 1.4;
    }
    
    .page_topline.small-text i {
        font-size: 14px;
    }
    
    .page_topline .icon-inline {
        justify-content: center;
    }
    
    .page_topline .social-icons {
        display: inline-block;
    }
    
    .page_topline .social-icons a.color-bg-icon {
        margin-right: 10px;
    }
    
    .page_topline .social-icons a.color-bg-icon::before {
        height: 2.6em;
        line-height: 2.6em;
        width: 2.6em;
    }
    
    .page_topline .social-icons a.color-bg-icon:hover::before {
        height: calc(2.6em - 4px);
        line-height: calc(2.6em - 4px);
        width: calc(2.6em - 4px);
    }
    
    .page_topline .widget_nav_menu {
        display: inline-block;
    }
    
    .page_topline ul {
        margin: 0;
        padding: 0;
    }
    
    .page_topline ul li {
        display: inline-block;
    }
    
    .page_topline .dropdown-menu {
        margin: 23px 0 0 -25px;
        min-width: auto;
    }
    
    .page_topline .dropdown-language a>img {
        bottom: 1px;
        margin-right: 6px;
        max-width: 16px;
        position: relative;
    }
    
    .page_topline .owl-news-slider-dates {
        font-weight: 700;
    }
    
    .page_topline .topline-news-item {
        height: 2em;
        line-height: 2em;
        margin: 0 90px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    .page_topline .topline-news-item .cat-links {
        display: inline;
    }
    
    .page_topline .topline-news-nav-arrow {
        border: 1px solid #1a1a1a;
        bottom: 20px;
        font-size: 10px;
        line-height: 38px;
        position: relative;
        transition: opacity 0.2s ease-in-out;
        width: 40px;
    }
    
    .page_topline .topline-news-nav-arrow:hover {
        opacity: 0.5;
    }
    
    .page_topline .owl-nav>div {
        opacity: 1;
    }
    
    .page_toplogo a.color-bg-icon {
        margin-right: 10px;
    }
    
    .page_toplogo a.color-bg-icon::before {
        height: 2.6em;
        line-height: 2.6em;
        width: 2.6em;
    }
    
    .page_toplogo a.color-bg-icon:hover::before {
        height: calc(2.6em - 4px);
        line-height: calc(2.6em - 4px);
        width: calc(2.6em - 4px);
    }
    
    @media (min-width: 992px) {
        .page_toplogo .media+.media {
            margin-left: 60px;
        }
    }
    
    .page_toplogo .widget_search form,
    .page_toplogo .widget_product_search form,
    .page_toplogo .widget_search input,
    .page_toplogo .widget_product_search input {
        max-width: none;
    }
    
    @media (max-width: 991px) {
        .page_toplogo .media {
            margin: 10px;
        }
    }
    
    @media (min-width: 1500px) {
        .page_topline .container-fluid,
        .page_toplogo .container-fluid,
        .page_header .container-fluid {
            padding-left: 60px;
            padding-right: 60px;
        }
    }
    /*header includes*/
    
    .top-includes {
        margin: 0;
        padding: 0;
    }
    
    @media (min-width: 992px) {
        .top-includes {
            white-space: nowrap;
        }
    }
    
    .top-includes>* {
        display: inline-block;
    }
    
    .top-includes>li {
        margin-left: 10px;
    }
    
    .top-includes>li:first-child {
        margin-left: 0;
    }
    
    @media (min-width: 992px) {
        .top-includes.border-divided>li+li {
            border-left: 2px solid rgba(200, 200, 200, 0.35);
            margin-left: 26px;
            padding-left: 30px;
        }
    }
    
    @media (min-width: 992px) {
        .top-nav+.top-includes {
            margin-left: 50px;
        }
    }
    
    @media (max-width: 991px) {
        .top-includes.md-absolute {
            bottom: 0;
            position: absolute;
            right: 80px;
        }
    }
    
    .top-includes a.border-icon,
    .top-includes a.bg-icon,
    .top-includes a.color-bg-icon {
        margin-bottom: 2px;
        margin-top: 2px;
    }
    /*logo*/
    
    a.logo {
        align-items: center;
        display: flex;
    }
    
    a.logo img {
        display: inline-block;
        max-height: 80px;
    }
    
    a.logo .logo-text {
        font-size: 34px;
        padding: 0 10px;
    }
    
    a.logo .logo-subtext {
        font-size: 22px;
        padding: 0 10px;
    }
    
    a.logo .logo-text-bottom {
        font-size: 26px;
    }
    
    a.logo .flex-column,
    a.logo.flex-column {
        align-items: flex-start;
        padding-bottom: 10px;
        padding-top: 10px;
    }
    
    a.logo .flex-column.text-center,
    a.logo.flex-column.text-center {
        display: inline-block;
    }
    
    .text-center a.logo {
        align-items: center;
        justify-content: center;
    }
    
    .header_logo_center a.logo {
        display: inline-block;
        padding: 10px 0;
        position: relative;
        z-index: 2;
    }
    
    .header_logo_center.affix a.logo {
        padding: 5px 0;
    }
    
    @media (min-width: 992px) {
        .header_logo_center .logo_wrapper {
            align-items: center;
            bottom: 0;
            display: flex;
            justify-content: center;
            left: 0;
            position: absolute;
            right: 0;
            top: 0;
        }
    }
    /*search modal*/
    
    #search_modal {
        padding: 0 !important;
    }
    
    #search_modal .widget {
        background-color: #fff;
        padding: 20px 0;
    }
    
    @media (min-width: 1200px) {
        #search_modal .widget:before {
            content: "";
            height: 100px;
            opacity: 0.2;
            position: absolute;
            top: 0;
            width: 100%;
        }
    }
    
    #search_modal .search-form {
        margin: 0 auto;
        max-width: 80%;
    }
    
    @media (max-width: 767px) {
        #search_modal .search-form {
            max-width: 70%;
        }
    }
    
    #search_modal a {
        color: #fff;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.1em;
        line-height: 1.6em;
        text-transform: uppercase;
    }
    
    #search_modal a:hover {
        color: #FFC000;
        opacity: 1;
    }
    
    #search_modal .searchform-respond {
        color: #fff;
        margin: 20px auto;
        width: 300px;
    }
    
    #search_modal .form-group {
        margin-bottom: 0;
    }
    
    #search_modal .form-control {
        background-color: transparent;
        border: none;
        color: #1a1a1a;
        font-size: 28px;
        font-style: italic;
        height: 60px;
        max-width: none;
        width: 100%;
    }
    
    #search_modal .form-control:-moz-placeholder {
        color: #989898;
        opacity: 1;
    }
    
    #search_modal .form-control::-moz-placeholder {
        color: #989898;
        opacity: 1;
    }
    
    #search_modal .form-control:-ms-input-placeholder {
        color: #989898;
    }
    
    #search_modal .form-control::-webkit-input-placeholder {
        color: #989898;
    }
    
    #search_modal .btn {
        color: #1a1a1a;
        font-size: 0;
        margin: 0 60px 0 0;
        padding: 30px 22px 25px;
        width: auto;
    }
    
    #search_modal .btn:before {
        color: #1a1a1a;
        font-size: 18px;
    }
    
    #search_modal .close {
        color: #1a1a1a;
        font-size: 30px;
        line-height: 60px;
        min-width: 60px;
        opacity: 1;
        position: absolute;
        right: 0;
        text-align: center;
        text-shadow: none;
        top: 18px;
        z-index: 2;
    }
    
    .active-side-header #search_modal {
        right: 310px;
    }
    
    .search_modal_button {
        display: inline-block;
        font-size: 14px;
        line-height: 1;
        padding: 0 0 0 10px;
    }
    /*
** Side Header
*/
    /* side header layout */
    
    body:after {
        background-color: rgba(0, 0, 0, 0.5);
        bottom: 0;
        content: "";
        left: 0;
        opacity: 0;
        position: fixed;
        right: 0;
        top: 0;
        visibility: hidden;
        z-index: 1001;
    }
    
    body,
    body:after,
    #canvas,
    .page_header_side {
        transition: 0.5s ease-in-out;
    }
    
    #canvas {
        left: 0;
        transition-property: left, margin-left;
    }
    
    body.active-side-header {
        overflow: hidden;
    }
    
    body.active-side-header #canvas {
        left: 310px;
    }
    
    body.active-side-header .page_header_side {
        left: 0;
    }
    
    body.active-side-header:after {
        opacity: 1;
        visibility: visible;
    }
    
    html.html-active-push-header {
        overflow: hidden;
    }
    
    .page_header_side {
        bottom: 0;
        left: -310px;
        position: fixed;
        top: 0;
        width: 310px;
        z-index: 1002;
    }
    
    .page_header_side.active-slide-side-header {
        box-shadow: 0 0 4px 3px rgba(50, 50, 50, 0.05);
    }
    
    .page_header_side~.page_toplogo .toggle_menu {
        display: none;
    }
    
    .page_header_side a.logo {
        margin-bottom: 20px;
        padding: 10px 20px;
    }
    
    .page_header_side a.logo img {
        max-width: 100%;
    }
    
    .page_header_side .widget {
        margin-top: 60px;
        padding-left: 30px;
        padding-right: 30px;
    }
    
    .page_header_side .widget_icons_list li+li {
        margin-top: 1em;
    }
    
    .page_header_side .social-icons {
        display: block;
        margin-top: 43px;
    }
    
    .page_header_side .social-icons a.border-icon,
    .page_header_side .social-icons a.bg-icon,
    .page_header_side .social-icons a.color-bg-icon {
        margin-bottom: 2px;
        margin-top: 2px;
    }
    
    @media (min-width: 1200px) {
        .page_header_side~.page_topline .container-fluid,
        .page_header_side~.page_toplogo .container-fluid,
        .page_header_side~div .page_header .container-fluid {
            padding-left: 65px;
            padding-right: 65px;
        }
    }
    
    @media (max-width: 1199px) {
        .page_header_side~.page_topline [class*="container"],
        .page_header_side~.page_toplogo [class*="container"],
        .page_header_side~div .page_header [class*="container"] {
            padding-left: 65px;
            padding-right: 65px;
        }
    }
    
    .side_header_inner {
        padding: 26px 0 60px;
    }
    
    .toggle_menu_side {
        margin: 0;
        position: absolute;
        right: -60px;
        top: 0;
        transition: right 0.3s ease-in-out;
    }
    
    @media (max-width: 370px) {
        .toggle_menu_side.active {
            opacity: 0.4;
            right: 0;
        }
    }
    
    .toggle_menu_side:before,
    .toggle_menu_side span:before,
    .toggle_menu_side span:after,
    .toggle_menu_side span {
        background-color: #fff !important;
    }
    
    .ds .toggle_menu_side {
        background-color: #FFC000;
    }
    
    .bs .toggle_menu_side {
        background-color: #FFC000;
    }
    
    .ls .toggle_menu_side {
        background-color: #FFC000;
    }
    
    .page_header_side.header_side_sticked .toggle_menu_side {
        right: -60px;
        top: 0;
        transition: 0.5s ease-in-out;
    }
    
    .page_header_side.active-slide-side-header {
        left: 0;
    }
    
    .active-side-header .boxed .header_push~div .page_header,
    .active-side-header .header_push~div .page_header.affix {
        margin-left: 310px;
    }
    
    .active-side-header.slide-right .boxed .header_push~div .page_header,
    .active-side-header.slide-right .header_push~div .page_header.affix {
        margin-left: -310px;
    }
    
    .page_header_side.header_side_right {
        left: auto;
        right: -310px;
    }
    
    .page_header_side.header_side_right.active-slide-side-header {
        right: 0;
    }
    
    .page_header_side.header_side_right .toggle_menu_side {
        left: -60px;
        right: auto;
        transition: left 0.3s ease-in-out;
    }
    
    @media (max-width: 370px) {
        .page_header_side.header_side_right .toggle_menu_side.active {
            left: 0;
        }
    }
    
    body.active-side-header.slide-right #canvas {
        left: -310px;
    }
    
    body.active-side-header.slide-right .page_header_side {
        left: auto;
        right: 0;
    }
    
    @media (min-width: 600px) {
        .page_header_side.header_side_sticked.active-slide-side-header {
            left: 0;
        }
        .header_side_sticked~* {
            transition: margin 0.5s ease-in-out;
        }
        .header_side_sticked~* .container-fluid {
            padding-left: 80px;
        }
        .header_side_sticked~div .page_header {
            width: auto;
        }
        .header_side_sticked.active-slide-side-header~*,
        .header_side_sticked.active-slide-side-header~div .page_header {
            margin-left: 310px;
        }
        .boxed .header_side_sticked.active-slide-side-header~*,
        .boxed .header_side_sticked.active-slide-side-header~div .page_header {
            margin-left: 0;
        }
        .header_side_sticked~.page_header_wrapper {
            margin: 0 !important;
        }
        .page_header_side.header_side_sticked.header_side_right.active-slide-side-header {
            left: auto;
        }
        .header_side_sticked.header_side_right.active-slide-side-header~*,
        .header_side_sticked.header_side_right.active-slide-side-header~div .page_header {
            margin-left: 0;
            margin-right: 310px;
        }
    }
    
    .header_absolute .page_header {
        background-color: #000;
    }
    
    .header_absolute .page_header.affix.bottom_mask_add::before {
        background-color: #000;
        transition: all 0.4s linear 0s;
    }
    
    .header_absolute .page_header.affix .container-fluid {
        padding-bottom: 10px;
        padding-top: 5px;
    }
    
    .header_absolute .page_header.affix .header-phone>span:last-child,
    .header_absolute .page_header.affix .header-phone>span:first-child {
        display: inline-block;
        font-size: 0;
        height: 0;
        transition: visibility 0.2s linear 0s;
        visibility: hidden;
    }
    
    .header_absolute .page_header.affix a.logo img {
        height: 85px;
    }
    
    @media (max-width: 1200px) {
        .header_absolute .page_header.affix a.logo img {
            height: 80px;
        }
    }
    
    .page_header_side.vertical_menu_header {
        background-color: #000;
        bottom: auto;
        left: 0;
        width: auto;
        z-index: 1002;
    }
    
    .page_header_side.vertical_menu_header .side_header_inner {
        opacity: 0;
        position: absolute;
        top: 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: top;
        transform-origin: top;
        visibility: hidden;
    }
    
    .page_header_side.bottom_mask_add::before {
        background-color: #000;
    }
    
    .page_header_side .header-phone {
        align-items: center;
        color: #fff;
        display: flex;
        flex-direction: column;
        font-family: "Vidaloka", serif;
        font-size: 12px;
        letter-spacing: 4px;
        margin-top: 37px;
        text-transform: uppercase;
    }
    
    @media (max-width: 1199px) {
        .page_header_side .header-phone {
            margin-top: 10px;
        }
    }
    
    @media (max-width: 992px) {
        .page_header_side .header-phone {
            display: none;
        }
    }
    
    .page_header_side .phone {
        align-items: center;
        border: 2px solid #fff;
        border-radius: 5px;
        display: flex;
        font-family: "Vidaloka", serif;
        font-size: 24px;
        letter-spacing: 0;
        padding: 4px 15px;
    }
    
    .page_header_side a.logo {
        margin: 0;
        min-width: 278px;
        padding: 0;
    }
    
    .page_header_side a.logo img {
        height: 126px;
        max-height: none;
        transition: all 0.2s linear 0s;
    }
    
    @media (max-width: 1200px) {
        .page_header_side a.logo img {
            height: 80px;
        }
    }
    
    @media (max-width: 992px) {
        .page_header_side a.logo {
            min-width: 200px;
        }
    }
    
    .page_header_side .container-fluid {
        position: relative;
        transition: all 0.2s linear 0s;
        z-index: 500;
    }
    
    .page_header_side .header-soc {
        align-items: center;
        display: flex;
        justify-content: flex-end;
        margin-top: 37px;
        width: 278px;
    }
    
    .page_header_side .header-soc a {
        font-size: 14px;
        margin-right: 27px;
    }
    
    .page_header_side .header-soc a:hover {
        color: #FFC000;
    }
    
    @media (max-width: 992px) {
        .page_header_side .header-soc a {
            display: none;
        }
    }
    
    @media (max-width: 1199px) {
        .page_header_side .header-soc {
            margin-top: 10px;
        }
    }
    
    @media (max-width: 992px) {
        .page_header_side .header-soc {
            margin-bottom: 10px;
            margin-top: 34px;
            width: auto;
        }
    }
    
    .page_header_side .header-soc .toggle_menu_side {
        background-color: transparent !important;
        display: block;
        position: relative;
        right: 0;
        transition: all .3s ease-in-out;
    }
    
    .page_header_side .header-soc .toggle_menu_side::before {
        background: transparent !important;
        color: #fff;
        content: "menu";
        font-family: "Vidaloka", serif;
        font-size: 12px;
        height: auto;
        left: 50%;
        letter-spacing: 2px;
        position: absolute;
        text-transform: uppercase;
        top: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        transition: 0.25s ease-in-out;
    }
    
    .page_header_side .header-soc .toggle_menu_side span {
        background: transparent !important;
    }
    
    .page_header_side .header-soc .toggle_menu_side span::before,
    .page_header_side .header-soc .toggle_menu_side span::after {
        width: 40px;
    }
    
    .page_header_side .header-soc .toggle_menu_side span::before {
        top: -20px;
    }
    
    .page_header_side .header-soc .toggle_menu_side span::after {
        top: 18px;
    }
    
    .page_header_side .header-soc .toggle_menu_side::after {
        background: transparent !important;
        color: #fff;
        content: "close";
        display: none;
        font-family: "Vidaloka", serif;
        font-size: 12px;
        height: auto;
        left: 50%;
        letter-spacing: 2.6px;
        position: absolute;
        text-transform: uppercase;
        top: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        transition: 0.25s ease-in-out;
    }
    
    .page_header_side .header-soc .toggle_menu_side:hover::before,
    .page_header_side .header-soc .toggle_menu_side:hover::after {
        color: #FFC000;
    }
    
    .page_header_side .header-soc .toggle_menu_side:hover span::before,
    .page_header_side .header-soc .toggle_menu_side:hover span::after {
        background-color: #FFC000 !important;
    }
    
    .page_header_side .header-soc .toggle_menu_side.mobile-active::before {
        display: none;
    }
    
    .page_header_side .header-soc .toggle_menu_side.mobile-active::after {
        background-color: #1a1a1a !important;
        display: block;
        line-height: 19px;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        transition: 0.25s ease-in-out;
    }
    
    .page_header_side .header-soc .toggle_menu_side.mobile-active span::before,
    .page_header_side .header-soc .toggle_menu_side.mobile-active span::after {
        opacity: 1;
    }
    
    .page_header_side .header-soc .toggle_menu_side.mobile-active span::before {
        left: -11px;
        top: 0;
        width: 55px;
    }
    
    .page_header_side .header-soc .toggle_menu_side.mobile-active span::after {
        left: -12px;
        top: -1px;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        width: 55px;
    }
    
    .page_header_side .firefox-on-macos {
        overflow: scroll !important;
    }
    
    .page_header_side .firefox-on-macos.scroll-wrapper>.scroll-content {
        overflow: auto;
    }
    
    .page_header_side .side_header_inner {
        background: url("../images/bg-menu.jpg") no-repeat center/cover;
        min-height: 100vh;
        padding: 0;
        padding-top: 270px;
        transition: all 0.2s linear 0.2s;
        width: 100%;
    }
    
    @media (max-width: 1440px) {
        .page_header_side .side_header_inner {
            padding-top: 200px;
        }
    }
    
    @media (max-width: 992px) {
        .page_header_side .side_header_inner {
            padding-top: 150px;
        }
    }
    
    .page_header_side .side_header_inner .scroll-wrapper {
        height: 100%;
        max-height: calc(100vh - 350px);
        min-height: 600px;
    }
    
    .page_header_side .side_header_inner .scroll-wrapper::before {
        box-shadow: 10px 20px 28px 45px #1a1a1a;
        content: "";
        display: inline-block;
        height: 0;
        left: 0;
        position: absolute;
        top: -40px;
        width: 100%;
        z-index: 1000;
    }
    
    .page_header_side .side_header_inner .scroll-wrapper::after {
        bottom: -35px;
        box-shadow: 10px -20px 28px 45px #1a1a1a;
        content: "";
        display: inline-block;
        height: 0;
        left: 0;
        position: absolute;
        width: 100%;
        z-index: 1000;
    }
    
    @media (max-width: 1440px) {
        .page_header_side .side_header_inner .scroll-wrapper {
            max-height: calc(100vh - 280px);
            min-height: initial;
        }
        .page_header_side .side_header_inner .scroll-wrapper::after {
            bottom: -32px;
        }
    }
    
    @media (max-width: 992px) {
        .page_header_side .side_header_inner .scroll-wrapper {
            max-height: calc(100vh - 230px);
            padding-bottom: 30px;
        }
        .page_header_side .side_header_inner .scroll-wrapper::after {
            bottom: -5px;
        }
    }
    
    .page_header_side .side_header_inner .bottom_part {
        align-items: center;
        bottom: 35px;
        display: none;
        justify-content: space-between;
        left: 20px;
        position: absolute;
        right: 20px;
    }
    
    .page_header_side .side_header_inner .bottom_part .header-soc {
        margin-bottom: 0;
        width: auto;
    }
    
    .page_header_side .side_header_inner .bottom_part .header-soc a {
        margin-right: 15px;
    }
    
    .page_header_side .side_header_inner .bottom_part .header-soc a:last-child {
        margin-right: 0;
    }
    
    @media (max-width: 992px) {
        .page_header_side .side_header_inner .bottom_part {
            display: flex;
        }
        .page_header_side .side_header_inner .bottom_part .header-soc a,
        .page_header_side .side_header_inner .bottom_part .header-phone {
            display: flex;
        }
    }
    
    .page_header_side .side_header_inner .header-side-menu {
        align-items: center;
        display: flex;
        height: 100%;
    }
    
    .page_header_side .side_header_inner .toggle_menu_side {
        background-color: transparent !important;
        display: block;
        position: relative;
        right: 0;
        transition: all .3s ease-in-out;
    }
    
    .page_header_side .side_header_inner .toggle_menu_side::before {
        background: transparent !important;
        color: #fff;
        content: "menu";
        font-family: "Vidaloka", serif;
        font-size: 12px;
        height: auto;
        left: 50%;
        letter-spacing: 2.6px;
        position: absolute;
        text-transform: uppercase;
        top: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        transition: 0.25s ease-in-out;
    }
    
    .page_header_side .side_header_inner .toggle_menu_side span {
        background: transparent !important;
    }
    
    .page_header_side .side_header_inner .toggle_menu_side span::before,
    .page_header_side .side_header_inner .toggle_menu_side span::after {
        width: 40px;
    }
    
    .page_header_side .side_header_inner .toggle_menu_side span::before {
        top: -18px;
    }
    
    .page_header_side .side_header_inner .toggle_menu_side span::after {
        top: 15px;
    }
    
    .page_header_side .side_header_inner .toggle_menu_side::after {
        background: transparent !important;
        color: #fff;
        content: "close";
        display: none;
        font-family: "Vidaloka", serif;
        font-size: 12px;
        height: auto;
        left: 50%;
        letter-spacing: 2.6px;
        position: absolute;
        text-transform: uppercase;
        top: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        transition: 0.25s ease-in-out;
    }
    
    .page_header_side .side_header_inner .toggle_menu_side:hover::before,
    .page_header_side .side_header_inner .toggle_menu_side:hover::after {
        color: #FFC000;
    }
    
    .page_header_side .side_header_inner .toggle_menu_side:hover span::before,
    .page_header_side .side_header_inner .toggle_menu_side:hover span::after {
        background-color: #FFC000 !important;
    }
    
    .page_header_side .side_header_inner .toggle_menu_side.mobile-active::before {
        display: none;
    }
    
    .page_header_side .side_header_inner .toggle_menu_side.mobile-active::after {
        background: #1a1a1a !important;
        display: block;
        line-height: 19px;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
    
    .page_header_side .side_header_inner .toggle_menu_side.mobile-active span::before,
    .page_header_side .side_header_inner .toggle_menu_side.mobile-active span::after {
        opacity: 1;
    }
    
    .page_header_side .side_header_inner .toggle_menu_side.mobile-active span::before {
        left: -10px;
        top: 0;
        width: 55px;
    }
    
    .page_header_side .side_header_inner .toggle_menu_side.mobile-active span::after {
        left: -12px;
        top: -1px;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        width: 55px;
    }
    
    .page_header_side .side_header_inner .container-fluid {
        padding: 0 !important;
    }
    
    .page_header_side .side_header_inner .container-fluid [class*="col-"] {
        margin-bottom: 0;
        margin-top: 0;
    }
    
    .page_header_side .side_header_inner .menu-side-click .menu-click .active-submenu>a {
        background: transparent;
    }
    
    .page_header_side .side_header_inner .menu-side-click .menu-click li {
        text-align: center;
    }
    
    .page_header_side .side_header_inner .menu-side-click .menu-click .toggle_submenu::before {
        content: none;
    }
    
    .page_header_side .side_header_inner .menu-side-click .menu-click a {
        font-family: "Vidaloka", serif;
        font-size: 50px;
        font-weight: 400;
        line-height: 70px;
        padding: 0;
        text-transform: uppercase;
    }
    
    .page_header_side .side_header_inner .menu-side-click .menu-click a:hover {
        background-color: transparent;
        color: #FFC000;
    }
    
    @media (max-width: 1200px) {
        .page_header_side .side_header_inner .menu-side-click .menu-click a {
            font-size: 40px;
            line-height: 65px;
        }
    }
    
    @media (max-width: 992px) {
        .page_header_side .side_header_inner .menu-side-click .menu-click a {
            font-size: 30px;
            line-height: 55px;
        }
    }
    
    .page_header_side .side_header_inner .menu-side-click .menu-click .active-submenu a {
        color: #FFC000;
        font-size: 50px;
    }
    
    .page_header_side .side_header_inner .menu-side-click .menu-click .active-submenu ul {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    .page_header_side .side_header_inner .menu-side-click .menu-click .active-submenu ul li {
        width: auto;
    }
    
    .page_header_side .side_header_inner .menu-side-click .menu-click .active-submenu ul li a {
        color: #999797;
        font-size: 24px;
        line-height: 50px;
    }
    
    .page_header_side .side_header_inner .menu-side-click .menu-click .active-submenu ul li a:hover {
        color: #FFC000;
    }
    
    .page_header_side .side_header_inner .menu-side-click .menu-click .active-submenu ul li.active-submenu>a {
        color: #FFC000;
    }
    
    .page_header_side .side_header_inner .menu-side-click .menu-click .active-submenu ul li.active-submenu ul {
        flex-direction: column;
    }
    
    .page_header_side .side_header_inner .menu-side-click .menu-click .active-submenu ul li.active-submenu ul li a {
        font-size: 18px;
        line-height: 50px;
    }
    
    @media (max-width: 1200px) {
        .page_header_side .side_header_inner .menu-side-click .menu-click .active-submenu a {
            font-size: 40px;
            line-height: 55px;
        }
        .page_header_side .side_header_inner .menu-side-click .menu-click .active-submenu ul li a {
            font-size: 24px;
            line-height: 40px;
        }
        .page_header_side .side_header_inner .menu-side-click .menu-click .active-submenu ul li.active-submenu ul li a {
            font-size: 18px;
            line-height: 40px;
        }
    }
    
    @media (max-width: 992px) {
        .page_header_side .side_header_inner .menu-side-click .menu-click .active-submenu a {
            font-size: 30px;
            line-height: 50px;
        }
        .page_header_side .side_header_inner .menu-side-click .menu-click .active-submenu ul li a {
            font-size: 20px;
            line-height: 40px;
        }
        .page_header_side .side_header_inner .menu-side-click .menu-click .active-submenu ul li.active-submenu ul li a {
            font-size: 18px;
            line-height: 40px;
        }
    }
    
    .page_header_side.active-slide-side-header {
        background-color: #252525;
    }
    
    .page_header_side.active-slide-side-header .side_header_inner {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        transition: all 0.1s ease-in-out;
        visibility: visible;
        z-index: 6;
    }
    
    .page_header_side.active-slide-side-header .toggle_menu_side::before {
        top: 50%;
        -webkit-transform: rotate(-495deg);
        transform: rotate(-495deg);
    }
    
    .page_header_side.active-slide-side-header .toggle_menu_side::after {
        top: 50%;
        -webkit-transform: rotate(495deg);
        transform: rotate(495deg);
    }
    
    .page_header_side .header_bottom_part {
        background-color: #fff;
        color: #252525;
        min-height: 160px;
        padding-left: 30px;
        padding-right: 30px;
    }
    
    @media (max-width: 768px) {
        .page_header_side .header_bottom_part {
            padding-bottom: 10px;
            padding-top: 10px;
        }
    }
    
    @media (max-width: 1200px) {
        .page_header_side .header_bottom_part .col-12 {
            align-items: center;
            flex-direction: column;
            justify-content: center;
        }
        .page_header_side .header_bottom_part .col-12 .media-wrap {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }
        .page_header_side .header_bottom_part .col-12 .media-wrap .media {
            margin: 0 15px;
        }
        .page_header_side .header_bottom_part .col-12 .media-wrap .media .media-body p {
            font-size: 16px;
        }
        .page_header_side .header_bottom_part .col-12 .media-wrap .media+.media {
            margin-left: 0;
        }
    }
    
    @media (max-width: 1400px) {
        .page_header_side .header_bottom_part h5 {
            display: none;
        }
    }
    
    @media (min-width: 1200px) {
        .page_header_side .header_bottom_part {
            padding-left: 55px;
            padding-right: 55px;
        }
    }
    
    @media (min-width: 1600px) {
        .page_header_side .header_bottom_part {
            padding-left: 80px;
            padding-right: 80px;
        }
    }
    
    .page_header_side .header_bottom_part h5 {
        color: #252525;
    }
    
    .page_header_side .header_bottom_part .media+.media {
        margin-left: 40px;
    }
    
    .page_header_side .header_bottom_part .media .icon-styled {
        margin-top: 0;
    }
    
    .page_header_side .header_bottom_part .media .media-body>p:first-child {
        font-size: 20px;
        font-weight: bold;
        margin-top: 0;
    }
    
    .page_header_side .header_bottom_part .social-icons .icon-styled {
        border-color: #252525;
    }
    
    .page_header_side .header_bottom_part .social-icons .icon-styled a {
        color: #252525;
    }
    
    .page_header_side .header_bottom_part .social-icons .icon-styled a:hover {
        color: #252525 !important;
    }
    
    .page_header_side .header_bottom_part .social-icons .icon-styled:hover {
        background-color: transparent;
        border-width: 4px;
    }
    
    .page_header_side .header_bottom_part .social-icons .icon-styled:hover a {
        color: #252525;
    }
    
    @media (min-width: 1600px) {
        .page_header_side.vertical_menu_header:not(.affix) .container-fluid {
            transition: all 0.2s linear 0s;
        }
    }
    
    @media (min-width: 1400px) {
        .page_header_side.vertical_menu_header .container-fluid {
            transition: all 0.2s linear 0s;
        }
    }
    /* 
** Intro Section Styles
*/
    
    .page_slider {
        clear: both;
        overflow: hidden;
        position: relative;
    }
    
    .page_slider>img {
        width: 100%;
    }
    
    @media (max-width: 768px) {
        .page_slider>img {
            display: none;
        }
    }
    
    .page_slider.bottom_mask_subtract::after {
        z-index: 6;
    }
    
    @media (max-width: 767px) {
        .page_slider.bottom_mask_subtract::after {
            background-color: #060606;
            z-index: 4;
        }
    }
    
    .page_slider .ds.s-overlay::before {
        opacity: 0.6;
    }
    
    @media (max-width: 768px) {
        .page_slider {
            min-height: 450px;
        }
        .page_slider .flexslider .slides,
        .page_slider .intro_layers,
        .page_slider .slides>li {
            min-height: 450px;
        }
    }
    
    .page_slider.video-bg .s-overlay.ds:before {
        opacity: 0.8;
    }
    
    @media (min-width: 1300px) {
        .page_slider.video-bg {
            background-image: none !important;
        }
    }
    
    @media (max-width: 1200px) {
        .page_slider.video-bg .s-overlay.ds:before {
            opacity: 0.6;
        }
    }
    
    @media (max-width: 768px) {
        .page_slider.video-bg img {
            display: none;
        }
    }
    
    .page_slider .video-bg .s-overlay.ds:before {
        opacity: 0.8;
    }
    
    @media (min-width: 1300px) {
        .page_slider .video-bg {
            background-image: none !important;
        }
    }
    
    @media (max-width: 1200px) {
        .page_slider .video-bg .s-overlay.ds:before {
            opacity: 0.6;
        }
    }
    
    .page_slider video {
        min-width: 100%;
    }
    
    .page_slider .flex-bg {
        bottom: 0;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
    }
    
    .page_slider .flex-bg.z-6::before {
        z-index: 6;
    }
    
    .page_slider h2 {
        font-size: 3em;
        line-height: 1;
        margin: 0;
    }
    
    .page_slider h3 {
        font-size: 2em;
        line-height: 1;
        margin: 0;
    }
    
    .page_slider h4 {
        font-size: 1.5em;
        margin: 0;
    }
    
    .page_slider p {
        font-size: 1.2em;
        margin: 0;
    }
    
    @media (min-width: 992px) {
        .page_slider h2 {
            font-size: 6em;
        }
        .page_slider h3 {
            font-size: 3em;
        }
        .page_slider h4 {
            font-size: 2.5em;
        }
        .page_slider p {
            font-size: 1.7em;
        }
    }
    
    .page_slider .soc-buttons {
        bottom: 250px;
        font-family: "Vidaloka", serif;
        font-size: 12px;
        left: 120px;
        letter-spacing: 5px;
        position: absolute;
        text-transform: uppercase;
        z-index: 7;
    }
    
    .page_slider .soc-buttons span+span {
        margin-left: 6px;
    }
    
    .page_slider .soc-buttons .fa:hover {
        color: #FFC000;
    }
    
    @media (max-width: 1200px) {
        .page_slider .soc-buttons {
            bottom: 225px;
            left: 60px;
        }
    }
    
    @media (max-width: 992px) {
        .page_slider .soc-buttons {
            bottom: 30px;
            left: 20px;
        }
    }
    
    @media (max-width: 768px) {
        .page_slider .soc-buttons {
            bottom: 60px;
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            white-space: nowrap;
        }
    }
    
    .page_slider .flex-direction-nav {
        bottom: 260px;
        height: 20px;
        position: absolute;
        right: 62px;
        width: 180px;
    }
    
    .page_slider .flex-direction-nav::before {
        color: #fff;
        content: "/";
        font-size: 12px;
        left: 33%;
        letter-spacing: 5px;
        opacity: 1;
        position: absolute;
        text-transform: uppercase;
        top: 0;
        z-index: 2;
    }
    
    .page_slider .flex-direction-nav a {
        margin: 0;
    }
    
    .page_slider .flex-direction-nav .flex-next:hover::before,
    .page_slider .flex-direction-nav .flex-next:hover::after,
    .page_slider .flex-direction-nav .flex-prev:hover::before,
    .page_slider .flex-direction-nav .flex-prev:hover::after {
        color: #FFC000;
    }
    
    .page_slider .flex-direction-nav .flex-next {
        display: flex;
        opacity: 1;
        right: 50px;
    }
    
    .page_slider .flex-direction-nav .flex-next::after {
        color: #fff;
        content: "next";
        font-family: "Vidaloka", serif;
        font-size: 12px;
        letter-spacing: 5px;
        order: 1;
        text-transform: uppercase;
        transition: all .3s ease-in-out;
    }
    
    .page_slider .flex-direction-nav .flex-next::before {
        font-size: 12px;
        order: 2;
        position: initial;
        transition: all .3s ease-in-out;
    }
    
    .page_slider .flex-direction-nav .flex-prev {
        display: flex;
        left: auto;
        opacity: 1;
    }
    
    .page_slider .flex-direction-nav .flex-prev::after {
        color: #fff;
        content: "prev";
        font-family: "Vidaloka", serif;
        font-size: 12px;
        letter-spacing: 5px;
        text-transform: uppercase;
        transition: all .3s ease-in-out;
    }
    
    .page_slider .flex-direction-nav .flex-prev::before {
        font-size: 12px;
        margin-right: 2px;
        position: initial;
        transition: all .3s ease-in-out;
    }
    
    .page_slider .flex-direction-nav a {
        top: auto;
        width: 54px;
    }
    
    @media (max-width: 1200px) {
        .page_slider .flex-direction-nav {
            bottom: 235px;
            width: 120px;
        }
        .page_slider .flex-direction-nav::before {
            left: 47%;
        }
        .page_slider .flex-direction-nav .flex-next {
            right: 0;
        }
    }
    
    @media (max-width: 992px) {
        .page_slider .flex-direction-nav {
            bottom: 39px;
            right: 20px;
        }
    }
    
    @media (max-width: 768px) {
        .page_slider .flex-direction-nav {
            bottom: 39px;
            right: 50%;
            -webkit-transform: translateX(50%);
            transform: translateX(50%);
            z-index: 8;
        }
    }
    
    .page_slider .intro_layer {
        position: relative;
    }
    
    .page_slider .intro_layer:first-child {
        margin-top: -160px;
    }
    
    @media (max-width: 992px) {
        .page_slider .intro_layer:first-child {
            margin-top: 0;
        }
    }
    
    .page_slider .intro_layer img {
        display: inline-block;
        left: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        width: auto;
    }
    
    .page_slider .flexslider .slides {
        display: flex;
    }
    
    @media (max-width: 768px) {
        .page_slider .flexslider li.cover-image {
            background-position: 50% 50%;
            bottom: 0;
            display: block;
            left: 0;
            position: absolute;
            right: 0;
            top: 0;
        }
        .page_slider .flexslider li.cover-image>img {
            display: none;
        }
    }
    
    .page_slider .flexslider:before,
    .page_slider .flexslider:after {
        clear: both;
        content: "";
        display: block;
    }
    
    .page_slider .flexslider.slider-shadow {
        padding-bottom: 50px;
    }
    
    .page_slider .flexslider.slider-shadow:before,
    .page_slider .flexslider.slider-shadow:after {
        background: transparent;
        bottom: 65px;
        box-shadow: 0 25px 20px rgba(0, 0, 0, 0.3);
        content: "";
        height: 20%;
        left: 10px;
        max-width: 400px;
        position: absolute;
        transform: rotate(-3deg);
        -webkit-transform: rotate(-3deg);
        width: 50%;
        z-index: 1;
    }
    
    .page_slider .flexslider.slider-shadow:after {
        left: auto;
        right: 10px;
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }
    
    .page_slider .intro_layers_wrapper {
        display: flex;
    }
    
    .page_slider .intro_after_featured_word {
        font-size: 12px;
        font-weight: 700;
        position: relative;
        text-transform: uppercase;
    }
    
    .page_slider .intro_after_featured_word a {
        transition: all .3s ease-in-out;
    }
    
    .page_slider .intro_layers {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 20px 0;
        width: 100%;
    }
    
    .page_slider .flex-control-nav {
        bottom: 55px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        position: absolute;
        width: 100%;
    }
    
    @media (max-width: 991px) {
        .page_slider .flex-control-nav {
            display: none;
        }
    }
    
    .page_slider .flex-control-nav li {
        display: block;
        padding-bottom: 6px;
        padding-top: 6px;
    }
    
    .page_slider .flex-control-nav li a {
        background: #fff;
        border-color: #fff;
        opacity: 0.5;
    }
    
    .page_slider .flex-control-nav li a.flex-active {
        opacity: 1;
    }
    
    @media (min-width: 300px) {
        .page_slider .cs,
        .page_slider .ds {
            background-color: transparent;
        }
        .page_slider .container-fluid,
        .page_slider .container,
        .page_slider img+.container {
            bottom: 0;
            left: 0;
            margin-left: auto;
            margin-right: auto;
            position: absolute;
            right: 0;
            top: 0;
        }
        .page_slider [class*="col-"] {
            margin-bottom: 0;
            margin-top: 0;
            min-height: 0;
            position: static;
        }
        .page_slider .intro_layers_wrapper {
            bottom: 0;
            height: 100%;
            left: 15px;
            position: absolute;
            right: 15px;
            top: 0;
            z-index: 6;
        }
    }
    
    @media (min-width: 300px) and (min-width: 600px) {
        .boxed .page_slider .intro_layers_wrapper {
            padding-left: 60px;
            padding-right: 60px;
        }
    }
    
    @media (min-width: 300px) {
        .page_slider .intro_text_top .intro_layers {
            justify-content: flex-start;
        }
        .page_slider .intro_text_bottom .intro_layers {
            justify-content: flex-end;
        }
        .page_slider .intro_before_featured_word {
            font-size: 20px;
            line-height: 0.8;
            margin: 0;
            padding: 0 0.2em;
            text-align: left;
            text-shadow: 0 0 7px rgba(0, 0, 0, 0.25);
        }
        .page_slider .intro_featured_word {
            font-size: 50px;
            line-height: 1.3;
            margin: 0;
            text-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
            white-space: nowrap;
        }
        .page_slider .intro_after_featured_word a {
            color: #fff;
            font-family: "Vidaloka", serif;
            font-size: 12px;
            letter-spacing: 4px;
        }
        .page_slider .intro_after_featured_word a:hover {
            color: #FFC000;
        }
    }
    
    .page_slider .nav-true .flex-direction-nav {
        display: block;
    }
    
    .page_slider .nav-true .flex-control-nav {
        display: none;
    }
    
    @media (max-width: 400px) {
        .page_slider .intro_featured_word {
            font-size: 50px;
        }
    }
    
    @media (min-width: 1200px) {
        .page_slider .intro_featured_word {
            font-size: 138px;
        }
    }
    
    @media (min-width: 992px) {
        .page_slider .flex-direction-nav {
            display: none;
        }
        .page_slider .intro_layers_wrapper {
            padding: 100px 0;
        }
        .page_slider .intro_before_featured_word {
            font-size: 42px;
        }
        .page_slider .intro_featured_word {
            font-size: 85px;
        }
        .page_slider .intro_after_featured_word {
            font-size: 12px;
            letter-spacing: 2em;
        }
    }
    
    @media (min-width: 1600px) {
        .page_slider .intro_featured_word {
            font-size: 120px;
            letter-spacing: 0.4em;
            white-space: nowrap;
        }
        .container .page_slider .intro_featured_word {
            font-size: 138px;
        }
    }
    
    @media (max-width: 991px) {
        .page_slider {
            text-align: center;
        }
    }
    /*
** Subpages
*/
    /*
** 404
*/
    
    .error-404 .page-header {
        text-align: center;
    }
    
    @media (min-width: 768px) {
        .error-404 .page-header {
            text-align: left;
        }
    }
    
    .error-404 .page-header h3 {
        color: #FFC000;
        font-size: 100px;
        line-height: 1;
        margin: 0;
    }
    
    @media (min-width: 992px) {
        .error-404 .page-header h3 {
            font-size: 200px;
            line-height: 185px;
            margin-bottom: 11px;
        }
    }
    
    .error-404 .page-header p {
        color: #fff;
        font-family: "Vidaloka", serif;
        font-size: 50px;
        font-weight: 500;
        text-align: left;
    }
    
    @media (max-width: 992px) {
        .error-404 .page-header p {
            font-size: 35px;
        }
    }
    
    @media (max-width: 767px) {
        .error-404 .page-header p {
            font-size: 24px;
            text-align: center;
        }
    }
    
    .error-404 .page-content {
        align-items: center;
        color: #989898;
        display: flex;
        flex-direction: column;
        padding-top: 33px;
    }
    
    @media (min-width: 768px) {
        .error-404 .page-content {
            align-items: flex-start;
        }
    }
    
    @media (max-width: 768px) {
        .error-404 .page-content {
            color: #fff;
        }
    }
    
    .error-404 .page-content span {
        font-size: 20px;
    }
    
    .error-404 .widget_search {
        margin: 21px 0 8px 0;
    }
    
    .error-404 .widget_search input {
        width: 350px;
    }
    
    @media (max-width: 480px) {
        .error-404 .widget_search {
            background: transparent;
            width: 100%;
        }
        .error-404 .widget_search input {
            width: 100%;
        }
    }
    
    .error-404 .btn {
        width: 232px;
    }
    
    .error-404 .divider_or {
        margin-bottom: 9px;
    }
    /*
** Blog
*/
    
    .masonry-layout .post .item-media img {
        border-radius: 5px 5px 0 0;
    }
    
    .masonry-layout .post .item-content {
        background: #000;
        border: none;
        border-radius: 0 0 5px 5px;
    }
    
    .post {
        /* Events */
    }
    
    .post .title-post {
        font-size: 35px;
        margin-bottom: 30px;
        margin-top: 50px;
    }
    
    @media (max-width: 575px) {
        .post .title-post {
            font-size: 30px;
        }
    }
    
    .post .widget_tag_cloud .tag-cloud-link {
        line-height: 30px;
        min-height: 40px;
        min-width: 128px;
    }
    
    .post.content-padding .item-media+.item-content {
        padding: 55px 60px;
    }
    
    @media (max-width: 1199px) {
        .post.content-padding .item-media+.item-content {
            padding: 35px 40px 40px;
        }
    }
    
    .post .item-media+.item-content {
        padding-top: 45px;
    }
    
    @media (max-width: 767px) {
        .post .item-media+.item-content {
            padding-bottom: 35px;
            padding-top: 25px;
        }
    }
    
    @media (max-width: 767px) {
        .post .item-media+.item-content.insert {
            padding-top: 20px;
        }
    }
    
    .post .item-content {
        border-bottom: 1px solid #313131;
        padding-bottom: 48px;
    }
    
    .post .item-meta {
        padding: 28px 60px;
    }
    
    @media (max-width: 1199px) {
        .post .item-meta {
            padding: 20px 30px;
        }
    }
    
    .post .item-meta a {
        font-family: "Vidaloka", serif;
        font-size: 12px;
        font-weight: 300;
        letter-spacing: 4px;
        line-height: 2;
        margin-right: 30px;
        padding: 0;
        text-transform: uppercase;
    }
    
    .post .item-meta a:last-child {
        margin-right: 0;
    }
    
    .post .item-meta a:hover {
        color: #FFC000;
    }
    
    .post .item-meta i.fa {
        margin-right: 7px;
    }
    
    @media (max-width: 992px) {
        .post.cover-image .item-content {
            padding-bottom: 0;
        }
        .post.cover-image .item-content .url {
            display: inline-block;
            margin-bottom: 8px;
        }
    }
    
    .post .entry-content {
        margin-top: 7px;
    }
    
    .post .entry-header {
        font-size: 12px;
        letter-spacing: 4px;
        line-height: 1.5;
        margin-bottom: 15px;
        text-transform: uppercase;
    }
    
    .post .entry-header a {
        color: #FFC000;
        font-family: "Vidaloka", serif;
    }
    
    .post .entry-header a:hover {
        color: #fff;
    }
    
    @media (max-width: 478px) {
        .post .entry-header {
            line-height: 2;
            margin-bottom: 5px;
        }
    }
    
    .post .entry-meta.with_tags {
        align-items: flex-start;
        margin-top: 40px;
    }
    
    @media (max-width: 1199px) {
        .post .entry-meta.with_tags {
            margin-top: 35px;
        }
    }
    
    .post .entry-meta.with_tags .widget_tag_cloud {
        margin-bottom: -10px;
    }
    
    .post .entry-meta.with_tags .author {
        margin-top: 10px;
    }
    
    @media (max-width: 767px) {
        .post .entry-meta.with_tags .author {
            margin-top: 20px;
        }
    }
    
    .post.event .item-content {
        border-top: 1px solid #313131;
        margin-left: 40px;
        min-height: 100%;
        padding-bottom: 40px;
        padding-top: 40px;
    }
    
    @media (max-width: 1199px) {
        .post.event .item-content {
            border: none;
            margin-left: 0;
            padding-bottom: 0;
        }
    }
    
    .blog_slider {
        margin-bottom: 60px;
    }
    
    @media (min-width: 992px) {
        .blog_slider .intro_layers_wrapper {
            left: 130px;
            right: 130px;
        }
    }
    
    @media (max-width: 767px) {
        .blog_slider {
            display: none;
        }
    }
    
    .blog-featured-posts .post {
        height: 100%;
    }
    
    .isotope-wrapper .post .entry-meta {
        margin-bottom: 26px;
        margin-top: 18px;
    }
    
    .isotope-wrapper .post .entry-meta a {
        color: #fff;
    }
    
    .isotope-wrapper .post .entry-meta a:hover {
        color: #FFC000;
    }
    
    .isotope-wrapper .post .entry-content p {
        max-height: 120px;
        overflow: hidden;
    }
    
    .entry-title,
    .entry-title:last-child {
        font-size: 40px;
        line-height: 1;
        margin: 0 0 21px;
        text-transform: capitalize;
    }
    
    .entry-title a:hover,
    .entry-title:last-child a:hover {
        color: #FFC000;
    }
    
    @media (max-width: 468px) {
        .entry-title,
        .entry-title:last-child {
            font-size: 35px;
            margin-bottom: 20px;
        }
    }
    
    .type-post .entry-title {
        font-size: 45px;
    }
    
    @media (max-width: 468px) {
        .type-post .entry-title {
            font-size: 35px;
        }
    }
    
    .isotope-wrapper h4.entry-title {
        font-size: 24px;
        margin-bottom: 0.7em;
    }
    
    .isotope-wrapper .post.content-padding .item-media+.item-content {
        padding: 40px 45px;
    }
    
    @media (max-width: 575px) {
        .isotope-wrapper .post.content-padding .item-media+.item-content {
            padding: 30px 35px;
        }
    }
    
    .item-media+.item-content h1.entry-title {
        margin-top: 5px;
    }
    
    .post {
        position: relative;
    }
    
    .post>.fa {
        color: #fff;
        position: absolute;
        right: 9px;
        top: 7px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        z-index: 2;
    }
    
    .post>.fa:before {
        position: relative;
        z-index: 3;
    }
    
    .post>.fa:after {
        border-color: transparent transparent #FFC000 transparent;
        border-style: solid;
        border-width: 0 40px 40px 40px;
        content: "";
        display: block;
        height: 0;
        left: -35px;
        position: absolute;
        top: -14px;
        width: 0;
        z-index: 2;
    }
    
    .post+.post {
        margin-top: 60px;
    }
    
    @media (max-width: 767px) {
        .post+.post {
            margin-top: 40px;
        }
    }
    
    .post h3.entry-title+.entry-meta {
        margin-top: -0.65em;
    }
    
    .post h1.entry-title+.entry-meta {
        margin: -1em 0 2em;
    }
    
    .post.cover-image {
        border-radius: 5px;
        height: auto;
        overflow: hidden;
        padding: 0;
        text-align: center;
    }
    
    .post.cover-image .item-content {
        padding: 35px 54px 52px 54px;
    }
    
    @media (max-width: 1199px) {
        .post.cover-image .item-content {
            padding: 7px 30px 25px 30px;
        }
    }
    
    .post.cover-image .item-meta {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }
    
    .post.cover-image .post-thumbnail {
        display: none;
    }
    
    @media (max-width: 767px) {
        .post.cover-image .entry-header {
            margin-bottom: 0;
        }
    }
    
    .post ul,
    .post ol {
        margin-bottom: 40px;
    }
    
    .post-thumbnail {
        text-align: center;
    }
    
    .post-thumbnail .owl-dots {
        bottom: 30px;
        left: 0;
        position: absolute;
        right: 0;
    }
    
    .post-thumbnail+.entry-content {
        margin-top: 1.5em;
    }
    
    .post-password-form input[type="password"] {
        margin-top: 0.5em;
        width: auto;
    }
    
    .post-password-form input[type="submit"] {
        position: relative;
        top: -2px;
    }
    
    .entry-footer,
    .entry-meta {
        clear: both;
        line-height: 1;
        margin-top: 28px;
    }
    
    .entry-footer .author .fa,
    .entry-meta .author .fa {
        font-size: 13px;
        margin-right: 13px;
    }
    
    .entry-footer .author a,
    .entry-meta .author a {
        color: #FFC000;
        font-family: "Vidaloka", serif;
        font-size: 12px;
        letter-spacing: 4px;
        text-transform: uppercase;
    }
    
    .entry-footer .author a:hover,
    .entry-meta .author a:hover {
        color: #fff;
    }
    
    @media (max-width: 767px) {
        .entry-footer,
        .entry-meta {
            margin-top: 20px;
        }
    }
    
    .entry-footer {
        margin-bottom: 50px;
        margin-top: 40px;
    }
    
    .entry-footer .fa {
        margin-right: 10px;
    }
    
    .entry-content:before,
    .entry-content:after,
    .entry-footer:before,
    .entry-footer:after,
    .entry-header:before,
    .entry-header:after {
        clear: both;
        content: "";
        display: block;
    }
    
    .cat-links {
        display: block;
        font-size: 0;
        line-height: 1;
        margin-bottom: 12px;
    }
    
    .cat-links a {
        background-color: #FFC000;
        border-radius: 1px;
        color: #fff;
        display: inline-block;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.1em;
        line-height: 1;
        margin: 0 4px 4px 0;
        padding: 0.35em 0.5em 0.25em;
        text-transform: uppercase;
    }
    
    .cat-links a:nth-child(4n-5) {
        background-color: #d300e0;
    }
    
    .cat-links a:nth-child(4n-4) {
        background-color: #7900e0;
    }
    
    .cat-links a:nth-child(4n-3) {
        background-color: #56d7fe;
    }
    
    .cat-links a:hover {
        background-color: #1a1a1a;
    }
    
    .entry-footer .edit-link,
    .entry-header .edit-link {
        float: right;
    }
    
    .entry-footer .edit-link a:before,
    .entry-header .edit-link a:before {
        content: "\f040";
        font-family: "FontAwesome";
        padding-right: 0.4em;
    }
    
    .entry-footer .entry-title+.edit-link,
    .entry-header .entry-title+.edit-link {
        position: absolute;
        right: 25px;
        top: 0.5em;
    }
    
    .post-adds {
        align-items: center;
        background-color: #f5f5f5;
        display: flex;
        line-height: 1;
        margin-bottom: 30px;
    }
    
    .post-adds i {
        width: 1em;
    }
    
    .post-adds a {
        display: inline-block;
        margin: 0;
    }
    
    .post-adds .dropdown-menu {
        border: none;
        padding: 0;
    }
    
    .post-adds .share_buttons {
        display: flex;
    }
    
    .post-adds .share_button {
        background-color: #FFC000;
        color: #fff;
        line-height: 60px;
        padding: 0 21px;
    }
    
    .post-adds .like_button {
        border-right: 1px solid rgba(0, 0, 0, 0.1);
        color: #FFC000;
        line-height: 60px;
        padding: 0 21px;
    }
    
    .post-adds .votes_count {
        padding: 0 21px;
    }
    
    .post-adds .views-count {
        background-color: #FFC000;
        color: #fff;
        margin-left: auto;
        padding: 22px 30px;
    }
    
    @media (max-width: 576px) {
        .post-adds {
            flex-wrap: wrap;
        }
        .post-adds .share_button {
            line-height: 40px;
            padding: 0 11px;
        }
        .post-adds .like_button {
            line-height: 40px;
            padding: 0 11px;
        }
        .post-adds .views-count {
            padding: 10px 15px;
            width: 100%;
        }
    }
    /*gallery post*/
    
    .post .gallery {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -7px;
    }
    
    .post .gallery .gallery-item {
        padding: 0 7px;
        width: 50%;
    }
    
    .post .gallery .gallery-item figcaption {
        padding: 20px 0 5px;
    }
    
    @media (min-width: 992px) {
        .post .gallery.gallery-columns-1 .gallery-item {
            width: 100%;
        }
        .post .gallery.gallery-columns-2 .gallery-item {
            width: 50%;
        }
        .post .gallery.gallery-columns-3 .gallery-item {
            width: 33.33%;
        }
        .post .gallery.gallery-columns-4 .gallery-item {
            width: 25%;
        }
        .post .gallery.gallery-columns-5 .gallery-item {
            width: 20%;
        }
        .post .gallery.gallery-columns-6 .gallery-item {
            width: 16.66%;
        }
        .post .gallery.gallery-columns-7 .gallery-item {
            width: 14.28%;
        }
        .post .gallery.gallery-columns-8 .gallery-item {
            width: 12.5%;
        }
        .post .gallery.gallery-columns-9 .gallery-item {
            width: 11.11%;
        }
    }
    /*post author*/
    
    .author-bio a.fa {
        margin-bottom: 0;
    }
    /*comments*/
    
    .comments-title {
        font-size: 35px;
        margin-bottom: 30px;
    }
    
    @media (max-width: 575px) {
        .comments-title {
            font-size: 30px;
        }
    }
    
    .comments-area {
        margin-top: 50px;
    }
    
    .comments-area .comment-list {
        border-bottom: 2px solid #313131;
        list-style: none;
        padding: 0;
    }
    
    .comments-area .comment-list .comment {
        border-top: 2px solid #313131;
    }
    
    .comments-area .comment-list .comment-metadata {
        font-family: "Vidaloka", serif;
        font-size: 12px;
        letter-spacing: 4px;
        text-transform: uppercase;
    }
    
    .comments-area .comment-list .comment-metadata a {
        color: #FFC000;
    }
    
    .comments-area .comment-list .comment-metadata a:hover {
        color: #fff;
    }
    
    .comments-area .comment-list .comment-reply-link {
        font-family: "Vidaloka", serif;
        letter-spacing: 4px;
        text-transform: uppercase;
    }
    
    .comments-area .comment-list .comment-reply-link:hover {
        color: #FFC000;
    }
    
    .comments-area .comment-list ol.children {
        border-top: 2px solid #313131;
        list-style: none;
        padding-left: 35px;
    }
    
    .comments-area .comment-list ol.children .comment {
        border: none;
    }
    
    @media (min-width: 1200px) {
        .comments-area .comment-list ol.children {
            padding-left: 80px;
        }
    }
    
    .comments-area .comment-list ol.children ol.children ol.children {
        padding-left: 35px;
    }
    
    .comment-body {
        margin-left: 80px;
        padding: 55px 17px 30px;
        position: relative;
    }
    
    .comment-body ol,
    .comment-body ol ol {
        padding-left: 20px;
    }
    
    @media (max-width: 767px) {
        .comment-body {
            padding: 45px 15px 15px;
        }
    }
    
    .comment-meta {
        margin-bottom: 1em;
    }
    
    .comment-meta img {
        border-radius: 50%;
        left: -80px;
        max-width: 80px;
        position: absolute;
        top: 31px;
        width: 80px;
    }
    
    @media (max-width: 767px) {
        .comment-meta img {
            top: 22px;
        }
    }
    
    .comment-meta .comment-author {
        font-size: 21px;
    }
    
    .comment-meta .comment-metadata {
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.1em;
        line-height: 1.6em;
        text-transform: uppercase;
    }
    
    .comment-meta b {
        font-weight: inherit;
    }
    
    @media (max-width: 575px) {
        .comment-body {
            margin-left: 30px;
        }
        .comment-meta img {
            left: -30px;
            max-width: 30px;
            top: 38px;
        }
    }
    
    .reply {
        margin-top: 10px;
    }
    
    .reply a {
        font-size: 12px;
    }
    
    .comment-content p {
        margin-bottom: 0.5em;
    }
    
    .no-comments,
    .comment-awaiting-moderation {
        opacity: 0.7;
    }
    
    .comments-pagination {
        margin: 2em 0 3em;
    }
    /*comment respond form*/
    
    .comments-area>.comment-respond {
        margin-top: 50px;
    }
    
    .comment-form {
        display: flex;
        flex-wrap: wrap;
    }
    
    .comment-form p {
        margin-bottom: 10px;
        width: 100%;
    }
    
    .comment-form p.form-submit {
        margin-bottom: 0;
        margin-top: 10px;
    }
    
    .comment-form label {
        display: block;
    }
    
    .comment-form textarea,
    .comment-form input {
        width: 100%;
    }
    
    .comment-form input[type=checkbox] {
        margin: 0;
        visibility: hidden;
    }
    
    @media (min-width: 992px) {
        .comment-form .comment-form-author,
        .comment-form .comment-form-email {
            width: 50%;
        }
        .comment-form .comment-form-author {
            padding-right: 10px;
        }
    }
    /* post formats */
    
    .format-status .avatar {
        border-radius: 50%;
        display: block;
        margin: 0 auto 35px;
        max-width: 120px;
    }
    
    .format-status .entry-title {
        margin-bottom: 35px;
    }
    
    .format-status .cat-links {
        margin-bottom: 5px;
    }
    
    .format-status.post .entry-title+.entry-meta {
        margin: 0 0 25px;
    }
    
    .format-status .entry-date {
        margin-top: -7px;
    }
    
    .format-chat .entry-content p {
        margin-bottom: 0;
    }
    
    .format-chat .entry-content p strong {
        color: #FFC000;
    }
    
    .format-chat .entry-content p:nth-of-type(2n) {
        padding: 0.8em 1.3em 0.8em 1.3em;
    }
    
    .format-chat .entry-content p:nth-of-type(2n) strong {
        color: #fff;
    }
    
    .format-chat .entry-footer {
        margin-top: 21px;
    }
    
    .format-quote {
        text-align: center;
    }
    
    .format-quote.cover-image .entry-header>i {
        display: inline-block;
        font-size: 2em;
        margin-bottom: 0.7em;
    }
    
    .format-quote blockquote {
        border: none;
        font-style: italic;
        margin-bottom: 0;
        padding-bottom: 0;
        padding-left: 0;
    }
    
    .format-quote blockquote cite {
        display: block;
        font-size: 16px;
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        letter-spacing: 0.1em;
        line-height: 1.5;
        line-height: 1.6em;
        margin: 24px 0 0;
        text-transform: uppercase;
    }
    
    .comment-respond {
        margin-bottom: 30px;
    }
    
    .comment-respond h3 {
        margin-bottom: 30px;
    }
    
    @media (max-width: 575px) {
        .comment-respond h3 {
            font-size: 30px;
        }
    }
    
    .soon {
        background-image: url("../images/parallax/title.jpg");
        background-position: 25% 9%;
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .soon .special-heading {
        font-size: 80px;
        text-transform: uppercase;
    }
    
    .soon .special-heading+p {
        color: #fff;
        font-size: 30px;
    }
    
    @media (max-width: 768px) {
        .soon .special-heading {
            font-size: 40px;
        }
        .soon .special-heading+p {
            font-size: 14px;
        }
    }
    
    .soon+.page_title .widget.widget_mailchimp {
        padding-bottom: 20px;
        padding-top: 20px;
    }
    
    @media (max-width: 991px) {
        .soon+.page_title h2 {
            font-size: 30px;
            margin-top: 20px;
        }
    }
    
    @media (max-width: 768px) {
        .soon+.page_title .widget.widget_mailchimp {
            padding-top: 0;
        }
    }
    
    @media (max-width: 575px) {
        .soon+.page_title h2 {
            margin-bottom: 0;
        }
    }
    /* 
** Template Specific Styles
*/
    
    #box_wrapper>section,
    #box_wrapper>div>section {
        overflow: hidden;
    }
    
    #box_wrapper>section.page_topline,
    #box_wrapper>section.page_toplogo,
    #box_wrapper>section.overflow-visible,
    #box_wrapper>div>section.overflow-visible {
        overflow: visible;
    }
    
    img.absolute_image {
        position: absolute;
        top: 50px;
        z-index: 1;
    }
    
    .image-rounded-cross-borders {
        margin: 50px 0 60px;
        position: relative;
    }
    
    .image-rounded-cross-borders:before,
    .image-rounded-cross-borders:after {
        background-color: #e1e1e1;
        content: "";
        height: 30px;
        left: 50%;
        position: absolute;
        top: -30px;
        width: 1px;
    }
    
    .image-rounded-cross-borders:after {
        bottom: -30px;
        top: auto;
    }
    
    .image-rounded-cross-borders .box-shadow {
        border-radius: 50%;
        padding: 9px;
    }
    
    .image-rounded-cross-borders .box-shadow:before,
    .image-rounded-cross-borders .box-shadow:after {
        background-color: #e1e1e1;
        content: "";
        height: 1px;
        left: -30px;
        position: absolute;
        top: 50%;
        width: 30px;
    }
    
    @media (max-width: 1199px) {
        .image-rounded-cross-borders .box-shadow:before,
        .image-rounded-cross-borders .box-shadow:after {
            display: none;
        }
    }
    
    .image-rounded-cross-borders .box-shadow:after {
        left: auto;
        right: -30px;
    }
    
    .image-rounded-cross-borders img {
        border-radius: 50%;
    }
    
    .btn-action i {
        height: 1em;
        text-align: center;
        width: 1em;
    }
    
    .btn-action i.fa-chevron-right {
        left: 2px;
        position: relative;
    }
    
    .partners-carousel a {
        opacity: 0.2;
    }
    
    .partners-carousel a:hover {
        opacity: 0.8;
    }
    
    .partners-carousel .center a {
        opacity: 1;
    }
    
    .dropdown-shopping-cart {
        font-weight: 700;
        position: relative;
    }
    
    .page_toplogo .dropdown-shopping-cart {
        margin-left: 24px;
    }
    
    .dropdown-shopping-cart i {
        font-size: 28px;
        padding-right: 14px;
    }
    
    .page_toplogo .dropdown-shopping-cart i {
        position: relative;
        top: 0.18em;
    }
    
    .dropdown-shopping-cart .badge {
        border-radius: 1em;
        left: 24px;
        padding: .28em .5em .2em;
        position: absolute;
    }
    
    .page_toplogo .dropdown-shopping-cart .badge {
        top: -0.3em;
    }
    
    .dropdown-shopping-cart:hover {
        color: inherit;
    }
    
    .dropdown-shopping-cart+.dropdown-menu {
        margin-top: 50px;
    }
    
    @media (min-width: 576px) {
        .dropdown-shopping-cart+.dropdown-menu {
            min-width: 430px;
        }
    }
    
    .header_absolute.cover-background,
    .header_absolute.s-parallax {
        background-image: url("../images/parallax/title.jpg");
    }
    
    .page_title {
        color: #fff;
    }
    
    .page_title.bottom_mask_subtract {
        position: relative;
    }
    
    .page_title.bottom_mask_subtract::after {
        background-color: #1a1a1a;
        bottom: -2px;
        content: "";
        left: 0;
        -webkit-mask: url("../images/mask/mask-top-add-alt.png") top left no-repeat;
        -webkit-mask-size: cover !important;
        padding-bottom: 5.208%;
        position: absolute;
        right: 0;
        z-index: 4;
    }
    
    .page_title.cover-background,
    .page_title.s-parallax {
        background-image: url("../images/parallax/title.jpg");
    }
    
    .page_title h1,
    .page_title h2 {
        line-height: 1;
        margin-bottom: 14px;
        text-transform: capitalize;
    }
    
    @media (min-width: 992px) {
        .page_title h1,
        .page_title h2 {
            font-size: 50px;
            font-weight: normal;
        }
        .page_title h1:last-child,
        .page_title h2:last-child {
            margin-bottom: 0;
        }
    }
    
    .page_title .small-title {
        margin-bottom: 0;
    }
    
    .page_title .small-title+.breadcrumb {
        font-size: 16px;
        font-weight: 300;
        letter-spacing: 0;
        text-transform: none;
    }
    
    @media (min-width: 992px) {
        .page_title .title-inline {
            margin: 0;
        }
        .page_title .title-inline+.breadcrumb {
            border-left: 1px solid rgba(200, 200, 200, 0.35);
            margin-left: 30px;
            padding-left: 30px;
        }
    }
    
    .page_title .breadcrumb {
        line-height: 1.6;
    }
    
    .page_title [class*="container"]>.breadcrumb {
        background-color: rgba(0, 0, 0, 0.1);
        bottom: 100px;
        left: 50%;
        padding: 0 15px;
        position: absolute;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    
    .page_404 {
        background-image: url("../images/404.jpg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .page_map {
        height: 676px;
        text-align: center;
    }
    
    .page_map .marker {
        display: none;
    }
    
    .map_marker_description {
        color: #fff;
        font-family: "Vidaloka", serif;
        font-size: 12px;
        letter-spacing: 5px;
        max-width: 270px;
        text-transform: uppercase;
    }
    
    .map_marker_description h3 {
        line-height: 1;
        margin-bottom: 10px;
    }
    
    .map_marker_description img {
        max-width: 90% !important;
    }
    
    .gm-style .gm-style-iw {
        line-height: 1.6em;
        overflow: visible !important;
        text-align: center;
    }
    
    .gm-style .gm-style-iw>*:first-child {
        position: relative;
    }
    
    .gm-style .gm-style-iw:before {
        background: #000;
        border-radius: 5px;
        bottom: -9px;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
        content: "";
        display: block;
        left: -38px;
        position: absolute;
        right: -38px;
        top: -9px;
    }
    
    .gm-style .gm-style-iw .icon-inline {
        display: inline-block;
        margin: 0.3em 0;
    }
    
    .gm-style .gm-style-iw .icon-inline .icon-styled {
        margin-right: 5px;
    }
    /*footer social buttons that hidden on half of their height*/
    
    .page_footer {
        background-color: #000;
        overflow: visible;
        /*overriding Bootstrap Addons buttons*/
    }
    
    .page_footer h3,
    .page_footer h4 {
        text-transform: uppercase;
    }
    
    @media (min-width: 575px) {
        .page_footer h3,
        .page_footer h4 {
            font-size: 30px;
        }
    }
    
    .page_footer.s-parallax {
        background-image: url("../images/parallax/title.jpg");
    }
    
    .page_footer .wrap {
        padding-bottom: 50px;
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .page_footer .wrap p {
        margin-top: 20px;
        padding: 0 30px;
    }
    
    .page_footer .media .fa {
        font-size: 15px;
    }
    
    .page_footer.ds a {
        color: #FFC000;
    }
    
    .page_footer.ds ul li::before {
        color: #fff;
    }
    
    .page_footer.spec h3,
    .page_footer.spec h4 {
        margin-bottom: 18px;
        margin-top: 75px;
    }
    
    .page_footer.spec .instafeed {
        padding-top: 20px;
    }
    
    .page_footer.top_mask_add {
        position: relative;
    }
    
    .page_footer.top_mask_add::before {
        background-color: #000;
        bottom: 100%;
        content: "";
        left: 0;
        margin-bottom: -2px;
        -webkit-mask: url("../images/mask/mask-top-add-alt.png") top left no-repeat;
        -webkit-mask-size: cover !important;
        padding-bottom: 5.208%;
        position: absolute;
        right: 0;
        z-index: 4;
    }
    
    .page_footer.grey-mask.top_mask_subtract::before {
        background-color: #1a1a1a;
    }
    
    @media (min-width: 576px) {
        .page_footer a.border-icon:before,
        .page_footer a.bg-icon:before,
        .page_footer a.color-bg-icon:before {
            height: 4.2em;
            line-height: 4.2em;
            width: 4.2em;
        }
    }
    
    .page_footer .side-icon-box {
        margin: 0 0 20px;
    }
    
    .page_footer .side-icon-box>.icon-styled:first-child {
        margin-right: 0;
        position: relative;
        top: 0.5em;
    }
    
    .page_footer .side-icon-box .icon-styled+.media-body {
        margin-left: 20px;
    }
    
    .page_footer .col-md-12 .widget_social_buttons {
        margin-bottom: 0;
    }
    
    .page_footer .col-md-12 .widget_social_buttons a {
        margin: 0 4px 70px;
    }
    
    @media (min-width: 1200px) {
        .page_footer .col-md-12 .widget_social_buttons a {
            margin-bottom: 0;
            -webkit-transform: translateY(50%);
            transform: translateY(50%);
        }
        .page_footer .col-md-12 .widget_social_buttons a:hover {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }
    
    .page_copyright {
        color: #000;
        font-family: "Vidaloka", serif;
        font-size: 12px;
        letter-spacing: 4px;
        text-transform: uppercase;
    }
    
    .page_copyright.top_mask_add::before {
        background-color: #fff;
    }
    
    .page_copyright.grey-mask.top_mask_add::before {
        background-color: #1a1a1a;
    }
    
    .page_copyright.cover-background,
    .page_copyright.s-parallax {
        background-image: url("../images/parallax/title.jpg");
    }
    
    .item-hover-content {
        overflow: hidden;
        position: relative;
    }
    
    .item-hover-content .item-media {
        z-index: 2;
    }
    
    .item-hover-content .item-content {
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
        left: 0;
        position: absolute;
        right: 0;
    }
    
    .item-hover-content .item-content h4 {
        letter-spacing: 0.15em;
        line-height: 1;
        margin-bottom: 1.4em;
    }
    
    .item-hover-content .item-content h4 span {
        font-weight: 900;
    }
    
    @media (min-width: 1200px) {
        .item-hover-content.content-padding .item-content {
            padding: 54px 40px;
        }
    }
    
    .item-hover-content:hover {
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
        overflow: visible;
        z-index: 3;
    }
    
    .content-show-hover {
        overflow: hidden;
    }
    
    .content-show-hover .item-content {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        opacity: 0;
        top: 0;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        transition: all 0.15s ease-in-out;
    }
    
    .content-show-hover .item-content h4 {
        letter-spacing: 0.15em;
        line-height: 1;
        margin-bottom: 1.4em;
    }
    
    .content-show-hover .item-content h4 span {
        display: block;
        font-weight: 900;
    }
    
    .content-show-hover:hover {
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    }
    
    .content-show-hover:hover .item-content {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    
    .gallery-6 .item-gallery .item-content .model-data li {
        padding: 4px 5px;
        text-align: center;
        width: 25%;
    }
    
    @media (max-width: 1600px) {
        .gallery-6 .item-gallery .item-content .model-data li {
            width: 20%;
        }
    }
    
    @media (max-width: 1400px) {
        .gallery-6 .item-gallery .item-content .model-data li {
            width: 25%;
        }
    }
    
    @media (max-width: 991px) {
        .gallery-6 .item-gallery .item-content .model-data li {
            width: 20%;
        }
    }
    
    @media (max-width: 700px) {
        .gallery-6 .item-gallery .item-content .model-data li {
            width: 25%;
        }
    }
    
    @media (max-width: 575px) {
        .gallery-6 .item-gallery .item-content .model-data li {
            width: 20%;
        }
    }
    
    @media (max-width: 400px) {
        .gallery-6 .item-gallery .item-content .model-data li {
            width: 25%;
        }
    }
    
    .gallery-5 .item-gallery .item-content .model-data li {
        padding: 4px 5px;
        text-align: center;
        width: 20%;
    }
    
    @media (max-width: 1500px) {
        .gallery-5 .item-gallery .item-content .model-data li {
            width: 25%;
        }
    }
    
    @media (max-width: 767px) {
        .gallery-5 .item-gallery .item-content .model-data li {
            width: 20%;
        }
    }
    
    @media (max-width: 400px) {
        .gallery-5 .item-gallery .item-content .model-data li {
            width: 25%;
        }
    }
    
    .gallery-4 .item-gallery .item-content .model-data li {
        padding: 4px 5px;
        text-align: center;
        width: 25%;
    }
    
    @media (max-width: 1199px) {
        .gallery-4 .item-gallery .item-content .model-data li {
            width: 20%;
        }
    }
    
    @media (max-width: 767px) {
        .gallery-4 .item-gallery .item-content .model-data li {
            width: 25%;
        }
    }
    
    @media (max-width: 575px) {
        .gallery-4 .item-gallery .item-content .model-data li {
            width: 20%;
        }
    }
    
    @media (max-width: 400px) {
        .gallery-4 .item-gallery .item-content .model-data li {
            width: 25%;
        }
    }
    
    .gallery-3 .item-gallery .item-content .model-data li {
        padding: 4px 5px;
        text-align: center;
        width: 20%;
    }
    
    @media (max-width: 400px) {
        .gallery-3 .item-gallery .item-content .model-data li {
            width: 25%;
        }
    }
    
    .gallery-3-big .item-gallery .item-content .model-data li {
        padding: 4px 5px;
        text-align: center;
        width: 10%;
    }
    
    @media (max-width: 1800px) {
        .gallery-3-big .item-gallery .item-content .model-data li {
            width: 20%;
        }
    }
    
    @media (max-width: 400px) {
        .gallery-3-big .item-gallery .item-content .model-data li {
            width: 25%;
        }
    }
    
    .gallery-2 .item-gallery .item-content .model-data li {
        padding: 4px 5px;
        text-align: center;
        width: 20%;
    }
    
    @media (max-width: 767px) {
        .gallery-2 .item-gallery .item-content .model-data li {
            width: 25%;
        }
    }
    
    @media (max-width: 575px) {
        .gallery-2 .item-gallery .item-content .model-data li {
            width: 20%;
        }
    }
    
    @media (max-width: 400px) {
        .gallery-2 .item-gallery .item-content .model-data li {
            width: 25%;
        }
    }
    
    .gallery-1.item-gallery .item-content .model-data li {
        padding: 4px 5px;
        text-align: center;
        width: 10%;
    }
    
    @media (max-width: 767px) {
        .gallery-1.item-gallery .item-content .model-data li {
            width: 20%;
        }
    }
    
    @media (max-width: 400px) {
        .gallery-1.item-gallery .item-content .model-data li {
            width: 25%;
        }
    }
    
    .item-gallery {
        background: transparent;
        overflow: hidden;
        position: relative;
    }
    
    .item-gallery.vertical-item .item-media::before {
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.5) 100%);
        bottom: 0;
        content: "";
        display: block;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2;
    }
    
    .item-gallery.vertical-item.grid .item-media::before {
        content: none;
    }
    
    .item-gallery .item-content {
        background-color: #fff;
        border-radius: 0 0 5px 5px;
        padding: 48px 15px 31px;
        position: relative;
        top: -7px;
        transition: all .3s ease-in-out;
        z-index: 3;
    }
    
    .item-gallery .item-content .item-title {
        font-family: "Vidaloka", serif;
        left: 50%;
        opacity: 1;
        position: absolute;
        text-transform: uppercase;
        top: -29px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 5;
    }
    
    .item-gallery .item-content .item-title .title {
        color: #fff;
        font-size: 40px;
        letter-spacing: 1px;
    }
    
    .item-gallery .item-content .item-title .subtitle {
        color: #000;
        font-size: 24px;
        margin-top: -6px;
    }
    
    .item-gallery .item-content .model-data {
        display: flex;
        flex-wrap: wrap;
        font-family: "Vidaloka", serif;
        font-size: 12px;
        justify-content: center;
        line-height: 16px;
        list-style: none;
        padding: 0;
        text-transform: uppercase;
    }
    
    .item-gallery .item-content .model-data li {
        padding: 4px 12px;
        text-align: center;
    }
    
    .item-gallery .item-content .model-data li span {
        display: block;
        width: 100%;
    }
    
    .item-gallery .item-content .model-data .title {
        color: #FFC000;
    }
    
    .item-gallery .item-content .model-data .data {
        color: #000;
    }
    
    .item-gallery.content-absolute .item-content {
        bottom: -1px;
        top: auto;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    .item-gallery:hover.content-absolute .item-content {
        -webkit-transform: none;
        transform: none;
    }
    
    .background-contact {
        background-image: url("../images/texture.png");
        background-size: cover;
    }
    /*switcher styles*/
    
    #switcher {
        background-color: #404040;
        color: #fff;
        font-size: 15px;
        padding-bottom: 20px;
        position: fixed;
        right: -210px;
        top: 22%;
        transition: all 0.6s ease;
        width: 210px;
        z-index: 100100;
    }
    
    #switcher.active {
        right: 0;
    }
    
    #switcher .hidden {
        display: none;
    }
    
    #switcher a {
        color: #FFC000;
    }
    
    #switcher .checkbox {
        font-size: 14px;
        line-height: 1;
        margin: 0;
    }
    
    #switcher h4 {
        background-color: #222;
        color: #999;
        font-size: 16px;
        font-weight: 300;
        letter-spacing: 0;
        line-height: 60px;
        margin: 0;
        text-align: center;
    }
    
    #switcher span.fa {
        background-color: transparent;
        color: #fff;
        cursor: pointer;
        display: block;
        font-size: 24px;
        height: 60px;
        left: -20px;
        line-height: 60px;
        position: absolute;
        text-align: center;
        top: 0;
        width: 60px;
        z-index: 2;
    }
    
    #switcher span.fa:hover {
        color: #999;
    }
    
    #switcher span.fa:first-child {
        background-color: #222;
        left: -60px;
        z-index: 3;
    }
    
    #switcher li {
        float: left;
        margin-bottom: 0;
        padding: 0 2px 5px 2px;
    }
    
    #switcher p {
        font-size: 16px;
        font-weight: 300;
        line-height: 1;
        margin: 0 0 10px;
    }
    
    #switcher label {
        color: #999;
        margin: 0 0 10px 0;
    }
    
    #switcher ul {
        margin-bottom: 0;
    }
    
    #switcher ul:before,
    #switcher ul:after {
        clear: both;
        content: "";
        display: block;
    }
    
    #switcher .tooltip {
        min-width: 110px;
    }
    
    #switcher .tooltip-arrow {
        display: none;
    }
    
    #switcher-version a {
        display: inline-block;
        font-size: 13px;
        font-weight: 400;
        line-height: 1;
        padding: 13px 14px;
        text-transform: uppercase;
    }
    
    #switcher-version a:hover {
        color: #e4344e !important;
    }
    
    #switcher-version a.light {
        background-color: #fff;
        color: #1a1a1a;
    }
    
    #switcher-version a.dark {
        background-color: #262626;
        color: #fff;
    }
    
    #switcher-colors a {
        background-color: #FFC000;
        display: inline-block;
        height: 40px;
        overflow: hidden;
        position: relative;
        width: 40px;
    }
    
    #switcher-colors a:hover {
        opacity: 0.7;
    }
    
    #switcher-colors a.color2 {
        background-color: #d300e0;
    }
    
    #switcher-colors a.color3 {
        background-color: #7900e0;
    }
    
    #switcher-colors {
        line-height: 0;
    }
    
    #switcher-patterns a {
        background-color: #fff;
        display: block;
        height: 40px;
        line-height: 1;
        overflow: hidden;
        width: 40px;
    }
    
    #switcher-patterns a img {
        opacity: 0;
    }
    
    #switcher-patterns a:hover {
        opacity: 0.7;
    }
    
    #switcher-patterns li:first-child a img {
        opacity: 1;
    }
    
    #switcher_accent_color,
    #switcher_color_scheme,
    #switcher_layout,
    #switcher_patterns {
        padding: 20px 31px 0 32px;
    }
    
    .checkbox-slider--b-flat {
        position: relative;
    }
    
    .checkbox-slider--b-flat input {
        bottom: 0;
        cursor: pointer;
        display: block;
        height: 0;
        left: 0;
        margin: 0 0;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 0;
        zoom: 1;
    }
    
    .checkbox-slider--b-flat input+span {
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    
    .checkbox-slider--b-flat input+span:before {
        display: inline-block;
        left: 0;
        position: absolute;
    }
    
    .checkbox-slider--b-flat input+span>h4 {
        display: inline;
    }
    
    .checkbox-slider--b-flat input+span {
        padding-left: 40px;
    }
    
    .checkbox-slider--b-flat input+span:before {
        background: #fff;
        content: "";
        height: 15px;
        width: 30px;
    }
    
    .checkbox-slider--b-flat input+span:after {
        background: #fff;
        content: "";
        display: block;
        font-weight: bold;
        height: 15px;
        left: 0;
        position: absolute;
        text-align: center;
        top: 0;
        transition: margin-left 0.4s ease-in-out;
        width: 20px;
    }
    
    .checkbox-slider--b-flat input:checked+span:after {
        content: "";
        margin-left: 20px;
    }
    
    .checkbox-slider--b-flat input:checked+span:before {
        transition: background 0.2s ease-in;
    }
    
    .checkbox-slider--b-flat input+span {
        padding-left: 36px;
    }
    
    .checkbox-slider--b-flat input+span:before {
        border-radius: 15px;
        width: 30px;
    }
    
    .checkbox-slider--b-flat input+span:after {
        background: #FFC000;
        background-clip: padding-box;
        border: solid transparent 2px;
        border-radius: 20px;
        content: "";
        width: 15px;
    }
    
    .checkbox-slider--b-flat input:checked+span:after {
        background-clip: padding-box;
        border: solid transparent 2px;
        content: "";
        margin-left: 15px;
    }
    
    .checkbox-slider--b-flat input:checked+span:before {
        background: #fff;
    }
    
    .checkbox-slider--b-flat.checkbox-slider-md input+span:before {
        border-radius: 30px;
    }
    
    .checkbox-slider--b-flat.checkbox-slider-md input+span:after {
        border-radius: 30px;
    }
    
    .checkbox-slider--b-flat.checkbox-slider-lg input+span:before {
        border-radius: 40px;
    }
    
    .checkbox-slider--b-flat.checkbox-slider-lg input+span:after {
        border-radius: 40px;
    }
    
    .checkbox-slider--b-flat input+span:before {
        box-shadow: none;
    }
    /* blog */
    
    .btn-default {
        color: #333;
        background-color: #009688;
        border-color: #009688;
        border-radius: 0px;
        color: #fff;
    }
    
    #blog-section {
        margin-top: 40px;
        margin-bottom: 80px;
    }
    
    .content-title {
        padding: 5px;
        background-color: #fff;
    }
    
    .content-title h3 a {
        color: #34495E;
        text-decoration: none;
        transition: 0.5s;
        font-size: 15px;
    }
    
    .content-title h3 a:hover {
        color: #F39C12;
    }
    
    .content-footer {
        background-color: #16A085;
        padding: 10px;
        position: relative;
    }
    
    .content-footer span a {
        color: #fff;
        display: inline-block;
        padding: 6px 5px;
        text-decoration: none;
        transition: 0.5s;
    }
    
    .content-footer span a:hover {
        color: #F39C12;
    }
    
    aside {
        margin-top: 30px;
        -webkit-box-shadow: 1px 4px 16px 3px rgb(48, 3, 48);
        -moz-box-shadow: 1px 4px 16px 3px rgba(199, 197, 199, 1);
        box-shadow: 1px 4px 16px 3px rgb(60 59 60);
    }
    
    aside .content-footer>img {
        width: 33px;
        height: 33px;
        border-radius: 100%;
        margin-right: 10px;
        border: 2px solid #fff;
    }
    
    .user-ditels {
        width: 300px;
        top: -100px;
        height: 100px;
        padding-bottom: 99px;
        position: absolute;
        border: solid 2px #fff;
        background-color: #34495E;
        right: 25px;
        display: none;
        z-index: 1;
    }
    
    @media (max-width:768px) {
        .user-ditels {
            right: 5px;
        }
    }
    
    .user-small-img {
        cursor: pointer;
    }
    
    .content-footer:hover .user-ditels {
        display: block;
    }
    
    .content-footer .user-ditels .user-img {
        width: 100px;
        height: 100px;
        float: left;
    }
    
    .user-full-ditels h3 {
        color: #fff;
        display: block;
        margin: 0px;
        padding-top: 10px;
        padding-right: 28px;
        text-align: right;
    }
    
    .user-full-ditels p {
        color: #fff;
        display: block;
        margin: 0px;
        padding-right: 20px;
        padding-top: 5px;
        text-align: right;
    }
    
    .social-icon {
        background-color: #fff;
        margin-top: 10px;
        padding-right: 20px;
        text-align: right;
    }
    
    .social-icon>a {
        font-size: 20px;
        text-decoration: none;
        padding: 5px;
    }
    
    .social-icon a:nth-of-type(1) {
        color: #4E71A8;
    }
    
    .social-icon a:nth-of-type(2) {
        color: #3FA1DA;
    }
    
    .social-icon a:nth-of-type(3) {
        color: #E3411F;
    }
    
    .social-icon a:nth-of-type(4) {
        color: #CA3737;
    }
    
    .social-icon a:nth-of-type(5) {
        color: #3A3A3A;
    }
    /*recent-post-col////////////////////*/
    
    .widget-sidebar {
        background-color: #fff;
        padding: 20px;
        margin-top: 30px;
    }
    
    .title-widget-sidebar {
        font-size: 14pt;
        border-bottom: 2px solid #e5ebef;
        margin-bottom: 15px;
        padding-bottom: 10px;
        margin-top: 0px !important;
        color: #f59504;
    }
    
    .title-widget-sidebar:after {
        border-bottom: 2px solid #f1c40f;
        width: 150px;
        display: block;
        position: absolute;
        content: '';
        padding-bottom: 10px;
    }
    
    .recent-post {
        width: 100%;
        height: 80px;
        list-style-type: none;
    }
    
    .post-img img {
        width: 100px;
        height: 80px;
        float: left;
        margin-right: 15px;
        border: 5px solid #16A085;
        transition: 0.5s;
    }
    
    .recent-post a {
        text-decoration: none;
        color: #34495E;
        transition: 0.5s;
    }
    
    .recent-post a h5 {
        font-size: 15px;
        color: #000;
        line-height: 1;
    }
    
    .post-img,
    .recent-post a:hover {
        color: #F39C12;
    }
    
    .post-img img:hover {
        border: 5px solid #F39C12;
    }
    /*===============ARCHIVES////////////////////////////*/
    
    button.accordion {
        background-color: #16A085;
        color: #fff;
        cursor: pointer;
        padding: 18px;
        width: 100%;
        border: none;
        text-align: left;
        outline: none;
        font-size: 15px;
        transition: 0.4s;
    }
    
    button.accordion.active,
    button.accordion:hover {
        background-color: #F39C12;
        color: #fff;
    }
    
    button.accordion:after {
        content: '\002B';
        color: #fff;
        font-weight: bold;
        float: right;
        margin-left: 5px;
    }
    
    button.accordion.active:after {
        content: "\2212";
    }
    
    .panel {
        padding: 0 18px;
        background-color: white;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.2s ease-out;
    }
    /*categories//////////////////////*/
    
    .categories-btn {
        background-color: #F39C12;
        margin-top: 30px;
        color: #fff;
        cursor: pointer;
        padding: 18px;
        width: 100%;
        border: none;
        text-align: left;
        outline: none;
        font-size: 15px;
        transition: 0.4s;
    }
    
    .categories-btn:after {
        content: '\25BA';
        color: #fff;
        font-weight: bold;
        float: right;
        margin-left: 5px;
    }
    
    .categories-btn:hover {
        background-color: #16A085;
        color: #fff;
    }
    
    .form-control {
        border-radius: 0px;
    }
    
    .btn-warning {
        border-radius: 0px;
        background-color: #F39C12;
        margin-top: 15px;
    }
    
    .input-group-addon {
        border-radius: 0px;
    }
    /* card-detail */
    
    .card-blog .fa {
        font-size: 20px;
    }
    
    .card-blog .text-p {
        font-size: 15px;
        line-height: 1;
        color: rgb(61, 60, 60);
    }
    
    .card-blog .card-footer {
        font-size: 20px;
    }
    
    .card-blog .fa {
        font-size: 15px;
    }
    
    .card-blog .btn {
        padding: 7px !important;
        text-transform: capitalize;
        border-radius: 5px;
    }
    
    @media only screen and (max-width: 600px) {
        .card-blog .fa {
            font-size: 10px;
        }
        .card-blog .btn {
            padding: 5px !important;
            text-transform: cauppitalize;
            border-radius: 5px;
            font-size: 10px;
        }
    }
    
    .card-blog .card-footer .fa {
        font-size: 20px;
        padding: 5px;
    }