@charset "UTF-8";

/* @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);

@import url(https://fonts.googleapis.com/css?family=Josefin+Sans:300,300i,400,600,700,900); */

@font-face {
    font-family: "Open Sans";
    src: url("../fonts/Yekan/iranyekanwebregular.eot?#") format("eot"),
    /* IE6?8 */ url("../fonts/Yekan/iranyekanwebregular.woff") format("woff"),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url("../fonts/Yekan/iranyekanwebregular.ttf") format("truetype"); /* Saf3?5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
    font-family: "Josefin Sans";
    src: url("../fonts/Yekan/iranyekanwebregular.eot?#") format("eot"),
    /* IE6?8 */ url("../fonts/Yekan/iranyekanwebregular.woff") format("woff"),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url("../fonts/Yekan/iranyekanwebregular.ttf") format("truetype"); /* Saf3?5, Chrome4+, FF3.5, Opera 10+ */
}

:root {
    --main-color: #d5b99b;
    --main-Level2-color: #d5b99b;
    --sec-color: #f5f5f5;
}



/*
** Table Of Contents
** bootstrap overrides
** vertical margins and paddings
** general styles
** styled lists
** icons
** buttons
** common sections styles:
** light section - .ls
** grey section - .ls.ms
** dark sections - .ds
** color section - .cs
** boxed layout
** template styles
** main menu (min 768px) styles
** main menu mobile styles
** subpages
** widgets
** shortcodes
** utilites
** plugins
  - Owl Carousel
  - FlexSlider
  - prettyPhoto
  - Easy pieChart
  - toTop
*/
/*
**bootstrap overrides
*/
/* modal */
.modal-backdrop.in {
    filter: alpha(opacity=80);
    opacity: 0.8;
}

/*breadcrumbs*/
.breadcrumb {
    margin: 0;
    padding: 0;
    background-color: transparent;
    border-radius: 0;
    text-transform: uppercase;
    color: inherit;
}

    .breadcrumb > .active {
        color: inherit;
    }

.cs .breadcrumb > .active {
    color: #ffffff;
}

.breadcrumb > li + li:before {
    display: inline-block;
    vertical-align: middle;
    color: inherit;
    padding: 0;
    margin: -2px 10px 0;
    content: "";
    width: 3px;
    height: 3px;
    background-color: #616161;
    border-radius: 50%;
}

.cs .breadcrumb > li + li:before {
    background-color: #ffffff;
}

/*pagination*/
.pagination {
    position: relative;
    display: block;
    line-height: 0;
    padding: 0 80px;
    border-radius: 0;
    margin: 0;
}

    .pagination > li {
        display: inline-block;
        vertical-align: middle;
        padding: 1.12% 1.35%;
    }

        .pagination > li:first-child,
        .pagination > li:last-child {
            position: absolute;
            top: 0;
            padding: 1% 1.35%;
        }

        .pagination > li:first-child {
            right: 25px;
        }

        .pagination > li:last-child {
            left: 25px;
        }

@media (max-width: 400px) {
    .pagination > li:first-child {
        right: 10px;
    }

    .pagination > li:last-child {
        left: 10px;
    }
}

.pagination > li > a,
.pagination > li > span {
    font-family: "Josefin Sans", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    padding: 0;
    border: none;
    font-size: 24px;
    line-height: 35px;
    color: #616161;
    background-color: transparent;
    opacity: 0.6;
    min-width: 35px;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    font-size: 20px;
    border-radius: 0px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: #616161;
    opacity: 1;
    background-color: transparent;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    font-size: 32px;
    color: #616161;
    opacity: 1;
    background-color: transparent;
}

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

        .pagination > li:first-child {
            right: 15px;
        }

        .pagination > li:last-child {
            left: 15px;
        }

        .pagination > li > a,
        .pagination > li > span {
            font-size: 16px;
        }

        .pagination > li:first-child > a,
        .pagination > li:first-child > span,
        .pagination > li:last-child > a,
        .pagination > li:last-child > span {
            font-size: 14px;
        }

        .pagination > .active > a,
        .pagination > .active > span,
        .pagination > .active > a:hover,
        .pagination > .active > span:hover,
        .pagination > .active > a:focus,
        .pagination > .active > span:focus {
            font-size: 20px;
        }
}

.small.pagination {
    padding: 0 50px;
}

    .small.pagination > li:first-child {
        right: 15px;
    }

    .small.pagination > li:last-child {
        left: 15px;
    }

    .small.pagination > li > a,
    .small.pagination > li > span {
        font-size: 16px;
    }

    .small.pagination > li:first-child > a,
    .small.pagination > li:first-child > span,
    .small.pagination > li:last-child > a,
    .small.pagination > li:last-child > span {
        font-size: 14px;
    }

    .small.pagination > .active > a,
    .small.pagination > .active > span,
    .small.pagination > .active > a:hover,
    .small.pagination > .active > span:hover,
    .small.pagination > .active > a:focus,
    .small.pagination > .active > span:focus {
        font-size: 20px;
    }

/*forms*/
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
textarea,
select,
.form-control {
    border: none;
    height: 40px;
    border: 1px solid rgba(48, 48, 48, 0.5);
    background-color: transparent;
    border-radius: 0;
    color: #303030;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 7px;
    padding-bottom: 9px;
    font-size: 14px;
}

textarea {
    height: auto;
}

/* select styling */
.form-control option {
    color: #303030;
    background-color: #ffffff;
}

.form-control,
.form-control:focus {
    box-shadow: none;
}

    .form-control.invalid {
        box-shadow: 0 0 0 2px var(--main-color);
    }

    .form-control:focus {
        border-color: #616161;
    }

    .form-control:-moz-placeholder {
        font-size: 12px;
        color: rgba(97, 97, 97, 0.5);
    }

    .form-control::-moz-placeholder {
        font-size: 12px;
        color: rgba(97, 97, 97, 0.5);
    }

    .form-control:-ms-input-placeholder {
        font-size: 12px;
        color: rgba(97, 97, 97, 0.5);
    }

    .form-control::-webkit-input-placeholder {
        font-size: 12px;
        color: rgba(97, 97, 97, 0.5);
    }

    .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*="icon2-"] {
    position: absolute;
    font-size: 24px;
    color: #616161;
    right: 10px;
    top: 19px;
}

    form label + [class*="icon2-"] + .form-control {
        padding-right: 50px;
    }

label {
    font-weight: normal;
}

.form-control + [class*="icon2-"] {
    position: absolute;
    font-size: 24px;
    right: 20px;
    top: 50%;
    color: var(--main-color);
}

input[type="checkbox"],
input[type="radio"] {
    margin-top: 7px;
}

/*carousel*/
.carousel {
    overflow: hidden;
}

.carousel-indicators li {
    width: 10px;
    height: 10px;
    border-width: 0;
    background-color: #303030;
    margin: 0 3px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

    .carousel-indicators li:hover {
        opacity: 0.8;
    }

.carousel-indicators .active {
    width: 10px;
    height: 10px;
    margin: 0 3px;
    background-color: var(--main-color);
}

.carousel-control.left,
.carousel-control.right {
    border: 1px solid #ffffff;
    color: #ffffff;
    border-radius: 0px;
    width: 50px;
    height: 50px;
    right: -50px;
    top: 50%;
    margin-top: -25px;
    text-shadow: none;
    opacity: 1;
    background-image: none;
    filter: alpha(opacity=100);
    text-align: center;
}

.carousel-control.right {
    left: -50px;
}

.carousel:hover .carousel-control {
    right: 50px;
}

    .carousel:hover .carousel-control.right {
        right: auto;
        left: 50px;
    }

.carousel-control.left span,
.carousel-control.right span {
    font-family: "rt-icons-2";
    width: 50px;
    height: 50px;
    margin: 0;
    font-size: 16px;
    right: 0;
    top: 0;
    line-height: 50px;
}

.carousel-control .icon-prev:before {
    content: "\e7c4";
}

.carousel-control .icon-next:before {
    content: "\e7c5";
}

/*collapse accordion*/
.panel-heading .panel-title {
    font-size: inherit;
    letter-spacing: 0;
    padding: 0;
    position: relative;
}

    .panel-heading .panel-title > a {
        line-height: 1;
        display: block;
        padding: 18px 30px 18px 60px;
        text-transform: uppercase;
        font-family: "Josefin Sans", sans-serif;
        font-weight: 700;
        color: #ffffff;
        background-color: var(--main-color);
        border: none;
        word-wrap: break-word;
    }

        .panel-heading .panel-title > a.collapsed:hover,
        .panel-heading .panel-title > a:hover {
            color: #ffffff;
            background-color: var(--main-color);
        }

            .panel-heading .panel-title > a.collapsed:hover:after,
            .panel-heading .panel-title > a:hover:after {
                color: #ffffff;
                border-color: rgba(255, 255, 255, 0.3);
            }

        .panel-heading .panel-title > a.collapsed {
            color: #303030;
            background-color: #f5f5f5;
        }

        .panel-heading .panel-title > a:after {
            font-family: FontAwesome;
            content: "\f068";
            position: absolute;
            line-height: 50px;
            text-align: center;
            left: 0;
            top: 0;
            bottom: 0;
            width: 51px;
            border-right: 1px solid rgba(255, 255, 255, 0.3);
            -webkit-transition: all 0.2s ease-in-out 0s;
            transition: all 0.2s ease-in-out 0s;
        }

        .panel-heading .panel-title > a.collapsed:after {
            content: "\f067";
            border-color: rgba(0, 0, 0, 0.1);
            color: #9b9b9b;
        }

        .panel-heading .panel-title > a > i {
            position: relative;
            top: 1px;
            padding-left: 12px;
        }

.panel-group .panel-heading + .panel-collapse > .list-group,
.panel-group .panel-heading + .panel-collapse > .panel-body {
    border: 3px solid var(--main-color);
    border-width: 0 3px;
}

.panel {
    box-shadow: none;
}

.panel-group .panel {
    border-radius: 0;
    background-color: transparent;
}

.panel-default > .panel-heading {
    background-color: transparent;
    color: inherit;
    position: relative;
    border: none;
    border-radius: 0;
    padding: 0;
}

.panel-default {
    border-color: transparent;
}

.panel-group .panel + .panel {
    margin-top: 10px;
}

.panel-body {
    border: 1px solid transparent;
    border-top: none !important;
}

    .panel-body .media-left {
        padding-left: 28px;
    }

        .panel-body .media-left .img-circle {
            max-width: 50px;
        }

        .panel-body .media-left img {
            max-width: 80px;
        }

.panel-group .panel-heading + .panel-collapse .panel-body {
    padding: 33px 30px;
    border-radius: 0px;
}

/*progress bars*/
p + .progress {
    margin-top: -10px;
}

.progress {
    overflow: hidden;
    height: 40px;
    position: relative;
    border-radius: 0;
    box-shadow: none;
    border: none;
}

.progress-bar {
    background-color: var(--main-color);
    color: inherit;
    box-shadow: none;
    height: 40px;
}

    .progress-bar span {
        position: relative;
        color: #ffffff;
        top: 10px;
        font-size: 0.9em;
    }

.progress-bar-info {
    background-color: #8aa5ec;
}

.progress-bar-warning {
    background-color: #f0ad4e;
}

.progress-bar-danger {
    background-color: #d9534f;
}

.alert {
    border-radius: 0;
    border-width: 0 4px 0 0;
    padding: 30px;
}

.media {
    margin-top: 23px;
}

    .media .media-object {
        max-width: 100px;
    }

/*nav*/
.nav > li > a {
    color: #303030;
}

    .nav > li > a:hover,
    .nav > li > a:focus {
        background-color: inherit;
    }

/*tabs*/
.tab-content {
    border-radius: 0 0 0 0;
    padding: 30px 30px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

    .tab-content.no-border {
        padding: 36px 0 0;
        border: none;
    }

    .tab-content.top-color-border {
        position: relative;
    }

        .tab-content.top-color-border:before {
            content: "";
            position: absolute;
            right: -1px;
            left: -1px;
            top: -1px;
            height: 6px;
            background-color: var(--main-color);
        }

        .tab-content.top-color-border.no-border:before {
            right: 0;
            left: 0;
        }

    .tab-content .featured-tab-image {
        margin: -30px -31px 24px -31px;
    }

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.nav-tabs {
    border-bottom-color: transparent;
    margin-top: 0px;
    margin-bottom: -1px;
}

    .nav-tabs > li > a {
        font-size: 14px;
        padding: 19px 40px;
        margin-left: 1px;
        margin-top: 0px;
        border: none;
        border: 1px solid #303030;
        background-color: #303030;
        color: #ffffff;
        border-radius: 0;
    }

    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:hover,
    .nav-tabs > li.active > a:focus {
        border-color: transparent;
        background-color: var(--main-color);
        color: #ffffff;
    }

    .nav-tabs > li > a:hover,
    .nav-tabs > li > a:focus,
    .nav-tabs.nav-justified > .active > a {
        border-color: #303030;
        background-color: #303030;
        color: var(--main-color);
    }

/*vertical tabs*/
.vertical-tabs .tab-content.no-border {
    padding-top: 0;
}

.vertical-tabs .nav > li > a {
    background-color: #303030;
    color: #ffffff;
    padding: 18px 40px 18px 60px;
    margin-bottom: 10px;
    position: relative;
}

    .vertical-tabs .nav > li > a i {
        position: relative;
        top: 1px;
        padding-left: 12px;
    }

    .vertical-tabs .nav > li > a:after {
        color: rgba(255, 255, 255, 0.8);
        font-family: "rt-icons-2";
        content: "\e7c5";
        position: absolute;
        font-size: 12px;
        line-height: 58px;
        text-align: center;
        left: 0;
        top: 0;
        bottom: 0;
        width: 60px;
        border-right: 1px solid rgba(255, 255, 255, 0.3);
        letter-spacing: 0;
    }

    .vertical-tabs .nav > li.active a,
    .vertical-tabs .nav > li > a:hover {
        background-color: var(--main-color);
    }

@media (min-width: 768px) {
    .vertical-tabs .nav > li.active {
        position: relative;
        z-index: 2;
    }
}

/*bs buttons*/
.btn {
    padding: 18px 30px;
    text-transform: uppercase;
    margin: 0 0 6px 2px;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

    .btn:hover,
    .btn:focus {
        outline: none;
    }

li.media:before,
li.media:after {
    display: block;
    content: "";
    clear: both;
}

/* dropdown menu */
.dropdown-menu {
    box-shadow: none;
    border-radius: 0;
    border-color: #303030;
    z-index: 1001;
    font-size: 16px;
    margin-top: 0;
}

[class*="right"] .dropdown-menu {
    left: 0;
    right: auto;
}

.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
    color: #303030;
    background-color: transparent;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    padding: 13px 8px;
    border-color: rgba(48, 48, 48, 0.5);
}

.table {
    border-top: 1px solid rgba(48, 48, 48, 0.5);
    border-bottom: 1px solid rgba(48, 48, 48, 0.5);
}

    .table td + td {
        border-right: 1px solid rgba(48, 48, 48, 0.5);
    }

.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
    border-bottom-width: 1px;
}

.table-responsive {
    border: none;
}

.well {
    box-shadow: none;
    border: none;
    border-radius: 0;
}

.embed-responsive-3by2 {
    padding-bottom: 66.666%;
}

.embed-placeholder:before {
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    content: "\e696";
    font-family: "rt-icons-2";
    position: absolute;
    color: #ffffff;
    font-size: 30px;
    right: 50%;
    top: 50%;
    margin-right: -20px;
    margin-top: -5px;
}

.embed-placeholder:hover:before {
    opacity: 0.4;
}

/*
**general styles
*/
html {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: visible;
}

::-moz-selection {
    color: #ffffff;
    background-color: var(--main-color);
}

::selection {
    color: #ffffff;
    background-color: var(--main-color);
}

::-moz-selection {
    color: #ffffff;
    background-color: var(--main-color);
}

body {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    line-height: 26px;
    background-color: #ffffff;
    overflow: visible;
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Josefin Sans", sans-serif;
    font-weight: 700;
    line-height: 1;
    word-break: break-word;
}

h5,
h6 {
    line-height: 1.25;
}

    h1:first-child,
    h2:first-child,
    h3:first-child,
    h4:first-child,
    h5:first-child,
    h6:first-child {
        margin-top: 0;
    }

p {
    margin-bottom: 20px;
}

    p:last-child {
        margin-bottom: 0;
    }

blockquote {
    position: relative;
    margin: 30px 0;
    padding: 25px 30px 25px 20px;
    border-right: 3px solid var(--main-color);
    font-family: "Josefin Sans", sans-serif;
    font-size: 18px;
    font-weight: 300;
    font-style: italic;
}

    blockquote .media {
        font-size: 14px;
        font-style: normal;
        margin: 0 0 6px;
        padding-top: 10px;
    }

        blockquote .media .media-object {
            min-width: 40px;
            max-width: 60px;
            border-radius: 50%;
        }

    blockquote .item-meta {
        font-style: normal;
        margin-bottom: 0;
    }

    blockquote.no-border {
        padding: 10px 20px;
        border-right: none;
        font-family: "Open Sans", sans-serif;
        font-weight: 400;
        font-size: 14px;
        font-style: normal;
    }

.quote-sign {
    font-size: 380px;
    line-height: 75px;
}

    .quote-sign:before {
        content: "”";
        display: block;
        line-height: 75px;
        position: relative;
        top: 110px;
        left: 25px;
    }

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

figcaption,
.entry-caption {
    padding: 3px 10px;
}

    figcaption p,
    .entry-caption p {
        margin-bottom: 0;
    }

a {
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

    a:hover {
        color: #fcbe11;
        text-decoration: none;
        -webkit-transition: all 0.15s linear 0s;
        transition: all 0.15s linear 0s;
    }

    a:focus {
        outline: medium none;
        text-decoration: none;
    }

    a img {
        -webkit-transition: all 0.15s ease-in-out 0s;
        transition: all 0.15s ease-in-out 0s;
    }

hr {
    border: none;
    height: 1px;
    background-color: #ddd;
}

iframe {
    border: none;
    max-width: 100%;
}

input[type="number"] {
    -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.theme_checkbox {
    position: relative;
}

    .theme_checkbox label {
        margin: 0;
        cursor: pointer;
    }

    .theme_checkbox input[type="checkbox"] {
        position: absolute;
        top: 5px;
        right: 4px;
        margin-left: 6px;
        opacity: 0;
        z-index: -1;
    }

    .theme_checkbox span {
        display: inline-block;
        vertical-align: middle;
        padding-right: 1px;
        width: 20px;
        height: 20px;
        margin-left: 6px;
        margin-top: -4px;
        text-align: center;
        line-height: 14px;
        border: 1px solid rgba(48, 48, 48, 0.6);
    }

        .theme_checkbox span:before {
            color: #303030;
            content: "\f00c";
            font-family: FontAwesome;
            font-size: 12px;
            display: none;
        }

    .theme_checkbox input[type="checkbox"]:checked + span:before {
        display: inline-block;
    }

/*
**styled lists
*/
ul,
ol {
    padding-right: 30px;
}

    ul.list1 {
        list-style: none;
        padding: 0;
        margin: 25px 0;
    }

        ul.list1 li {
            position: relative;
            padding: 9px 30px 10px 0;
        }

            ul.list1 li > .media {
                margin: 3px 0 3px;
            }

        ul.list1.no-bullets li {
            padding-right: 0;
        }

            ul.list1.no-bullets li:before {
                display: none;
            }

        ul.list1 li:first-child {
            border-top: 1px solid rgba(0, 0, 0, 0.1);
        }

        ul.list1 li {
            border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        }

.muted_background ul.list1 li {
    border-color: rgba(255, 255, 255, 0.4);
}

ul.list1 li:before {
    content: "";
    display: block;
    position: absolute;
    border: 1px solid var(--main-color);
    right: 10px;
    top: 17px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
}

ul.list2 {
    list-style: none;
    padding-right: 25px;
    margin-bottom: 20px;
}

    ul.list2 li {
        position: relative;
        padding: 2px 0px 2px 0;
    }

        ul.list2 li:before {
            font-family: FontAwesome;
            font-size: 14px;
            color: var(--main-color);
            content: "\f00d";
            position: absolute;
            right: -25px;
            top: 2px;
        }

ol.list3 {
    counter-reset: li;
    list-style: none outside none;
    padding: 0;
}

    ol.list3 li {
        position: relative;
        padding: 8px 38px 8px 0;
    }

        ol.list3 li:after {
            content: counter(li, decimal-leading-zero);
            counter-increment: li;
            position: absolute;
            right: 2px;
            top: 50%;
            margin-top: -16px;
            font-weight: 700;
            color: inherit;
            width: 30px;
            height: 30px;
            text-align: center;
            line-height: 30px;
            color: #ffffff;
            background-color: var(--main-color);
            border-radius: 100%;
        }

table {
    width: 100%;
    max-width: 100%;
    margin: 10px 0;
}

    table td,
    table th {
        padding: 3px 0;
    }

.table_template thead {
    background-color: var(--main-color);
    color: #303030;
}

    .table_template thead.light {
        background-color: #ffffff;
    }

.table_template td,
.table_template th {
    padding: 18px 30px;
}

.table_template tbody tr:nth-of-type(odd) {
    background-color: rgba(238, 238, 238, 0.1);
}

.table_template tbody tr:nth-of-type(even) {
    background-color: rgba(17, 17, 17, 0.05);
}

/*icons in headings, paragraphs and buttons*/
h1 > [class*="rt-icon"],
h2 > [class*="rt-icon"],
h3 > [class*="rt-icon"],
h4 > [class*="rt-icon"],
h5 > [class*="rt-icon"],
h6 > [class*="rt-icon"] {
    font-size: 1.2em;
    position: relative;
    top: 0.1em;
    line-height: 0;
    padding-left: 0.1em;
}

p > [class*="rt-icon"] {
    font-size: 1.1em;
    position: relative;
    top: 0.05em;
    line-height: 0;
    padding: 0 0.2em;
}

.theme_buttons a > [class*="rt-icon"],
.theme_button > [class*="rt-icon"] {
    font-size: 1.8em;
    line-height: 0;
    position: relative;
    top: 5px;
    padding: 0 3px;
}

.theme_buttons a > [class*="glyphicon"],
.theme_buttons a > [class*="fa-"],
.theme_button > [class*="glyphicon"],
.theme_button > [class*="fa-"] {
    font-size: 1.5em;
    position: relative;
    top: 3px;
    line-height: 0;
}

/* 
**buttons 
*/
.theme_buttons a,
.theme_button {
    font-family: "Josefin Sans", sans-serif;
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    padding: 15px 35px 16px;
    margin-bottom: 4px;
    line-height: 1;
    display: inline-block;
    min-width: 8.5em;
    text-align: center;
    color: #ffffff;
    border: none;
    background-color: #303030;
    border-radius: 0px;
    position: relative;
    -webkit-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;
}

    .theme_button.color1 {
        color: #303030;
        background-color: var(--main-color);
    }

    .theme_button.color2 {
        color: #303030;
        background-color: #fcbe11;
    }

    .theme_buttons a:active,
    .theme_buttons a:hover,
    .theme_buttons a:focus,
    .theme_button:active,
    .theme_button:hover,
    .theme_button:focus {
        color: #303030;
        background-color: #ffffff;
        opacity: 1;
        text-decoration: none;
        outline: none;
        -webkit-transition: all 0.05s linear 0s;
        transition: all 0.05s linear 0s;
    }

    .theme_buttons a:active,
    .theme_button:active {
        top: 1px;
    }

    .theme_buttons.inverse a,
    .theme_button.inverse {
        color: #303030;
        background-color: #f5f5f5;
    }

.muted_buttons a,
.muted_button {
    opacity: 0.2;
}

.small_buttons a,
.small_button {
    font-size: 10px;
    padding: 11px 25px;
    font-weight: 700;
    min-width: auto;
}

.square_buttons a,
.square_button {
    padding-right: 10px;
    padding-left: 10px;
    min-width: auto;
}

.wide_buttons a,
.wide_button {
    padding-right: 50px;
    padding-left: 50px;
}

.block_buttons a,
.block_button {
    display: block;
    width: 100%;
    text-align: center;
}

.border_button {
    padding: 14px 34px 15px;
}

.theme_link {
    display: inline-block;
    font-family: "Josefin Sans", sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 30px;
    padding-right: 20px;
    border-right: 3px solid var(--main-color);
}

    .theme_link i {
        display: inline-block;
        vertical-align: top;
        margin-right: 16px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
        text-align: center;
        color: #303030;
        background-color: var(--main-color);
        -webkit-transition: all 0.2s ease-in-out 0s;
        transition: all 0.2s ease-in-out 0s;
    }

    .theme_link:hover i {
        color: #ffffff;
    }

/*
**vertical margins and paddings
*/
/*same top and bottom paddings for sections*/
.section_padding_0 > [class*="container"] {
    padding-top: 0;
    padding-bottom: 0;
}

.section_padding_10 > [class*="container"] {
    padding-top: 10px;
    padding-bottom: 10px;
}

.section_padding_15 > [class*="container"] {
    padding-top: 15px;
    padding-bottom: 15px;
}

.section_padding_20 > [class*="container"] {
    padding-top: 20px;
    padding-bottom: 20px;
}

.section_padding_25 > [class*="container"] {
    padding-top: 25px;
    padding-bottom: 25px;
}

.section_padding_50 > [class*="container"] {
    padding-top: 50px;
    padding-bottom: 50px;
}

.section_padding_75 > [class*="container"] {
    padding-top: 75px;
    padding-bottom: 75px;
}

.section_padding_95 > [class*="container"] {
    padding-top: 95px;
    padding-bottom: 95px;
}

.section_padding_100 > [class*="container"] {
    padding-top: 100px;
    padding-bottom: 100px;
}

.section_padding_110 > [class*="container"] {
    padding-top: 110px;
    padding-bottom: 110px;
}

/*top paddings for sections*/
.section_padding_top_0 > [class*="container"] {
    padding-top: 0;
}

.section_padding_top_5 > [class*="container"] {
    padding-top: 5px;
}

.section_padding_top_15 > [class*="container"] {
    padding-top: 15px;
}

.section_padding_top_25 > [class*="container"] {
    padding-top: 25px;
}

.section_padding_top_30 > [class*="container"] {
    padding-top: 30px;
}

.section_padding_top_40 > [class*="container"] {
    padding-top: 40px;
}

.section_padding_top_50 > [class*="container"] {
    padding-top: 50px;
}

.section_padding_top_65 > [class*="container"] {
    padding-top: 65px;
}

.section_padding_top_75 > [class*="container"] {
    padding-top: 75px;
}

.section_padding_top_100 > [class*="container"] {
    padding-top: 100px;
}

.section_padding_top_110 > [class*="container"] {
    padding-top: 110px;
}

/*bottom paddings for sections*/
.section_padding_bottom_0 > [class*="container"] {
    padding-bottom: 0;
}

.section_padding_bottom_5 > [class*="container"] {
    padding-bottom: 5px;
}

.section_padding_bottom_15 > [class*="container"] {
    padding-bottom: 15px;
}

.section_padding_bottom_25 > [class*="container"] {
    padding-bottom: 25px;
}

.section_padding_bottom_30 > [class*="container"] {
    padding-bottom: 30px;
}

.section_padding_bottom_40 > [class*="container"] {
    padding-bottom: 40px;
}

.section_padding_bottom_50 > [class*="container"] {
    padding-bottom: 50px;
}

.section_padding_bottom_65 > [class*="container"] {
    padding-bottom: 65px;
}

.section_padding_bottom_75 > [class*="container"] {
    padding-bottom: 75px;
}

.section_padding_bottom_90 > [class*="container"] {
    padding-bottom: 90px;
}

.section_padding_bottom_100 > [class*="container"] {
    padding-bottom: 100px;
}

.section_padding_bottom_110 > [class*="container"] {
    padding-bottom: 110px;
}

@media (max-width: 991px) {
    .section_padding_110 > [class*="container"],
    .section_padding_100 > [class*="container"],
    .section_padding_95 > [class*="container"] {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .section_padding_top_110 > [class*="container"],
    .section_padding_top_100 > [class*="container"] {
        padding-top: 70px;
    }

    .section_padding_bottom_110 > [class*="container"],
    .section_padding_bottom_100 > [class*="container"],
    .section_padding_bottom_90 > [class*="container"] {
        padding-bottom: 70px;
    }
}

/* margins inside sections */
[class*="col-"] {
    margin-top: 10px;
    margin-bottom: 10px;
}

@media (max-width: 767px) {
    aside[class*="col-"] {
        margin-top: 60px;
    }
}

[class*="_0"] [class*="col-"],
header [class*="col-"] {
    margin-top: 0;
    margin-bottom: 0;
    min-height: 0;
}

.columns_padding_1 [class*="col-"] {
    margin-top: 0;
    margin-bottom: 1px;
}

.columns_padding_2 [class*="col-"] {
    margin-top: 1px;
    margin-bottom: 1px;
}

.columns_padding_5 [class*="col-"] {
    margin-top: 5px;
    margin-bottom: 5px;
}

.columns_padding_0 [class*="col-"] {
    padding: 0;
}

.columns_padding_1 [class*="col-"] {
    padding-right: 0;
    padding-left: 1px;
}

.columns_padding_2 [class*="col-"] {
    padding-right: 1px;
    padding-left: 1px;
}

.columns_padding_5 [class*="col-"] {
    padding-right: 5px;
    padding-left: 5px;
}

.columns_padding_10 [class*="col-"] {
    padding-right: 10px;
    padding-left: 10px;
}

.columns_padding_0 > .container,
.columns_padding_1 > .container,
.columns_padding_2 > .container {
    padding-right: 30px;
    padding-left: 30px;
}

.columns_padding_5 > .container {
    padding-right: 25px;
    padding-left: 25px;
}

.columns_padding_0.table_section > .container {
    padding: 0;
}

.row.columns_padding_0 {
    margin: 0;
}

.row.columns_padding_1 {
    margin-right: 0;
    margin-left: -1px;
}

.row.columns_padding_2 {
    margin-right: -1px;
    margin-left: -1px;
}

.row.columns_padding_5 {
    margin-right: -5px;
    margin-left: -5px;
}

.row.columns_padding_10 {
    margin-right: -10px;
    margin-left: -10px;
}

@media (min-width: 500px) {
    .columns_padding_25 > [class*="container"] > .row,
    .row.columns_padding_25 {
        margin-left: -25px;
        margin-right: -25px;
    }

        .columns_padding_25 > [class*="container"] > .row > [class*="col-"],
        .row.columns_padding_25 > [class*="col-"] {
            padding-right: 25px;
            padding-left: 25px;
            margin-top: 25px;
            margin-bottom: 25px;
        }
}

/*top and bottom margins for columns inside sections and rows */
.columns_margin_top_0 [class*="col-"],
.row.columns_margin_top_0 [class*="col-"] {
    margin-top: 0;
}

.columns_margin_top_5 [class*="col-"],
.row.columns_margin_top_5 [class*="col-"] {
    margin-top: 5px;
}

.columns_margin_top_10 [class*="col-"],
.row.columns_margin_top_10 [class*="col-"] {
    margin-top: 10px;
}

.columns_margin_top_15 [class*="col-"],
.row.columns_margin_top_15 [class*="col-"] {
    margin-top: 15px;
}

.columns_margin_top_20 [class*="col-"],
.row.columns_margin_top_20 [class*="col-"] {
    margin-top: 20px;
}

.columns_margin_top_30 [class*="col-"],
.row.columns_margin_top_30 [class*="col-"] {
    margin-top: 30px;
}

.columns_margin_bottom_0 [class*="col-"],
.row.columns_margin_bottom_0 [class*="col-"] {
    margin-bottom: 0;
}

.columns_margin_bottom_5 [class*="col-"],
.row.columns_margin_bottom_5 [class*="col-"] {
    margin-bottom: 5px;
}

.columns_margin_bottom_10 [class*="col-"],
.row.columns_margin_bottom_10 [class*="col-"] {
    margin-bottom: 10px;
}

.columns_margin_bottom_15 [class*="col-"],
.row.columns_margin_bottom_15 [class*="col-"] {
    margin-bottom: 15px;
}

.columns_margin_bottom_20 [class*="col-"],
.row.columns_margin_bottom_20 [class*="col-"] {
    margin-bottom: 20px;
}

.columns_margin_bottom_30 [class*="col-"],
.row.columns_margin_bottom_30 [class*="col-"] {
    margin-bottom: 30px;
}

.columns_margin_bottom_60 [class*="col-"],
.row.columns_margin_bottom_60 [class*="col-"] {
    margin-bottom: 60px;
}

/* vertical alignmetn in columns */
.table_section [class*="container"] {
    height: 100%;
    padding-right: 0;
    padding-left: 0;
}

.table_section .row {
    display: table;
    min-width: 100%;
    height: 100%;
    margin-right: 0;
    margin-left: 0;
}

.table_section [class*="col-"] {
    display: table-cell;
    vertical-align: middle;
    float: none;
}

@media screen and (max-width: 767px) {
    .table_section .row,
    .table_section [class*="col-"] {
        display: block;
        width: auto;
    }
}

@media screen and (max-width: 991px) {
    .table_section.table_section_md .row,
    .table_section.table_section_md [class*="col-"] {
        display: block;
        width: auto;
    }
}

@media screen and (max-width: 1199px) {
    .table_section.table_section_lg .row,
    .table_section.table_section_lg [class*="col-"] {
        display: block;
        width: auto;
    }
}

@media screen and (min-width: 1200px) {
    /* overlap featured person */
    .top-overlap {
        margin-top: -170px;
    }

    .top-overlap-small {
        margin-top: -80px;
        margin-bottom: -1px;
    }

    .top-overlap-very-small {
        margin-top: -25px;
    }

    .right-offset {
        margin-left: -40px;
    }
}

.top-overlap,
.top-overlap-small,
.top-overlap-very-small {
    vertical-align: bottom;
}

@media (max-width: 767px) {
    .container {
        width: 500px;
    }
}

.image-overflow {
    overflow: hidden;
}

/*
**common sections styles
*/
/*parallax*/
.background_cover {
    background-size: cover;
}

.parallax {
    background-attachment: fixed;
    background-size: cover;
    background-position: 50% 0;
    background-repeat: no-repeat;
    position: relative;
}

@media (max-width: 767px) {
    .parallax {
        background-size: auto auto;
    }
}

.parallax.ls:after {
    background-color: #ffffff;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=92)";
    filter: alpha(opacity=92);
    opacity: 0.92;
}

.parallax.ls.ms:after {
    background-color: #f5f5f5;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=88)";
    filter: alpha(opacity=80);
    opacity: 0.8;
}

.parallax.cs:after {
    background-color: var(--main-color);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    opacity: 0.9;
}

.parallax.cs:before {
    display: none;
}

.parallax.cs.main_color2:after {
    background-color: #fcbe11;
}

.parallax.cs.main_color3:after {
    background-color: #f26f1f;
}

.parallax.ds:before {
    background-color: #303030;
    opacity: 0.8;
}

.parallax.ds:after {
    background-color: #000;
    opacity: 0.2;
}

.parallax.ds.ms:before {
    background-color: #000;
}

.parallax.ds.ms:after {
    display: none;
}

.texture_bg {
    background-size: cover;
    background-position: 50% 0;
    background-repeat: no-repeat;
    position: relative;
    background-image: url(../img/aside_bg.jpg);
}

.muted_section:before {
    background-color: rgba(48, 48, 48, 0.1);
    opacity: 1;
}

.parallax > *,
.muted_section > *,
.radial_gradient > *,
.gradient > *,
.vertical_gradient > *,
.darken_gradient > *,
.diagonal_section > * {
    z-index: 4;
    position: relative;
}

.radial_gradient {
    position: relative;
    overflow: hidden;
}

.gradient,
.muted_section,
.vertical_gradient,
.darken_gradient {
    position: relative;
}

    .muted_section:before,
    .muted_section:after,
    .parallax:before,
    .parallax:after,
    .gradient:before,
    .gradient:after,
    .vertical_gradient:before,
    .vertical_gradient:after,
    .darken_gradient:before,
    .darken_gradient:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        z-index: 3;
    }

    .muted_section:before,
    .muted_section:after,
    .parallax:before,
    .parallax:after {
        opacity: 0.8;
    }

    .header_gradient,
    .gradient:before,
    .dark_gradient:before {
        background: var(--main-color);
        background: -webkit-gradient( linear, right top, left top, color-stop(0%, var(--main-color)), color-stop(100%, #fcbe11) );
        background: -webkit-linear-gradient(right, var(--main-color) 0%, #fcbe11 100%);
        background: linear-gradient(to left, var(--main-color) 0%, #fcbe11 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$mainColor', endColorstr='$mainColor2',GradientType=1 );
    }

    .vertical_gradient:before {
        background: var(--main-color);
        /* Old browsers */
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, var(--main-color) 0%, #fcbe11 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, var(--main-color) 0%, #fcbe11 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$mainColor', endColorstr='$mainColor2',GradientType=0 );
        /* IE6-9 */
    }

    .darken_gradient:before {
        background: -webkit-linear-gradient( top, transparent 0%, rgba(55, 52, 47, 0.65) 100% );
        background: linear-gradient( to bottom, transparent 0%, rgba(55, 52, 47, 0.65) 100% );
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a637342f',GradientType=0 );
    }

.with_top_border,
.with_bottom_border {
    position: relative;
}

    .with_top_border:before,
    .with_bottom_border:after {
        content: "";
        display: block;
        position: absolute;
        height: 1px;
        right: 0;
        left: 0;
        top: 0;
        background-color: rgba(48, 48, 48, 0.5);
    }

    .with_bottom_border:after {
        top: auto;
        bottom: 0;
    }

.bg_image,
.bg_image:after {
    background-image: url(../img/background_section.png);
}

/* Hero text in sections */
.section_header {
    font-size: 50px;
    position: relative;
    word-wrap: break-word;
    text-transform: uppercase;
    font-weight: 700;
}

    .section_header.big {
        font-size: 100px;
        font-weight: 700;
        margin-bottom: 30px;
    }

    .section_header.small {
        font-size: 40px;
    }

    .section_header.big + p {
        margin-bottom: 30px;
    }

@media (max-width: 767px) {
    .section_header {
        font-size: 36px;
    }
}

/*page preloader*/
.preloader {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #ffffff;
    z-index: 13000;
    height: 100%;
}

.lt-ie9 .preloader {
    display: none;
}

.preloader_image {
    width: 100px;
    height: 100px;
    position: absolute;
    right: 50%;
    top: 50%;
    background: url(../img/preloader.gif) no-repeat 50% 50% transparent;
    margin: -50px -50px 0 0;
}

/*
animated elements
*/
.to_animate {
    visibility: hidden;
}

.lt-ie10 .to_animate,
.lt-ie9 .to_animate {
    visibility: visible;
}

.animated {
    /*IE7 fix*/
    visibility: visible !important;
}

/*
**boxed layout
*/
#box_wrapper,
#canvas {
    overflow: visible;
    position: relative;
}

    #canvas.boxed {
        padding: 1px 0;
    }

    #box_wrapper.container {
        overflow: hidden;
    }

body.boxed {
    position: static;
    width: auto;
    height: auto;
}

.pattern1 {
    background-image: url(../img/pattern1.png);
}

.pattern2 {
    background-image: url(../img/pattern2.png);
}

.pattern3 {
    background-image: url(../img/pattern3.png);
}

.pattern4 {
    background-image: url(../img/pattern4.png);
}

.pattern5 {
    background-image: url(../img/pattern5.png);
}

.pattern6 {
    background-image: url(../img/pattern6.png);
}

.pattern7 {
    background-image: url(../img/pattern7.png);
}

.pattern8 {
    background-image: url(../img/pattern8.png);
}

.pattern9 {
    background-image: url(../img/pattern9.png);
}

.pattern10 {
    background-image: url(../img/pattern10.png);
}

.pattern11 {
    background-image: url(../img/pattern11.png);
}

.container {
    max-width: 100%;
}

.boxed .container {
    padding-right: 50px;
    padding-left: 50px;
}

@media (max-width: 500px) {
    .boxed .container {
        padding-right: 10px;
        padding-left: 10px;
    }
}

.container-fluid {
    padding-left: 15px;
    padding-right: 15px;
}

.columns_padding_0 .container-fluid {
    padding-left: 30px;
    padding-right: 30px;
}

@media (min-width: 400px) {
    .container-fluid {
        padding-left: 30px;
        padding-right: 30px;
    }

    .columns_padding_0 .container-fluid {
        padding-left: 45px;
        padding-right: 45px;
    }
}

@media (min-width: 1200px) {
    .container-fluid {
        padding-left: 60px;
        padding-right: 60px;
    }

    .columns_padding_0 .container-fluid {
        padding-left: 75px;
        padding-right: 75px;
    }
}

@media (min-width: 600px) {
    #canvas.boxed {
        padding: 30px;
    }
}

@media (min-width: 1200px) {
    #canvas.boxed {
        padding: 60px;
    }
}

.boxed #box_wrapper.container {
    width: 100%;
    padding: 0;
}

    .boxed #box_wrapper.container.top-bottom-margins {
        margin-top: 30px;
        margin-bottom: 30px;
    }

/*
**utilites
*/
.alignleft {
    float: right;
    margin: 5px 0 15px 30px;
    max-width: 50%;
}

.alignright {
    float: left;
    margin: 5px 30px 15px 0;
    max-width: 50%;
}

.round {
    border-radius: 50%;
}

.inline-block {
    display: inline-block;
    max-width: 100%;
}

.with_padding {
    padding: 30px;
}

.table_section_content {
    padding: 30px 50px;
}

    .table_section_content h3 {
        font-size: 42px;
        font-weight: 300;
        margin: 0 0 32px;
    }

.with_background {
    background-color: #f5f5f5;
}

.muted_background {
    background-color: rgba(48, 48, 48, 0.06);
}

.with_border {
    border: 1px solid rgba(48, 48, 48, 0.5);
}

.before_cover,
.after_cover,
.before_cover > *,
.after_cover > * {
    position: relative;
    z-index: 2;
}

    .before_cover:before,
    .after_cover:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

.top-corner {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 1;
}

.big {
    font-size: 42px;
    line-height: 0.9;
}

.heading {
    display: inline-block;
    overflow: hidden;
}

    .heading p {
        position: relative;
        display: inline-block;
        margin: 0;
        font-weight: 300;
    }

        .heading p:before,
        .heading p:after {
            content: "";
            position: absolute;
            height: 1px;
            width: 1000px;
            top: 50%;
            background-color: #303030;
        }

        .heading p:before {
            right: -1025px;
        }

        .heading p:after {
            left: -1025px;
        }

@media (max-width: 499px) {
    .heading p:before {
        right: -1015px;
    }

    .heading p:after {
        left: -1015px;
    }
}

.heading p:before {
    display: none;
}

.heading.text-center p:before {
    display: block;
}

.heading h1,
.heading h2 {
    margin-top: 7px;
}

    .heading h1 + p,
    .heading h2 + p {
        margin-top: 4px;
        font-size: 30px;
        letter-spacing: 0.2em;
    }

        .heading h1 + p.no-lines:before,
        .heading h1 + p.no-lines:after,
        .heading h2 + p.no-lines:before,
        .heading h2 + p.no-lines:after {
            display: none;
        }

.heading.bottom_border {
    padding-bottom: 5px;
    border-bottom: 1px solid #303030;
}

@media (max-width: 767px) {
    .heading p {
        font-size: 16px;
    }

    .heading h1,
    .heading h2 {
        margin-top: 4px;
    }

        .heading h1 + p,
        .heading h2 + p {
            font-size: 22px;
        }
}

@media (max-width: 400px) {
    .heading p {
        font-size: 14px;
    }

    .heading h1,
    .heading h2 {
        margin-top: 0;
        font-size: 28px;
    }

        .heading h1 + p,
        .heading h2 + p {
            font-size: 18px;
        }
}

.response,
.highlight {
    color: var(--main-color);
    border-color: var(--main-color);
}

.highlight2 {
    color: #fcbe11;
    border-color: #fcbe11;
}

.red,
.required {
    color: #fa5c5d;
}

.black {
    color: #191919;
    border-color: #191919;
}

.grey {
    color: #303030;
    border-color: #303030;
}

.greylinks a {
    color: #616161;
}

.darklinks a {
    color: #303030;
}

.thin {
    font-weight: 300;
}

.bold {
    font-weight: 700;
}

.quotesign {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 1;
}

    .quotesign:before {
        font-size: 150px;
        font-family: "PT Sans", sans-serif;
        content: "‘‘";
        position: absolute;
        right: 0;
        top: 0;
        line-height: 1;
    }

.light_bg_color {
    background-color: #ffffff;
}

.main_bg_color {
    color: #ffffff;
    background-color: var(--main-color);
}

.main_bg_color2 {
    color: #ffffff;
    background-color: #fcbe11;
}

.dark_bg_color {
    color: #ffffff;
    background-color: #191919;
}

    .dark_bg_color h1,
    .dark_bg_color h2,
    .dark_bg_color h3,
    .dark_bg_color h4,
    .dark_bg_color h5,
    .dark_bg_color h6 {
        color: #ffffff;
    }

.darkgrey_bg_color {
    color: #ffffff;
    background-color: #303030;
}

    .darkgrey_bg_color h1,
    .darkgrey_bg_color h2,
    .darkgrey_bg_color h3,
    .darkgrey_bg_color h4,
    .darkgrey_bg_color h5,
    .darkgrey_bg_color h6 {
        color: #ffffff;
    }

/*dividers, margins and paddings*/
.divider_20 {
    margin: 20px 0;
}

.divider_30 {
    margin: 30px 0;
}

.divider_40 {
    margin: 40px 0;
}

.margin_0 {
    margin: 0 !important;
}

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

.topmargin_1 {
    margin-top: 1px;
}

.topmargin_5 {
    margin-top: 5px;
}

.topmargin_10 {
    margin-top: 10px;
}

.topmargin_15 {
    margin-top: 15px;
}

.topmargin_20 {
    margin-top: 20px;
}

.topmargin_30 {
    margin-top: 30px;
}

.topmargin_35 {
    margin-top: 35px;
}

.topmargin_40 {
    margin-top: 40px;
}

.topmargin_50 {
    margin-top: 50px;
}

.topmargin_60 {
    margin-top: 60px;
}

.topmargin_75 {
    margin-top: 75px;
}

.topmargin_90 {
    margin-top: 90px;
}

.topmargin_110 {
    margin-top: 110px;
}

.bottommargin_0 {
    margin-bottom: 0 !important;
}

.bottommargin_5 {
    margin-bottom: 5px;
}

.bottommargin_10 {
    margin-bottom: 10px;
}

.bottommargin_20 {
    margin-bottom: 20px;
}

.bottommargin_25 {
    margin-bottom: 25px;
}

.bottommargin_30 {
    margin-bottom: 30px;
}

.bottommargin_35 {
    margin-bottom: 35px;
}

.bottommargin_40 {
    margin-bottom: 40px;
}

.bottommargin_45 {
    margin-bottom: 45px;
}

.bottommargin_50 {
    margin-bottom: 50px;
}

.bottommargin_60 {
    margin-bottom: 60px;
}

.leftmargin_10 {
    margin-right: 10px;
}

.leftmargin_20 {
    margin-right: 20px;
}

.leftmargin_30 {
    margin-right: 30px;
}

.leftmargin_40 {
    margin-right: 40px;
}

.leftmargin_50 {
    margin-right: 50px;
}

.leftmargin_60 {
    margin-right: 60px;
}

.rightmargin_10 {
    margin-left: 10px;
}

.rightmargin_20 {
    margin-left: 20px;
}

.rightmargin_30 {
    margin-left: 30px;
}

.rightmargin_40 {
    margin-left: 40px;
}

.rightmargin_50 {
    margin-left: 50px;
}

.rightmargin_60 {
    margin-left: 60px;
}

.padding_0 {
    padding: 0;
}

.padding_10 {
    padding: 10px;
}

.padding_20 {
    padding: 20px;
}

.padding_30 {
    padding: 30px;
}

.padding_40 {
    padding: 40px;
}

.toppadding_10 {
    padding-top: 10px;
}

.toppadding_20 {
    padding-top: 20px;
}

.toppadding_30 {
    padding-top: 30px;
}

.toppadding_40 {
    padding-top: 40px;
}

.toppadding_50 {
    padding-top: 50px;
}

.toppadding_60 {
    padding-top: 60px;
}

.bottompadding_10 {
    padding-bottom: 10px;
}

.bottompadding_20 {
    padding-bottom: 20px;
}

.bottompadding_30 {
    padding-bottom: 30px;
}

.bottompadding_40 {
    padding-bottom: 40px;
}

.bottompadding_50 {
    padding-bottom: 50px;
}

.bottompadding_60 {
    padding-bottom: 60px;
}

.leftpadding_0 {
    padding-right: 0;
}

.leftpadding_10 {
    padding-right: 10px;
}

.leftpadding_20 {
    padding-right: 20px;
}

.leftpadding_30 {
    padding-right: 30px;
}

.leftpadding_40 {
    padding-right: 40px;
}

.leftpadding_50 {
    padding-right: 50px;
}

.leftpadding_60 {
    padding-right: 60px;
}

.rightpadding_10 {
    padding-left: 10px;
}

.rightpadding_20 {
    padding-left: 20px;
}

.rightpadding_30 {
    padding-left: 30px;
}

.rightpadding_40 {
    padding-left: 40px;
}

.rightpadding_50 {
    padding-left: 50px;
}

.rightpadding_60 {
    padding-left: 60px;
}

.fontsize_12 {
    font-size: 12px;
}

.fontsize_16 {
    font-size: 16px;
}

.fontsize_18 {
    font-size: 18px;
}

.fontsize_20 {
    font-size: 20px;
}

.fontsize_24 {
    font-size: 24px;
}

.fontsize_30 {
    font-size: 30px;
}

.fontsize_32 {
    font-size: 32px;
}

.fontsize_40 {
    font-size: 40px;
}

.line-height0 {
    line-height: 0;
}

.fontsize_24,
.fontsize_30,
.fontsize_32,
.fontsize_40 {
    line-height: 1;
}

.josefin {
    font-family: "Josefin Sans", sans-serif;
}

/*alignment*/
.display_table {
    display: table;
    min-width: 100%;
    height: 100%;
    margin: auto;
}

.display_table_cell {
    display: table-cell;
    vertical-align: middle;
    float: none;
    overflow: hidden;
    zoom: 1;
}

@media (min-width: 1200px) {
    .text-lg-right {
        text-align: left;
    }

    .text-lg-left {
        text-align: right;
    }

    .text-lg-center {
        text-align: center;
    }

    .display_table_lg {
        display: table;
        min-width: 100%;
        height: 100%;
        margin: auto;
    }

    .display_table_cell_lg {
        display: table-cell;
        vertical-align: middle;
        float: none;
        overflow: hidden;
        zoom: 1;
    }
}

@media (min-width: 992px) {
    .text-md-right {
        text-align: left;
    }

    .text-md-left {
        text-align: right;
    }

    .text-md-center {
        text-align: center;
    }

    .display_inline_md {
        display: inline;
    }

    .display_table_md {
        display: table;
        min-width: 100%;
        height: 100%;
        margin: auto;
    }

    .display_table_cell_md {
        display: table-cell;
        vertical-align: middle;
        float: none;
        overflow: hidden;
        zoom: 1;
    }
}

@media (min-width: 768px) {
    .text-sm-right {
        text-align: left;
    }

    .text-sm-left {
        text-align: right;
    }

    .text-sm-center {
        text-align: center;
    }

    .display_table_sm {
        display: table;
        min-width: 100%;
        height: 100%;
        margin: auto;
    }

    .display_table_cell_sm {
        display: table-cell;
        vertical-align: middle;
        float: none;
        overflow: hidden;
        zoom: 1;
    }
}

@media (max-width: 767px) {
    .text-xs-right {
        text-align: left;
    }

    .text-xs-left {
        text-align: right;
    }

    .text-xs-center {
        text-align: center;
    }
}

@media (max-width: 500px) {
    .hidden-xxs {
        display: none;
    }
}

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

    .inline-dropdown > li {
        display: inline-block;
    }

        .inline-dropdown > li + li {
            margin-right: 3px;
        }

.small-text {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

/* common side and vertical items */
.with_border .item-media {
    margin: -1px -1px -2px -1px;
    z-index: 1;
}

.with_border.full-padding .item-media {
    margin: 0;
}

/* side and vertical items paddings */
.full-padding {
    padding: 30px 30px 30px 30px;
}

.content-padding .item-content {
    padding: 30px 30px 10px;
}

.side-item .row {
    margin: 0;
}

.side-item [class*="col-"] {
    padding: 0;
    margin: 0;
}

@media (min-width: 992px) {
    .side-item [class*="col-md-"] .item-content {
        padding-right: 30px;
    }
}

.side-item.with_border [class*="col-"] > .item-title {
    margin: -1px;
}

/*-xs- side-item paddings and margins*/
@media (max-width: 767px) {
    .no-content-padding [class*="col-xs-"] .item-content,
    .full-padding [class*="col-xs-"] .item-content {
        padding-right: 30px;
    }

    .no-content-padding [class*="col-xs-"][class*="col-xs-pull"] .item-content,
    .full-padding [class*="col-xs-"][class*="col-xs-pull"] .item-content {
        padding-right: 0;
        padding-left: 30px;
    }

    .no-content-padding .col-xs-12 .item-content,
    .full-padding .col-xs-12 .item-content {
        padding-right: 0;
        padding-left: 0;
    }
}

/*-sm- side-item paddings and margins*/
@media (min-width: 768px) {
    .no-content-padding [class*="col-sm-"] .item-content,
    .full-padding [class*="col-sm-"] .item-content {
        padding-right: 30px;
    }

    .no-content-padding [class*="col-sm-"][class*="col-sm-pull"] .item-content,
    .full-padding [class*="col-sm-"][class*="col-sm-pull"] .item-content {
        padding-right: 0;
        padding-left: 30px;
    }

    .no-content-padding .col-sm-12 .item-content,
    .full-padding .col-sm-12 .item-content {
        padding-right: 0;
        padding-left: 0;
    }
}

/*-md- side-item paddings and margins*/
@media (min-width: 992px) {
    .no-content-padding [class*="col-md-"] .item-content,
    .full-padding [class*="col-md-"] .item-content {
        padding-right: 30px;
    }

    .no-content-padding [class*="col-md-"][class*="col-md-pull"] .item-content,
    .full-padding [class*="col-md-"][class*="col-md-pull"] .item-content {
        padding-right: 0;
        padding-left: 30px;
    }

    .no-content-padding .col-md-12 .item-content,
    .full-padding .col-md-12 .item-content {
        padding-right: 0;
        padding-left: 0;
    }
}

/*-lg- side-item paddings and margins*/
@media (min-width: 1200px) {
    .no-content-padding [class*="col-lg-"] .item-content,
    .full-padding [class*="col-lg-"] .item-content {
        padding-right: 30px;
    }

    .no-content-padding [class*="col-lg-"][class*="col-lg-pull"] .item-content,
    .full-padding [class*="col-lg-"][class*="col-lg-pull"] .item-content {
        padding-right: 0;
        padding-left: 30px;
    }

    .no-content-padding .col-lg-12 .item-content,
    .full-padding .col-lg-12 .item-content {
        padding-right: 0;
        padding-left: 0;
    }
}

.vertical-item.content-padding .item-content {
    padding: 30px 30px 20px;
}

.vertical-item.content-absolute {
    position: relative;
}

    .vertical-item.content-absolute .item-content {
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        padding: 31px 30px 21px;
    }

    .vertical-item.content-absolute.vertical-center .item-content {
        top: 0;
    }

.vertical-item + .item-title {
    padding: 10px 30px;
}

/* item meta */
.item-meta {
    margin-bottom: 10px;
}

    .event-item .item-meta,
    .item-meta.with_left_border {
        line-height: 20px;
        padding-right: 20px;
        border-right: 3px solid var(--main-color);
    }

    .item-meta i + i {
        padding-right: 30px;
    }

/* item media links */
.item-media {
    position: relative;
    overflow: hidden;
}

.media-links {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

    .media-links div {
        position: absolute;
        top: 50%;
        width: 100%;
        margin-top: -35px;
        z-index: 4;
    }

    .media-links:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        background-color: var(--main-color);
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

[class*="item"]:hover .media-links:before {
    opacity: 0.5;
}

.media-links a.abs-link {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
}

[class*="item"]:hover .media-links a.abs-link {
    opacity: 1;
}

.links-wrap a {
    position: relative;
    width: 70px;
    height: 70px;
    line-height: 66px;
    top: -100px;
    display: inline-block;
    z-index: 5;
    font-size: 30px;
    text-align: center;
    filter: alpha(opacity=0);
    opacity: 0;
    transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
    -moz-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
    -ms-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
    -o-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
    -webkit-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
    border: 2px solid #ffffff;
    border-radius: 50%;
}

.media-links .links-wrap a {
    color: #ffffff;
}

.links-wrap a:hover {
    color: #303030;
    background-color: #ffffff;
}

.links-wrap a.p-link {
    margin-right: 26px;
    border-color: #ffffff;
    transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s;
    -moz-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s;
    -ms-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s;
    -o-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s;
    -webkit-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s;
}

.links-wrap a:before {
    font-family: Flaticon;
    content: "\f10a";
}

.links-wrap a.p-link:before {
    content: "\f100";
}

[class*="item"]:hover .links-wrap a {
    top: 0px;
    filter: alpha(opacity=100);
    opacity: 1;
}

[class*="item"]:hover .media-links div {
    filter: alpha(opacity=100);
    opacity: 1;
}

/* item icons */
.item-icons {
    display: table;
    width: 100%;
    border-top: 1px solid rgba(128, 128, 128, 0.1);
}

    .item-icons i {
        display: block;
        font-size: 16px;
    }

    .item-icons > div {
        padding: 22px 10px 18px;
        display: table-cell;
    }

        .item-icons > div + div {
            border-right: 1px solid rgba(128, 128, 128, 0.1);
        }

.bottom-border {
    position: relative;
}

    .bottom-border:after {
        content: "";
        position: absolute;
        right: 0;
        left: 0;
        bottom: 0;
        height: 2px;
        background-color: rgba(0, 0, 0, 0.1);
    }

.block-header {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0.1em;
    line-height: 1;
    padding-bottom: 9px;
}

    .block-header .highlight {
        position: relative;
    }

        .block-header .highlight:after {
            content: "";
            position: absolute;
            right: 0;
            left: 0;
            bottom: -11px;
            height: 3px;
            z-index: 2;
            background-color: var(--main-color);
        }

/**light section - .ls*/
.ls {
    background-color: #ffffff;
    color: #616161;
}

    .ls h1,
    .ls h2,
    .ls h3,
    .ls h4,
    .ls h5,
    .ls h6 {
        color: #303030;
    }

        .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 {
                color: var(--main-color);
            }

    .ls a {
        color: var(--main-color);
    }

        .ls a:hover {
            color: #303030;
        }

    .ls .theme_link {
        color: #303030;
    }

        .ls .theme_link:hover {
            color: var(--main-color);
        }

    .ls input[type="text"],
    .ls input[type="email"],
    .ls input[type="url"],
    .ls input[type="password"],
    .ls input[type="search"],
    .ls input[type="tel"],
    .ls textarea,
    .ls select,
    .ls .form-control {
        border-color: rgba(48, 48, 48, 0.4);
    }

    .ls .theme_button {
        color: #ffffff;
    }

        .ls .theme_button:hover,
        .ls .theme_button:focus {
            color: #303030;
            background-color: #f5f5f5;
        }

        .ls .theme_button.border_button {
            color: #303030;
            border: 1px solid #303030;
            background-color: transparent;
        }

            .ls .theme_button.border_button:hover {
                color: #ffffff;
                background-color: #303030;
            }

        .ls .theme_button.inverse {
            color: #303030;
            background-color: #f5f5f5;
        }

            .ls .theme_button.inverse:hover {
                color: #ffffff;
                background-color: #303030;
            }

        .ls .theme_button.color1 {
            background-color: var(--main-color);
        }

        .ls .theme_button.color2 {
            background-color: #fcbe11;
        }

        .ls .theme_button[class*="color"] {
            color: #303030;
        }

            .ls .theme_button[class*="color"]:hover {
                color: #ffffff;
            }

    .ls .color-icon.bg-icon {
        background-color: #f8f8f8;
    }

    .ls .theme_background {
        background-color: #ffffff;
    }

    .ls .highlight {
        color: var(--main-color);
    }

    .ls .highlight2 {
        color: #fcbe11;
    }

    .ls .greylinks a {
        color: #616161;
    }

        .ls .greylinks a:hover {
            color: var(--main-color);
        }

    .ls .lightgreylinks a {
        color: rgba(97, 97, 97, 0.6);
    }

        .ls .lightgreylinks a:hover {
            color: var(--main-color);
        }

    .ls .darklinks a {
        color: #303030;
    }

        .ls .darklinks a:hover {
            color: var(--main-color);
        }

    .ls .darklinks2 a {
        color: #303030;
    }

        .ls .darklinks2 a:hover {
            opacity: 0.6;
        }

    /**grey section - light section, muted section - .ls.ms*/
    .ls.ms,
    .with_background {
        background-color: #f5f5f5;
    }

        .ls.ms .greylinks a:hover,
        .with_background .greylinks a:hover {
            color: #303030;
        }

        .ls.ms .with_background,
        .with_background .with_background {
            background-color: #ffffff;
        }

        .ls.ms hr,
        .with_background hr {
            background-color: #ffffff;
        }

        .ls.ms .theme_background,
        .with_background .theme_background {
            background-color: #f5f5f5;
        }

        .ls.ms .breadcrumb,
        .with_background .breadcrumb {
            color: #616161;
        }

            .ls.ms .breadcrumb a,
            .with_background .breadcrumb a {
                color: #616161;
            }

                .ls.ms .breadcrumb a:hover,
                .with_background .breadcrumb a:hover {
                    color: var(--main-color);
                }

        .ls.ms .theme_button:hover,
        .ls.ms .theme_button:focus,
        .with_background .theme_button:hover,
        .with_background .theme_button:focus {
            background-color: #ffffff;
        }

        .ls.ms .theme_button.inverse,
        .with_background .theme_button.inverse {
            background-color: #ffffff;
        }

            .ls.ms .theme_button.inverse:hover,
            .with_background .theme_button.inverse:hover {
                background-color: #303030;
            }

        .ls.ms .theme_button.color1,
        .with_background .theme_button.color1 {
            background-color: var(--main-color);
        }

        .ls.ms .theme_button.color2,
        .with_background .theme_button.color2 {
            background-color: #fcbe11;
        }

        .ls.ms .panel-heading .panel-title > a.collapsed,
        .with_background .panel-heading .panel-title > a.collapsed {
            background-color: rgba(48, 48, 48, 0.05);
        }

        .ls.ms .panel-heading .panel-title > a:hover,
        .with_background .panel-heading .panel-title > a:hover {
            background-color: var(--main-color);
        }

        .ls.ms .widget_search .form-inline .theme_button,
        .ls.ms .widget_mailchimp .form-inline .theme_button,
        .with_background .widget_search .form-inline .theme_button,
        .with_background .widget_mailchimp .form-inline .theme_button {
            background-color: transparent;
        }

            .ls.ms .widget_search .form-inline .theme_button:hover,
            .ls.ms .widget_mailchimp .form-inline .theme_button:hover,
            .with_background .widget_search .form-inline .theme_button:hover,
            .with_background .widget_mailchimp .form-inline .theme_button:hover {
                background-color: var(--main-color);
            }

/**common dark and dark muted sections - .ds and .ds.ms*/
/**darkgrey section - .ds*/
.ds {
    background-color: #303030;
    color: #616161;
}

    .ds.page_footer {
        color: rgba(255, 255, 255, 0.6);
    }

    /**dark section - .ds.ms*/
    .ds.ms {
        background-color: #191919;
    }

.ds {
    /* shop */
}

    .ds h1,
    .ds h2,
    .ds h3,
    .ds h4,
    .ds h5,
    .ds h6 {
        color: #ffffff;
    }

        .ds h1 a,
        .ds h2 a,
        .ds h3 a,
        .ds h4 a,
        .ds h5 a,
        .ds h6 a {
            color: #ffffff;
        }

            .ds h1 a:hover,
            .ds h2 a:hover,
            .ds h3 a:hover,
            .ds h4 a:hover,
            .ds h5 a:hover,
            .ds h6 a:hover {
                color: var(--main-color);
            }

    .ds .ls {
        background-color: #ffffff;
        color: #616161;
    }

        .ds .ls h1,
        .ds .ls h2,
        .ds .ls h3,
        .ds .ls h4,
        .ds .ls h5,
        .ds .ls h6 {
            color: #303030;
        }

            .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: var(--main-color);
                }

    .ds a {
        color: var(--main-color);
    }

        .ds a:hover {
            color: #ffffff;
        }

    .ds hr {
        border-color: rgba(255, 255, 255, 0.1);
    }

    .ds blockquote,
    .ds .blockquote {
        color: #ffffff;
    }

    .ds .blockquote-big:before,
    .ds .blockquote-big:after {
        color: #2c2c2c;
    }

    .ds .theme_button {
        color: #ffffff;
    }

        .ds .theme_button:after {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            left: 0;
            background-color: rgba(255, 255, 255, 0.1);
        }

        .ds .theme_button:hover,
        .ds .theme_button:focus {
            color: #303030;
        }

        .ds .theme_button.border_button {
            color: #ffffff;
            border: 1px solid #ffffff;
            background-color: transparent;
        }

            .ds .theme_button.border_button:after {
                opacity: 0;
            }

            .ds .theme_button.border_button:hover {
                color: #303030;
                background-color: #303030;
            }

                .ds .theme_button.border_button:hover:after {
                    opacity: 1;
                }

        .ds .theme_button[class*="color"]:after,
        .ds .theme_button.inverse:after {
            display: none;
            -webkit-transition: all 0.5s linear 0s;
            transition: all 0.5s linear 0s;
        }

        .ds .theme_button.inverse:hover {
            color: #ffffff;
            background-color: #303030;
        }

            .ds .theme_button.inverse:hover:after {
                display: block;
                -webkit-transition: all 0.05s linear 0s;
                transition: all 0.05s linear 0s;
            }

        .ds .theme_button.color1 {
            background-color: var(--main-color);
        }

        .ds .theme_button.color2 {
            background-color: #fcbe11;
        }

        .ds .theme_button[class*="color"] {
            color: #303030;
        }

            .ds .theme_button[class*="color"]:hover {
                color: #ffffff;
            }

    .ds .social-icon.color-icon:hover {
        color: #ffffff;
    }

    .ds .theme_background {
        background-color: #303030;
    }

    .ds .muted_background,
    .ds .with_background,
    .ds .well {
        background-color: rgba(255, 255, 255, 0.06);
    }

    .ds.muted_section:before {
        background-color: rgba(255, 255, 255, 0.06);
    }

    .ds .with_border {
        border-color: rgba(255, 255, 255, 0.1);
    }

    .ds .highlight {
        color: var(--main-color);
    }

    .ds .highlight2 {
        color: #fcbe11;
    }

    .ds .grey,
    .ds .black {
        color: #ffffff;
        border-color: #ffffff;
    }

    .ds .ls .grey,
    .ds .ls .black {
        color: #303030;
    }

    .ds .highlightlinks a {
        color: var(--main-color);
    }

        .ds .highlightlinks a:hover {
            opacity: 0.5;
        }

    .ds .greylinks a {
        color: #616161;
    }

        .ds .greylinks a:hover {
            color: #ffffff;
        }

    .ds.page_footer .greylinks a {
        color: rgba(255, 255, 255, 0.6);
    }

        .ds.page_footer .greylinks a:hover {
            color: #ffffff;
        }

    .ds .darklinks a {
        color: #ffffff;
    }

        .ds .darklinks a:hover {
            color: var(--main-color);
        }

    .ds .darklinks2 a {
        color: #ffffff;
    }

        .ds .darklinks2 a:hover {
            color: #ffffff;
            opacity: 0.6;
        }

    .ds.with_top_border:before,
    .ds.with_bottom_border:after {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .ds .section_header + p {
        color: inherit;
    }

    .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 textarea,
    .ds select,
    .ds .form-control {
        color: #ffffff;
        background-color: transparent;
        border-color: #ffffff;
    }

    .ds form label + [class*="icon-"] {
        color: #ffffff;
    }

    .ds .form-group-select:before {
        border-color: rgba(255, 255, 255, 0.1);
    }

    .ds .form-control:-moz-placeholder {
        font-style: italic;
        color: rgba(255, 255, 255, 0.6);
    }

    .ds .form-control::-moz-placeholder {
        font-style: italic;
        color: rgba(255, 255, 255, 0.6);
    }

    .ds .form-control:-ms-input-placeholder {
        font-style: italic;
        color: rgba(255, 255, 255, 0.6);
    }

    .ds .form-control::-webkit-input-placeholder {
        font-style: italic;
        color: rgba(255, 255, 255, 0.6);
    }

    .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: rgba(255, 255, 255, 0.1);
    }

    .ds .border-paragraphs p {
        color: #ffffff;
        border-color: rgba(255, 255, 255, 0.1);
    }

    .ds .table,
    .ds .table-bordered,
    .ds .table th,
    .ds .table td {
        border-color: rgba(255, 255, 255, 0.1);
    }

    .ds .table-striped > tbody > tr:nth-child(odd),
    .ds .table-striped > tbody > tr:nth-child(odd) > td,
    .ds .table-striped > tbody > tr:nth-child(odd) > th {
        border-color: rgba(255, 255, 255, 0.1);
        background-color: rgba(255, 255, 255, 0.06);
    }

    .ds .color-icon.bg-icon {
        background-color: #ffffff;
    }

        .ds .color-icon.bg-icon:hover {
            color: #ffffff;
        }

    .ds .color-bg-icon:hover {
        background-color: var(--main-color);
    }

    .ds .tab-content {
        border-color: rgba(255, 255, 255, 0.1);
    }

    .ds .nav-tabs > li > a {
        background-color: rgba(255, 255, 255, 0.06);
    }

    .ds .nav-tabs > li.active > a,
    .ds .nav-tabs > li.active > a:hover,
    .ds .nav-tabs > li.active > a:focus {
        border-color: var(--main-color);
        border-bottom-color: transparent;
        background-color: var(--main-color);
        color: #ffffff;
    }

    .ds .price-table.style2 {
        background-color: rgba(255, 255, 255, 0.06);
    }

        .ds .price-table.style2 .plan-name {
            background-color: transparent;
        }

        .ds .price-table.style2 .features-list {
            border-color: rgba(255, 255, 255, 0.1);
        }

    .ds .plan-name {
        background-color: rgba(255, 255, 255, 0.06);
    }

    .ds .plan-price p {
        color: #ffffff;
    }

    .ds .features-list .disabled:before {
        color: #ffffff;
    }

    .ds ul.list1 {
        color: #ffffff;
    }

        .ds ul.list1 li {
            border-color: rgba(255, 255, 255, 0.1);
        }

    .ds .owl-theme .owl-dots .owl-dot span {
        border-color: #ffffff;
    }

    .ds .testimonials-carousel .media + p {
        background-color: rgba(255, 255, 255, 0.06);
    }

    .ds .side-item {
        border-color: rgba(255, 255, 255, 0.1);
    }

    .ds .entry-excerpt {
        color: #ffffff;
    }

    .ds .comment-meta {
        color: #ffffff;
    }

        .ds .comment-meta .author_url {
            color: #ffffff;
        }

    .ds .comment-list article:after {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .ds .comment-respond {
        border-color: rgba(255, 255, 255, 0.1);
    }

    .ds .entry-tags {
        border-color: rgba(255, 255, 255, 0.1);
    }

    .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: rgba(255, 255, 255, 0.1);
    }

    .ds .widget_nav_menu ul ul {
        border-color: rgba(255, 255, 255, 0.1);
    }

    .ds .widget_popular_entries .media-heading {
        color: #ffffff;
    }

    .ds .tweet_list li + li .tweet_right {
        border-color: rgba(255, 255, 255, 0.1);
    }

    .ds .widget_tag_cloud a {
        color: #ffffff;
    }

    .ds #calendar_wrap {
        border-color: rgba(255, 255, 255, 0.1);
    }

    .ds .widget_calendar table {
        border-color: rgba(255, 255, 255, 0.1);
    }

    .ds .widget_calendar tfoot td a {
        border-color: rgba(255, 255, 255, 0.1);
    }

    .ds .widget_calendar caption,
    .ds .widget_calendar thead,
    .ds .widget_calendar th {
        color: #ffffff;
    }

    .ds .widget_calendar tbody td a:hover {
        color: #ffffff;
    }

    .ds .grid-view h3:before,
    .ds .grid-view h3:after {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .ds .owl-carousel.product-thumbnails .owl-nav > div:after {
        color: #ffffff;
    }

    .ds .ui-slider {
        background-color: rgba(255, 255, 255, 0.06);
    }

        .ds .ui-slider .ui-slider-handle {
            background-color: #ffffff;
        }

    .ds #sort_view {
        border-color: rgba(255, 255, 255, 0.1);
        color: #ffffff;
    }

    .ds #toggle_shop_view.grid-view:after,
    .ds #toggle_shop_view:before {
        background-color: rgba(247, 247, 247, 0.06);
    }

    .ds .widget_layered_nav .color-filters a:before {
        border-color: rgba(255, 255, 255, 0.1);
    }

    .ds .thumbnail {
        background-color: transparent;
    }

        .ds .thumbnail h3 a {
            color: #ffffff;
        }

        .ds .thumbnail .caption {
            border-color: transparent;
            background-color: rgba(252, 252, 252, 0.06);
        }

    .ds .progress {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .ds .vertical-tabs .nav > li > a {
        background-color: rgba(255, 255, 255, 0.06);
    }

        .ds .vertical-tabs .nav > li.active > a,
        .ds .vertical-tabs .nav > li > a:hover {
            background-color: var(--main-color);
        }

    .ds .entry-meta .comments-link a,
    .ds .flex-control-paging li a {
        color: #ffffff;
    }

        .ds .flex-control-paging li a:hover,
        .ds .owl-carousel.numbered-dots .owl-dots .owl-dot.active {
            color: #ffffff;
        }

    .ds #timetable tbody th,
    .ds #timetable tbody td {
        border-color: rgba(255, 255, 255, 0.1);
    }

    .ds .heading p:before,
    .ds .heading p:after {
        background-color: #ffffff;
    }

    .ds .heading.bottom_border {
        border-color: #ffffff;
    }

    .ds .item-type1:hover .item-content,
    .ds .owl-carousel.numbered-dots .owl-dots {
        background-color: #212121;
    }

    .ds .ds.item-social {
        background-color: #191919;
    }

    .ds .week-days {
        background-color: #191919;
    }

    .ds .day-date {
        color: #ffffff;
    }

    .ds .day-cell + .day-cell,
    .ds .week-row,
    .ds .appointment-list li,
    .ds .appointment-list li:first-child {
        border-color: rgba(255, 255, 255, 0.1);
    }

    .ds .lightgreylinks a.social-icon {
        color: rgba(255, 255, 255, 0.6);
    }

/**color section*/
.cs.main_color2 {
    background-color: #fcbe11;
}

    .cs.main_color2 .highlight {
        color: var(--main-color);
    }

.cs {
    background-color: var(--main-color);
    color: #616161;
}

    .cs h1,
    .cs h2,
    .cs h3,
    .cs h4,
    .cs h5,
    .cs h6 {
        color: #ffffff;
    }

        .cs h1 a,
        .cs h2 a,
        .cs h3 a,
        .cs h4 a,
        .cs h5 a,
        .cs h6 a {
            color: #ffffff;
        }

            .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 {
        color: #ffffff;
    }

        .cs a:hover {
            color: #91c4d7;
        }

    .cs blockquote,
    .cs .blockquote {
        border-color: #badae6;
    }

    .cs .theme_button.color1 {
        color: var(--main-color);
        background-color: #ffffff;
    }

        .cs .theme_button.color1:hover {
            color: var(--main-color);
            background-color: #303030;
        }

    .cs .theme_button.color2:hover {
        color: #fcbe11;
        background-color: #303030;
    }

    .cs .theme_button:hover,
    .cs .theme_button:focus {
        color: #303030;
        background-color: #ffffff;
    }

    .cs .theme_button.inverse:hover {
        color: #ffffff;
        background-color: #303030;
    }

    .cs .with_background {
        background-color: rgba(255, 255, 255, 0.3);
    }

    .cs .with_border {
        border-color: rgba(255, 255, 255, 0.3);
    }

    .cs.with_top_border .container:before,
    .cs.with_bottom_border .container:after {
        background-color: #badae6;
    }

    .cs .section_header:before {
        background-color: #badae6;
    }

    .cs .greylinks a {
        color: #ffffff;
        opacity: 0.7;
    }

        .cs .greylinks a:hover {
            opacity: 1;
            color: #ffffff;
        }

    .cs .black {
        border-color: #ffffff;
        color: #ffffff;
    }

    .cs .grey {
        border-color: #303030;
        color: #303030;
    }

    .cs .response,
    .cs .highlight {
        color: #ffffff;
    }

    .cs ul.list1 li {
        border-color: rgba(255, 255, 255, 0.3);
    }

    .cs [class*="soc-"] {
        color: #ffffff;
        border-color: #ffffff;
    }

    .cs .color-icon.bg-icon {
        background-color: #ffffff;
    }

    .cs a.social-icon.color-bg-icon:hover {
        background-color: #303030;
    }

    .cs .form-control:-moz-placeholder {
        color: rgba(97, 97, 97, 0.8);
    }

    .cs .form-control::-moz-placeholder {
        color: rgba(97, 97, 97, 0.8);
    }

    .cs .form-control:-ms-input-placeholder {
        color: rgba(97, 97, 97, 0.8);
    }

    .cs .form-control::-webkit-input-placeholder {
        color: rgba(97, 97, 97, 0.8);
    }

    .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 .pagination > li > a,
    .cs .pagination > li > span {
        color: #ffffff;
        background-color: rgba(255, 255, 255, 0.3);
    }

        .cs .pagination > li.active > a,
        .cs .pagination > li.active > span,
        .cs .pagination > li > a:hover,
        .cs .pagination > li > span:hover,
        .cs .pagination > li > a:focus,
        .cs .pagination > li > span:focus {
            background-color: #ffffff;
            color: #303030;
        }

    .cs .widget_recent_entries li + li,
    .cs .widget_recent_comments li + li,
    .cs .widget_archive li + li,
    .cs .widget_categories li + li,
    .cs .widget_meta li + li,
    .cs .widget_popular_entries li + li,
    .cs .widget_nav_menu li + li,
    .cs .widget_pages li + li {
        border-top-color: rgba(255, 255, 255, 0.3);
    }

.header_white {
    color: #616161;
    background-color: #ffffff;
}

    .header_white.affix {
        box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
    }

    .header_white a.logo {
        color: #303030;
    }

.header_darkgrey {
    background-color: #303030;
}

    .header_darkgrey a[class*="soc-"] {
        color: #ffffff;
    }

@media (max-width: 992px) {
    .page_header_wrapper .col-sm-12 {
        min-height: 0;
    }
}

a.logo {
    display: inline-block;
    word-break: break-word;
    text-transform: uppercase;
    position: relative;
    z-index: 2;
    padding: 10px 0;
}

.header_gradient a.logo,
.header_darkgrey a.logo {
    color: #ffffff;
}

a.logo.bottom_logo {
    padding: 0;
    font-size: 28px;
}

    a.logo.bottom_logo img {
        max-width: 100px;
    }

.floating_logo a.logo {
    float: right;
    margin-left: 30px;
}

a.logo.vertical_logo {
    padding: 0;
}

    a.logo.vertical_logo img {
        margin: 0 0 10px;
    }

.logo-meta {
    line-height: 1.2;
    display: inline-block;
    padding: 20px 0;
}

@media (max-width: 1400px) {
    .logo + .logo-meta {
        display: none;
    }
}

.logo-meta strong {
    font-size: 20px;
}

.boxed .page_header .logo-meta {
    display: none;
}

.lt-ie9 .page_header_wrapper {
    height: auto !important;
}

    .lt-ie9 .page_header_wrapper .md-hidden {
        display: inline-block;
    }

.page_header {
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    top: 0;
    right: 0;
    left: 0;
    position: relative;
    z-index: 1000;
}

    .page_header.transparent_header {
        margin-bottom: -106px;
        padding-left: 20px;
        padding-right: 20px;
    }

@media (min-width: 1400px) {
    .page_header.transparent_header {
        padding-left: 60px;
        padding-right: 60px;
    }
}

@media (min-width: 1550px) {
    .page_header.transparent_header {
        padding-left: 120px;
        padding-right: 120px;
    }
}

.page_header.transparent_header.affix {
    margin-bottom: -66px;
    background-color: rgba(255, 255, 255, 0.8);
}

@media (max-width: 991px) {
    .page_header.transparent_header {
        margin-bottom: -66px;
    }

        .page_header.transparent_header [class*="container"] {
            padding-top: 0;
            padding-bottom: 0;
        }
}

.page_header.section_padding_10 [class*="container"] {
    -webkit-transition: padding 0.2s ease-in-out 0s;
    transition: padding 0.2s ease-in-out 0s;
}

@media (min-width: 992px) {
    .page_header.section_padding_10 [class*="container"] {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .page_header.section_padding_10.affix [class*="container"] {
        padding-top: 0;
        padding-bottom: 0;
    }
}

.page_header.mobile-active {
    z-index: 1002;
}

.page_header.affix {
    position: fixed;
}

.page_header.affix-bottom {
    top: 0 !important;
    position: fixed;
}

.page_header a.header-button {
    position: relative;
    display: inline-block;
    color: #303030;
    padding: 11px;
    font-size: 18px;
    line-height: 1;
}

    .page_header a.header-button:hover {
        opacity: 0.6;
    }

.page_header .total-items-amount {
    position: absolute;
    display: none;
    left: 3px;
    bottom: 3px;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 14px;
    font-size: 12px;
    font-weight: 700;
    background-color: #ffffff;
    border: 1px solid #303030;
    border-radius: 50%;
}

.page_header .shopped .total-items-amount {
    display: block;
}

.page_header .social-icon:last-child {
    margin-left: 20px;
}

.page_header.transparent_header .container-fluid {
    padding-left: 0;
    padding-right: 0;
}

/* modal search */
.modal-open .page_header_wrapper,
.modal-open .page_header.affix {
    left: 16px;
}

#search_modal {
    color: #fff;
}

    #search_modal a {
        color: #ffffff;
        opacity: 0.6;
        font-size: 12px;
        text-transform: uppercase;
    }

        #search_modal a:hover {
            color: var(--main-color);
            opacity: 1;
        }

    #search_modal .searchform-respond {
        width: 300px;
        margin: 20px auto;
    }

    #search_modal .form-control {
        border: none;
        background-color: transparent;
        height: 60px;
        color: #ffffff;
    }

    #search_modal .theme_button {
        padding: 18px;
    }

    #search_modal .form-control:-moz-placeholder {
        color: rgba(255, 255, 255, 0.8);
        opacity: 1;
    }

    #search_modal .form-control::-moz-placeholder {
        color: rgba(255, 255, 255, 0.8);
        opacity: 1;
    }

    #search_modal .form-control:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    #search_modal .form-control::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

/**************
**side header**
***************/
body {
    position: relative;
    right: 0;
}

    body:after {
        content: "";
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 1001;
        visibility: hidden;
        opacity: 0;
    }

    body,
    body:after,
    .page_header_side {
        -webkit-transition: all 0.8s ease-in-out;
        transition: all 0.8s ease-in-out;
    }

        body.active-side-header {
            right: 270px;
        }

            body.active-side-header .page_header_side {
                right: 0;
            }

            body.active-side-header:after {
                visibility: visible;
                opacity: 1;
            }

.page_header_side {
    z-index: 1002;
    position: fixed;
    width: 270px;
    right: -270px;
    top: 0;
    bottom: 0;
}

    .page_header_side.active-slide-side-header {
        box-shadow: 0px 0px 3px 3px rgba(50, 50, 50, 0.15);
    }

.side_header_inner {
    padding: 60px 30px;
}

.toggle_menu_side {
    position: absolute;
    top: 15px;
    left: -65px;
    background-color: #fff;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
    box-shadow: 0 0 4px 0 rgba(50, 50, 50, 0.5);
}

    .toggle_menu_side:before {
        font-family: "FontAwesome";
        content: "\f0c9";
    }

.active-slide-side-header .toggle_menu_side:before,
.active-side-header .toggle_menu_side:before {
    content: "\f00d";
}

.ds .toggle_menu_side {
    background-color: #303030;
    color: #ffffff;
}

@media (max-width: 350px) {
    .toggle_menu_side {
        top: 5px;
        left: -55px;
    }
}

.page_header_side.active-slide-side-header {
    right: 0;
}

.page_header_side.header_side_right {
    right: auto;
    left: -270px;
}

    .page_header_side.header_side_right.active-slide-side-header {
        left: 0;
    }

    .page_header_side.header_side_right .toggle_menu_side {
        left: auto;
        right: -65px;
    }

@media (max-width: 350px) {
    .page_header_side.header_side_right .toggle_menu_side {
        right: -50px;
    }
}

body.active-side-header.slide-right {
    right: -270px;
}

    body.active-side-header.slide-right .page_header_side {
        right: auto;
        left: 0;
    }

.mainmenu_side_wrapper ul ul,
.mainmenu_side_wrapper .mega-menu {
    height: 0;
    overflow: hidden;
}

.mainmenu_side_wrapper ul li.sfHover > .mega-menu ul {
    display: block;
    height: 100%;
}

.mainmenu_side_wrapper .mega-menu > ul {
    height: auto;
}

.menu-side-click {
    padding: 0;
}

    .menu-side-click li {
        position: relative;
        list-style: none;
    }

        .menu-side-click li .activate_submenu {
            cursor: pointer;
            position: absolute;
            left: 0;
            top: 7px;
            font-size: 14px;
            color: var(--main-color);
            text-align: center;
            width: 25px;
        }

            .menu-side-click li .activate_submenu:before {
                font-family: FontAwesome;
                content: "\f067";
            }

        .menu-side-click li li:first-child .activate_submenu {
            top: 12px;
        }

        .menu-side-click li.active-submenu > .activate_submenu:before {
            content: "\f068";
        }

    .menu-side-click ul {
        padding-right: 20px;
        opacity: 0;
        height: 0;
        overflow: hidden;
        -webkit-transition: opacity 0.05s, height 0.05s ease;
        transition: opacity 0.05s, height 0.05s ease;
    }

    .menu-side-click .active-submenu > div {
        height: auto;
    }

        .menu-side-click .active-submenu > ul,
        .menu-side-click .active-submenu > div > ul {
            margin-left: -30px;
            display: block;
            opacity: 1;
            height: auto;
            -webkit-transition: opacity 0.6s, height 0.6s ease;
            transition: opacity 0.6s, height 0.6s ease;
        }

.scroll-wrapper {
    overflow: hidden;
    padding: 0;
    position: relative;
    height: 100%;
}

    .scroll-wrapper > .scroll-content {
        border: none;
        box-sizing: content-box;
        height: auto;
        right: 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: ltr;
    }

.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%;
        right: 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);
        display: block;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
        border-radius: 7px;
        -webkit-transition: opacity 0.2s linear;
        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: 0px;
        height: 0px;
        right: 0;
        min-width: 100%;
        overflow: visible;
        width: 100%;
    }

    .scrollbar-macosx > .scroll-element.scroll-y {
        height: 100%;
        min-height: 100%;
        left: 0px;
        top: 0;
        width: 0px;
    }

    /* scrollbar height/width & offset from container borders */
    .scrollbar-macosx > .scroll-element.scroll-x .scroll-bar {
        height: 7px;
        min-width: 10px;
        top: -9px;
    }

    .scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
        right: -9px;
        min-height: 10px;
        width: 7px;
    }

    .scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer {
        right: 2px;
    }

    .scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size {
        right: -4px;
    }

    .scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer {
        top: 2px;
    }

    .scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size {
        top: -4px;
    }

    /* update scrollbar offset if both scrolls are visible */
    .scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible
    .scroll-element_size {
        right: -11px;
    }

    .scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible
    .scroll-element_size {
        top: -11px;
    }

/*
**template styles
*/
.page_topline {
    position: relative;
    z-index: 1001;
}

    .page_topline [class*="rt-icon"] {
        font-size: 18px;
        top: 0.16em;
        position: relative;
        padding-left: 6px;
        line-height: inherit;
    }

@media (min-width: 768px) {
    .page_topline [class*="col-"] > span {
        padding-right: 33px;
    }

        .page_topline [class*="col-"] > span:first-child {
            padding-right: 0;
        }
}

@media (max-width: 767px) {
    .page_topline [class*="col-"] > span {
        display: block;
    }
}

.page_mainslider .flex-custom-nav {
    opacity: 0;
}

.page_breadcrumbs {
    /* styles for breadcrumbs style 3 */
    /* styles for breadcrumbs style 4 */
}

    .page_breadcrumbs.parallax {
        background-size: auto;
        background-image: url("../images/parallax/progress.jpg");
    }

    .page_breadcrumbs .breadcrumbs_logo {
        margin-bottom: -17px;
    }

        .page_breadcrumbs .breadcrumbs_logo img {
            opacity: 0.2;
        }

    .page_breadcrumbs .heading {
        margin-top: 7.3%;
        margin-bottom: 8.5%;
        letter-spacing: 0.1em;
    }

    .page_breadcrumbs h1 {
        letter-spacing: 0.05em;
        margin-bottom: 0;
        text-transform: uppercase;
        font-size: 50px;
    }

        .page_breadcrumbs h1.small {
            font-size: 32px;
        }

    .page_breadcrumbs.theme_breadcrumbs h1 {
        margin-bottom: 0.4em;
    }

@media (max-width: 991px) {
    .page_breadcrumbs .fontsize_20 {
        font-size: 16px;
    }

    .page_breadcrumbs h1 {
        font-size: 32px;
    }
}

@media screen and (min-width: 992px) {
    .page_breadcrumbs .display_table_md {
        width: auto;
        min-width: 0;
    }

    .page_breadcrumbs h1.display_table_cell_md {
        padding-left: 20px;
    }

    .page_breadcrumbs .breadcrumb.display_table_cell_md {
        border-right: 1px solid rgba(255, 255, 255, 0.3);
        padding-right: 25px;
    }
}

.page_breadcrumbs .bottom_breadcrumbs {
    text-align: center;
    float: left;
    padding: 0 20px;
    margin: 0 0 -26px 0;
    background-color: rgba(25, 25, 25, 0.035);
}

.page_portfolio {
    overflow: hidden;
}

.section_subscribe .form-control {
    width: 350px;
    max-width: 100%;
    display: inline-block;
}

.section_subscribe.parallax {
    background-image: url("../images/parallax/progress.jpg");
}

#progress.parallax {
    background-image: url(../images/parallax/recent.jpg);
}

.page_testimonials .flexslider {
    padding: 90px 0 95px;
}

.page_testimonials.parallax {
    background-image: url("../images/parallax/progress.jpg");
}

.page_testimonials .flex-control-paging li {
    padding: 6px;
}

    .page_testimonials .flex-control-paging li a {
        font-size: 20px;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

        .page_testimonials .flex-control-paging li a.active {
            -webkit-transform: scale(1);
            transform: scale(1);
        }

.page_banner.parallax {
    background-image: url("../images/parallax/banner.png");
}

    .page_banner.parallax:after {
        opacity: 0.95;
    }

.page_testimonials {
    overflow: hidden;
}

.page_copyright .sf-menu > li > a {
    padding-top: 0;
    padding-bottom: 0;
}

.page_copyright p {
    margin: 0;
}

.page_copyright i.fa {
    opacity: 0.3;
}

.page_copyright.table_section .bottom_logo img {
    margin-bottom: 0;
}

.page_copyright.doted_items .sf-menu > li + li:before {
    background-color: #616161;
}

.page_contact.parallax {
    background-image: url(../images/parallax/map.jpg);
}

.page_copyright.parallax,
.page_footer.parallax {
    background-image: url(../images/parallax/bottom.jpg);
}

.ds.page_footer {
    background-color: #212121;
}

.theme_footer {
    background-image: url("../images/footer.png");
    background-position: center;
    background-size: cover;
}

.page_social a.social-icon:before {
    font-size: 18px;
}

.page_social a.social-icon + a.social-icon {
    margin-right: 20px;
}

#featured {
    background-image: url(../images/parallax/featured.jpg);
    background-size: cover;
}

#map,
.page_map {
    height: 800px;
}

    #map img,
    .page_map img {
        max-width: inherit;
    }

    #map p,
    .page_map p {
        line-height: 1.3;
        margin-bottom: 0;
    }

    #map .map_marker_description,
    .page_map .map_marker_description {
        padding: 10px 5px 5px;
    }

    #map .map_marker_icon,
    .page_map .map_marker_icon {
        display: none;
    }

section .intro_section .slide_description_wrapper {
    padding-right: 60px;
    padding-left: 60px;
    left: 30px;
}

@media (max-width: 600px) {
    section .intro_section .slide_description_wrapper {
        padding-right: 5px;
        padding-left: 5px;
    }
}

.muted_background .pagination {
    margin: 40px 40px 20px;
}

/* portfolio section */
.page_portfolio .portfolio-filters .item-media img,
.page_portfolio .portfolio-load-more .item-media img {
    visibility: hidden;
}

.page_portfolio .portfolio-filters .display_table,
.page_portfolio .portfolio-load-more .display_table {
    min-width: auto;
}

.page_portfolio .portfolio-filters .item-content,
.page_portfolio .portfolio-load-more .item-content {
    padding: 0 20px;
}

.page_portfolio .portfolio-filters .item-content {
    left: auto;
    width: 200%;
    z-index: 1;
}

@media (max-width: 991px) {
    .page_portfolio .portfolio-filters .item-media img {
        min-height: 360px;
    }
}

@media (max-width: 767px) {
    .page_portfolio .portfolio-load-more .item-media {
        max-height: 120px;
    }
}

/* blog section*/
@media (min-width: 768px) {
    .blog-filters-container .heading h2 {
        font-size: 47px;
    }
}

@media (min-width: 768px) {
    .blog-filters-container {
        min-height: 637px;
    }
}

@media (min-width: 992px) {
    .blog-filters-container {
        min-height: 566px;
    }
}

@media (min-width: 1200px) {
    .blog-filters-container {
        min-height: 523px;
    }
}

.blog-filters-container .blog_filters a {
    display: block;
    padding: 7px 30px;
    margin-bottom: 5px;
}

.page_blog .isotope_container .test {
    display: none;
}

.page_blog .isotope_container .hidden-item {
    display: none;
}

body.modal-open {
    padding-left: 0 !important;
}

/** 
* intro_section styles
*/
/* flexslider */
.intro_section {
    position: relative;
    overflow: hidden;
    clear: both;
}

    .intro_section > img {
        width: 100%;
    }

    .intro_section .heading p {
        letter-spacing: 0.1em;
    }

    .intro_section .heading h1 {
        letter-spacing: 0.05em;
    }

    .intro_section .flexslider:before,
    .intro_section .flexslider:after {
        content: "";
        display: block;
        clear: both;
    }

    .intro_section .container,
    .intro_section .container-fluid {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin-right: auto;
        margin-left: auto;
    }

    .intro_section [class*="col-"] {
        position: static;
    }

    .intro_section .slide_description_wrapper {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        z-index: 5;
        padding: 50px 20px 20px;
    }

        .intro_section .slide_description_wrapper:before,
        .intro_section .slide_description {
            display: inline-block;
            vertical-align: middle;
        }

        .intro_section .slide_description_wrapper:before {
            content: "";
            display: inline-block;
            width: 0;
            height: 100%;
            vertical-align: middle;
        }

    .intro_section .slide_social {
        text-align: center;
        margin-bottom: 130px;
    }

        .intro_section .slide_social a {
            margin: 0 15px;
        }

@media (min-width: 992px) {
    .intro_section .slide_social {
        position: absolute;
        top: 50%;
        right: 60px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        margin-bottom: 0;
        z-index: 6;
    }

        .intro_section .slide_social a.social-icon {
            display: block;
            margin: 30px 0;
        }

            .intro_section .slide_social a.social-icon + a.social-icon {
                margin-right: 0;
            }
}

@media (min-width: 500px) and (max-width: 991px) {
    .intro_section .heading p {
        font-size: 14px;
    }

    .intro_section .heading h1 {
        font-size: 50px;
    }
}

@media (min-width: 992px) {
    .intro_section .slide_description {
        max-width: 64%;
    }

    .intro_section .slide_description_wrapper {
        padding-left: 100px;
        padding-right: 100px;
    }

    .intro_section .heading p {
        font-size: 14px;
    }

    .intro_section .heading h1 {
        font-size: 50px;
    }

    .intro_section .heading p,
    .intro_section .heading h1 {
        color: #303030;
    }

        .intro_section .heading p:before,
        .intro_section .heading p:after {
            background-color: #303030;
        }

    .intro_section .heading.bottom_border {
        border-color: #303030;
    }

    .intro_section p {
        color: #616161;
    }

    .intro_section .flex-control-paging li a,
    .intro_section .flex-control-paging li a:hover {
        color: #303030;
    }
}

@media (min-width: 1200px) {
    .intro_section .heading p {
        font-size: 24px;
    }

    .intro_section .heading h1 {
        font-size: 70px;
    }
}

@media (min-width: 1450px) {
    .intro_section .container {
        width: 1400px;
    }

    .intro_section .heading p {
        font-size: 24px;
    }

    .intro_section .heading h1 {
        font-size: 90px;
    }
}

@media (max-width: 991px) {
    .intro_section {
        text-align: center;
    }

        .intro_section .nav-container {
            padding: 0;
        }

        .intro_section .flex-control-nav,
        .intro_section .flex-custom-nav {
            bottom: 40px;
            text-align: center;
        }

        .intro_section .container {
            position: static;
            width: auto;
            max-width: 100%;
        }

        .intro_section .slide_description_wrapper:before {
            display: none;
        }

        .intro_section .slide_description {
            padding: 20px 20px 10px;
            display: block;
        }

        .intro_section .slide_description_wrapper {
            padding: 0;
            position: static;
        }

        .intro_section .flex-direction-nav .flex-prev {
            top: 14%;
        }

        .intro_section .flex-direction-nav .flex-next {
            top: 14%;
        }
}

/*
**main menu (min 992px) styles
*/
.sf-menu a {
    font-family: "Josefin Sans", sans-serif;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 700;
}

@media (min-width: 992px) {
    /* menu layout */
    .sf-menu,
    .sf-menu ul {
        position: relative;
        display: block;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .transparent_header .sf-menu,
    .transparent_header .sf-menu ul {
        display: inline-block;
    }

        .transparent_header .sf-menu:before {
            content: "";
            display: block;
            position: absolute;
            right: 4px;
            left: 4px;
            height: 38px;
            top: 18px;
            width: 0;
            background: -webkit-linear-gradient(right, var(--main-Level2-color), transparent);
            background: linear-gradient(to left, var(--main-Level2-color), transparent);
            -webkit-transition: all 0.2s ease-in-out 0s;
            transition: all 0.2s ease-in-out 0s;
            -webkit-transition-duration: 0.6s;
            transition-duration: 0.6s;
        }
}

@media (min-width: 992px) and (min-width: 1200px) {
    .transparent_header .sf-menu:before {
        right: 13px;
        left: 13px;
    }
}

@media (min-width: 992px) and (min-width: 1400px) {
    .transparent_header .sf-menu:before {
        right: 23px;
        left: 23px;
    }
}

@media (min-width: 992px) {
    .transparent_header .sf-menu:hover:before {
        width: 100%;
    }

    .sf-menu ul {
        border: 1px solid #303030;
    }

    .sf-menu li {
        position: relative;
    }

        .sf-menu li > ul {
            position: absolute;
            display: none;
            top: 100%;
            z-index: 99;
        }

        .sf-menu li:hover > ul,
        .sf-menu li.sfHover > ul {
            display: block;
        }

    .sf-menu a {
        display: block;
        position: relative;
    }

    .sf-menu li > ul > li > ul {
        top: -16px;
        right: 100%;
    }
    /* menu skin */
    .sf-menu a {
        padding: 7px 0 7px 40px;
        text-decoration: none;
        zoom: 1;
        /* IE7 */
        -webkit-transition-property: color, background-color, border-color;
        transition-property: color, background-color, border-color;
    }

    .sf-menu li {
        white-space: nowrap;
        /* no need for Supersubs plugin */
        *white-space: normal;
        /* ...unless you support IE7 (let it wrap) */
        -webkit-transition: background 0.2s;
        transition: background 0.2s;
    }

    .sf-menu ul li {
        padding: 0 30px;
    }

    .sf-menu .mega-menu > ul > li li {
        padding: 0;
    }

    .sf-menu > li {
        display: inline-block;
        position: relative;
        margin: 0 -2px;
    }

        .sf-menu > li > a {
            color: #303030;
            padding-top: 20px;
            padding-bottom: 20px;
        }

    .page_copyright.ds .sf-menu > li > a {
        font-weight: 300;
        color: #616161;
    }

        .page_copyright.ds .sf-menu > li > a:hover {
            color: var(--main-color);
            opacity: 1;
        }

    .sf-menu > li > a:after {
        content: "";
        position: absolute;
        bottom: 16px;
        right: 16px;
        left: 17px;
        height: 1px;
        background-color: #303030;
        opacity: 0;
    }
}

@media (min-width: 992px) and (min-width: 1200px) {
    .sf-menu > li > a:after {
        right: 23px;
        left: 24px;
    }
}

@media (min-width: 992px) and (min-width: 1400px) {
    .sf-menu > li > a:after {
        right: 31px;
        left: 32px;
    }
}

@media (min-width: 992px) and (min-width: 1650px) {
    .sf-menu > li > a:after {
        right: 36px;
        left: 37px;
    }
}

@media (min-width: 992px) {
    .sf-menu > li.active > a:after {
        opacity: 1;
    }

    .sf-menu > li > a:hover {
        opacity: 0.6;
    }

    .doted_items .sf-menu > li + li:before {
        content: "";
        width: 3px;
        height: 3px;
        position: absolute;
        right: -2px;
        top: 50%;
        margin-top: -2px;
        background-color: #303030;
        border-radius: 50%;
    }

    .bordered_items .sf-menu {
        text-align: center;
    }

        .bordered_items .sf-menu > li {
            padding: 0;
        }

            .bordered_items .sf-menu > li + li:before {
                content: "";
                width: 1px;
                position: absolute;
                right: 0;
                top: 0;
                bottom: 0;
                background-color: rgba(255, 255, 255, 0.1);
            }

    .header_white .sf-menu > li > a {
        color: #303030;
    }

    .header_white .sf-menu > li + li:before {
        background-color: rgba(48, 48, 48, 0.5);
    }

    .header_darkgrey .sf-menu > li > a {
        color: #ffffff;
    }

        .header_darkgrey .sf-menu > li > a:hover,
        .header_darkgrey .sf-menu > li.active > a {
            color: var(--main-color);
        }

    .header_gradient .sf-menu > li > a {
        color: #ffffff;
    }

        .header_gradient .sf-menu > li > a:hover,
        .header_gradient .sf-menu > li.active > a {
            color: #303030;
        }

    .sf-menu li:hover,
    .sf-menu li.sfHover {
        /* only transition out, not in */
        -webkit-transition: none;
        transition: none;
    }
    /* second and next levels */
    .sf-menu > li .mega-menu,
    .sf-menu li > ul {
        margin-top: 10px;
        text-align: right;
        list-style: none;
        padding: 15px 0;
        background-color: #ffffff;
        box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
        min-width: 16.5em;
        /* allow long menu items to determine submenu width */
    }

    .sf-menu ul a {
        color: #616161;
        position: relative;
        -webkit-transition: all 0.2s ease-in-out 0s;
        transition: all 0.2s ease-in-out 0s;
    }

        .sf-menu ul a:before {
            content: "";
            position: absolute;
            top: 5px;
            right: 0;
            height: 30px;
            width: 0;
            -webkit-transition: all 0.2s ease-in-out 0s;
            transition: all 0.2s ease-in-out 0s;
        }

    .sf-menu .mega-menu ul {
        box-shadow: none;
        padding: 0;
        border: none;
    }

    .sf-menu ul a:hover,
    .sf-menu ul li.active > a {
        color: var(--main-color);
        padding: 7px 20px 7px 20px;
    }

        .sf-menu ul a:hover:before,
        .sf-menu ul li.active > a:before {
            width: 3px;
            background-color: var(--main-color);
        }
    /* third level */
    .sf-menu ul ul {
        margin-top: 0;
    }
    /*** arrows (for all except IE7) **/
    /*top menu level*/
    /* styling for right-facing arrows */
    .sf-arrows ul .sf-with-ul:after {
        position: absolute;
        left: 0;
        top: 7px;
        content: "\f067";
        font-family: FontAwesome;
        font-size: 8px;
    }
}

/* common paddings */
@media (min-width: 992px) {
    .sf-menu > li > a {
        padding-right: 2px;
        padding-left: 0px;
    }

    .bordered_items .sf-menu > li > a {
        padding-left: 40px;
        padding-right: 44px;
    }
}

/* -md- paddings */
@media (min-width: 992px) and (max-width: 1199px) {
    .sf-menu > li > a {
        padding-right: 16px;
        padding-left: 17px;
    }

    .bordered_items .sf-menu > li > a {
        padding-left: 20px;
        padding-right: 24px;
    }
}

/* -lg- paddings */
@media (min-width: 1200px) {
    .sf-menu > li > a {
        padding-right: 23px;
        padding-left: 24px;
    }

    .boxed .col-md-6 .sf-menu > li > a {
        padding-right: 14px;
        padding-left: 14px;
    }
}

@media (min-width: 1400px) {
    .sf-menu > li > a {
        padding-right: 31px;
        padding-left: 32px;
    }
}

@media (min-width: 1650px) {
    .sf-menu > li > a {
        padding-right: 36px;
        padding-left: 37px;
    }
}

.page_copyright .sf-menu > li:last-child > a {
    padding-left: 0 !important;
}

.toggle_menu {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    display: none;
    width: 60px;
    height: 60px;
    cursor: pointer;
    z-index: 1001;
    visibility: visible;
}

@media (max-width: 767px) {
    .toggle_menu {
        left: 0;
        margin-left: 0;
    }
}

.header_white .toggle_menu span,
.header_white .toggle_menu span:before,
.header_white .toggle_menu span:after,
.transparent_header .toggle_menu span,
.transparent_header .toggle_menu span:before,
.transparent_header .toggle_menu span:after {
    background-color: #303030;
}

.page_toplogo .toggle_menu {
    position: fixed;
    top: 0;
    right: auto;
    left: 0;
    background-color: #303030;
    margin: 0;
}

.toggle_menu:hover span:before {
    top: -7px;
}

.toggle_menu:hover span:after {
    top: 7px;
}

.toggle_menu span,
.toggle_menu span:before,
.toggle_menu span:after {
    display: block;
    width: 24px;
    height: 2px;
    position: absolute;
    background-color: #ffffff;
    content: "";
    right: 0;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.toggle_menu span {
    right: 18px;
    top: 50%;
    margin-top: -1px;
}

    .toggle_menu span:before {
        top: -6px;
    }

    .toggle_menu span:after {
        top: 6px;
    }

/*
**main menu mobile styles
*/
@media (max-width: 991px) {
    .mainmenu_wrapper {
        /*position: relative;*/
        position: fixed;
        visibility: hidden;
        z-index: 10;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: transparent;
        opacity: 0;
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    .mobile-active .mainmenu_wrapper {
        visibility: visible;
        opacity: 1;
        background-color: #111;
        background-color: rgba(0, 0, 0, 0.9);
    }

    .toggle_menu {
        display: block;
    }

        .toggle_menu.mobile-active {
            background-color: #303030;
            border: none;
            right: auto;
            top: 0;
            left: 0;
            position: fixed;
            margin: 0;
            z-index: 3000;
        }

            .toggle_menu.mobile-active:after {
                position: absolute;
                top: 14px;
                right: 10px;
                font-family: "rt-icons-2";
                content: "\e117";
                font-size: 40px;
                color: #ffffff;
            }

            .toggle_menu.mobile-active span {
                display: none;
            }

    .nav-justified > li > a {
        text-align: right;
    }

    .sf-menu {
        position: fixed;
        overflow: auto;
        background-color: #303030;
        padding: 10px 10px 10px 20px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 100%;
        font-size: 1.1em;
        text-transform: uppercase;
        font-weight: 400;
        word-wrap: break-word;
        text-align: right;
        -webkit-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
        opacity: 0;
    }

    .mobile-active .sf-menu {
        opacity: 1;
        left: 20px;
    }

    .sf-menu > li > a,
    .sf-menu a {
        color: #ffffff;
    }

    .sf-menu ul {
        list-style: none;
        padding-right: 10px;
    }

        .sf-menu ul li a {
            display: block;
            padding: 10px;
            font-weight: 300;
            font-size: 16px;
            text-transform: none;
        }

            .sf-menu ul li a:before {
                content: "-";
                padding-left: 5px;
            }

        .sf-menu ul ul li a:before {
            content: "--";
            padding-left: 5px;
        }
    /*** arrows (for all except IE7) **/
    .sf-arrows .sf-with-ul {
        padding-left: 2.5em;
        *padding-left: 1em;
        /* no CSS arrows for IE7 (lack pseudo-elements) */
    }
        /* styling for both css and generated arrows */
        .sf-arrows .sf-with-ul:after {
            font-family: "FontAwesome";
            content: "\f107";
            position: absolute;
            left: 1.44em;
            height: 0;
            width: 0;
            font-size: 20px;
        }
}

@media (min-width: 992px) {
    .sf-menu .md-hidden {
        display: none;
    }
}

@media (max-width: 991px) {
    #more-li {
        display: none;
    }
}

.sf-menu i[class] {
    padding-left: 7px;
    font-size: 1.1em;
}

/* Mega Menu */
@media screen and (min-width: 992px) {
    .mainmenu_wrapper ul .mega-menu ul {
        min-width: auto;
    }

    .mainmenu_wrapper .menu-item-has-mega-menu {
        position: relative;
    }

    .mainmenu_wrapper .mega-menu {
        display: none;
        position: absolute;
        width: 940px;
        top: 100%;
        z-index: 10;
    }

    .mainmenu_wrapper .menu-item-has-mega-menu:hover .mega-menu {
        display: block;
    }
    /* row */
    .mainmenu_wrapper .mega-menu-row {
        position: static;
        display: table;
        table-layout: fixed;
    }

        .mainmenu_wrapper .mega-menu-row ul {
            position: static;
            display: block;
        }
    /* column */
    .mainmenu_wrapper .mega-menu-col {
        display: table-cell;
        width: 2000px;
        padding: 0 20px;
        border-right: 1px solid rgba(48, 48, 48, 0.5);
        /* overrides from settings / styling / mega-menu */
    }

        .mainmenu_wrapper .mega-menu-col > a {
            font-size: 16px;
            text-transform: uppercase;
            font-weight: 900;
        }

        .mainmenu_wrapper .mega-menu-col:first-child {
            border-right: none;
        }

    .mainmenu_wrapper ul ul .mega-menu {
        width: auto;
        top: -20px;
        margin-right: 1px;
        display: block;
        width: auto;
    }

        .mainmenu_wrapper ul ul .mega-menu li {
            display: block;
            width: auto;
            border: none;
        }
}

@media screen and (min-width: 1200px) {
    .mainmenu_wrapper .mega-menu {
        width: 1140px;
    }

    .mainmenu_wrapper ul .mega-menu ul {
        min-width: 12em;
    }
}

@media screen and (max-width: 991px) {
    .mainmenu_wrapper .mega-menu {
        position: static;
    }
}

/*
**subpages
*/
.edit-link {
    text-align: left;
    display: block;
}

/*404*/
.page_not_found {
    background-image: url("../images/not_found.jpg");
    background-size: cover;
    background-position: center;
}

    .page_not_found .row {
        margin-top: 6%;
        margin-bottom: 22%;
    }

.not_found {
    font-size: 130px;
    font-weight: 300;
    line-height: 0.8;
}

@media (min-width: 768px) {
    .not_found {
        font-size: 300px;
    }
}

@media (min-width: 1200px) {
    .not_found {
        font-size: 480px;
    }
}

.not_found + h2 {
    font-size: 40px;
    text-transform: uppercase;
    margin: 28px 0 50px;
}

    .not_found + h2 + p .theme_button {
        margin: 0 15px 20px;
    }

/*about*/
.about-content {
    padding: 10px 10px 20px;
}

@media (min-width: 992px) {
    .services .top-overlap-small {
        margin-right: -150%;
        max-width: 250%;
    }
}

@media (min-width: 1200px) {
    .services .top-overlap-small {
        margin-right: -100%;
        max-width: 200%;
    }
}

/* page meta blog */
.page-meta {
    padding: 9px 40px 30px;
}

    .page-meta h5 {
        font-size: 14px;
        font-weight: 300;
    }

    .page-meta i {
        line-height: 0.6;
        padding-left: 8px;
    }

    .page-meta .media {
        position: relative;
        padding: 28px 0 0;
        margin-bottom: 20px;
    }

        .page-meta .media + .media:before {
            content: "";
            position: absolute;
            height: 1px;
            width: 100%;
            top: 0;
            background-color: rgba(150, 150, 150, 0.1);
        }

    .page-meta .media-left {
        padding-left: 8px;
    }

/*blog*/
article iframe {
    margin-bottom: -8px;
}

h1.entry-title {
    font-size: 42px;
    margin: 0 0 5px;
}

@media (max-width: 991px) {
    h1.entry-title {
        font-size: 32px;
    }
}

article.post + article.post,
.search article + article,
.archive article + article {
    margin-top: 60px;
}

article.vertical-item.content-padding .item-content {
    padding: 26px 38px 36px;
}

/* mosaic */
.mosaic-post p {
    margin-bottom: 0;
}

.mosaic-post .post-social-links {
    margin: -1px;
    padding: 18px 40px 17px;
}

h3.entry-title {
    font-family: "Open Sans", sans-serif;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
}

    h3.entry-title + .date {
        display: inline-block;
        font-weight: 600;
        opacity: 0.5;
    }

h4.entry-title {
    margin-top: 0;
    font-size: 42px;
}

h2.search-title {
    margin: 0 0 30px;
    font-size: 40px;
}

.item-meta + .entry-title {
    margin-bottom: 25px;
}

.entry-tags {
    margin-top: 30px;
}

    .entry-tags .theme_button {
        margin-left: 6px;
    }

    .entry-tags span + span {
        margin-right: 14px;
    }

    .entry-tags i {
        font-size: 14px;
        margin-left: 5px;
    }

.entry-meta:before,
.entry-meta:after,
.comment-meta:before,
.comment-meta:after,
.post-adds:before,
.post-adds:after {
    display: block;
    clear: both;
    content: "";
    width: 0;
    height: 0;
}

.entry-thumbnail {
    text-align: center;
    position: relative;
}

    .entry-thumbnail img {
        background-color: #ffffff;
    }

    .entry-thumbnail[class*="col-"] {
        margin-bottom: 0;
    }

/* additional meta at the bottom of entry-title */
.post-adds {
    margin: 24px 0 10px;
    line-height: 20px;
    border-left: 3px solid var(--main-color);
}

    .post-adds span {
        display: inline-block;
    }

    .post-adds .item-likes {
        padding-right: 20px;
        padding-left: 20px;
    }

    .post-adds .views-count,
    .post-adds .comments-link,
    .post-adds .item-likes {
        padding: 0 15px;
    }

    .post-adds i {
        padding-left: 4px;
    }

.categories-links {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

    .categories-links a:hover {
        color: var(--main-Level2-color);
    }

/* highlight first letter in blog post */
.entry-content p.big-first-letter:first-letter {
    font-size: 60px;
    line-height: 60px;
    font-weight: 700;
    color: var(--main-color);
    float: right;
    margin-left: 10px;
}

.entry-excerpt {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 300;
    margin: 30px 0 15px;
}

    .entry-excerpt p {
        margin-bottom: 16px;
    }

.entry-excerpt2 {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 30px 0 10px;
}

.blog-more-toggle {
    display: block;
    text-transform: uppercase;
    padding: 9px 0;
    margin: 60px 0;
    background-color: #f5f5f5;
}

    .blog-more-toggle span {
        font-family: "Josefin Sans", sans-serif;
        font-weight: 16px;
        font-weight: 700;
    }

    .blog-more-toggle .blog-more-visible {
        display: inline;
    }

    .blog-more-toggle .blog-more-hidden {
        display: none;
    }

    .blog-more-toggle.collapsed .blog-more-visible {
        display: none;
    }

    .blog-more-toggle.collapsed .blog-more-hidden {
        display: inline;
    }

.st_facebook_hcount,
.st_twitter_hcount,
.st_googleplus_hcount {
    position: relative;
    text-align: left;
}

    .st_facebook_hcount span,
    .st_twitter_hcount span,
    .st_googleplus_hcount span {
        -ms-box-sizing: content-box;
        box-sizing: content-box;
    }

.author-meta {
    position: relative;
}

    .author-meta h4 {
        margin: 0 0 20px;
    }

    .author-meta [class*="col-"] {
        position: static;
    }

    .author-meta .item-content {
        height: 100%;
        position: relative;
        padding: 30px 30px 25px 70px;
    }

@media (min-width: 992px) {
    .author-meta .item-content {
        position: static;
        padding-right: 10px;
    }
}

.author-meta .author-social {
    position: absolute;
    left: 0;
    width: 64px;
    top: 0;
    bottom: 0;
}

    .author-meta .author-social > div {
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .author-meta .author-social a {
        display: block;
        margin: 0;
        padding: 16px 23px;
    }

        .author-meta .author-social a:before {
            font-size: 18px;
        }

        .author-meta .author-social a.social-icon + a.social-icon {
            margin: 0;
        }

/* events */
.event-item .item-media img {
    width: 100%;
}

.event-item .display_table_sm {
    table-layout: fixed;
}

.event-social a[class*="soc-"]:before {
    font-size: 20px;
}

.event-social a.social-icon + a.social-icon {
    margin-right: 23px;
}

/*comments*/
.comments-area {
    margin-top: 110px;
}

    .comments-area h2 {
        margin-bottom: 0;
        font-size: 30px;
        font-weight: 700;
    }

    .comments-area li {
        list-style: none;
        padding-top: 30px;
    }

    .comments-area .media {
        position: relative;
    }

    .comments-area .media-left {
        padding-top: 10px;
        padding-left: 0;
    }

        .comments-area .media-left img {
            max-width: 70px;
        }

    .comments-area .media-object {
        max-width: 70px;
    }

    .comments-area .media-body {
        padding: 0 30px 0 30px;
    }

        .comments-area .media-body p {
            margin-bottom: 10px;
        }

.comment-list {
    margin: 0;
    padding: 0;
    position: relative;
}

    .comment-list ol {
        padding-right: 15px;
    }

@media (min-width: 992px) {
    .comment-list ol {
        padding-right: 70px;
    }
}

.comment-meta {
    display: inline-block;
    margin-left: 40px;
    line-height: 1;
    margin-bottom: 0;
    padding-bottom: 14px;
}

    .comment-meta .comment-metadata {
        display: block;
        margin: 7px 0 10px;
    }

    .comment-meta .author_url {
        font-family: "Josefin Sans", sans-serif;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 700;
    }

.comment-date {
    opacity: 0.5;
}

.reply a {
    font-family: "Josefin Sans", sans-serif;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
}

.reply i:before {
    font-size: 18px;
}

.comment-respond {
    margin-top: 55px;
}

    .comment-respond h3 {
        font-size: 30px;
        margin: 0 0 24px;
    }

    .comment-respond p {
        margin-bottom: 10px;
        position: relative;
    }

.comment-form.muted_background {
    padding: 30px 30px 20px;
}

.comment-form p {
    margin-bottom: 0;
}

.comment-form .form-submit {
    margin-top: 5px;
}

.comment-form label[for] {
    display: none;
}

.comment-form .theme_button {
    margin-left: 6px;
}

@media (max-width: 500px) {
    .comment-respond i.pull-left {
        display: none;
    }

    .comment-respond .comment-form {
        margin-right: 0;
    }
}

.format-gallery .flexslider .flex-control-nav {
    bottom: 10px;
}

@media (min-width: 992px) {
    .format-gallery .flexslider .flex-control-nav {
        left: 20px;
        bottom: 50%;
    }
}

.format-gallery .flexslider .flex-control-paging li {
    padding: 5px;
}

    .format-gallery .flexslider .flex-control-paging li a {
        font-size: 20px;
    }

    .format-gallery .flexslider .flex-control-paging li a {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

        .format-gallery .flexslider .flex-control-paging li a.flex-active {
            -webkit-transform: scale(1);
            transform: scale(1);
        }

/* appointment */
.page_appointment .section_header + p {
    max-width: 560px;
    line-height: 32px;
    margin: auto;
}

/* gallery */
#isotope_filters,
.filters {
    padding: 0;
    list-style: none;
}

    #isotope_filters li,
    .filters li {
        display: inline-block;
        margin: 0;
        padding: 0;
    }

    #isotope_filters a,
    .filters a {
        padding: 17px 30px;
        display: inline-block;
        font-family: "Josefin Sans", sans-serif;
        font-weight: 700;
        text-transform: uppercase;
        color: #616161;
        border-right: 3px solid transparent;
    }

        #isotope_filters a:hover,
        .filters a:hover {
            opacity: 0.4;
        }

        #isotope_filters a.selected,
        #isotope_filters a.active,
        .filters a.selected,
        .filters a.active {
            border-color: var(--main-color);
            color: var(--main-color);
        }

            #isotope_filters a.selected:hover,
            #isotope_filters a.active:hover,
            .filters a.selected:hover,
            .filters a.active:hover {
                opacity: 1;
            }

.gallery-item {
    overflow: hidden;
    position: relative;
    -webkit-perspective: 500px;
    perspective: 500px;
}

    .gallery-item .item-content {
        -webkit-transform: rotateX(150deg);
        transform: rotateX(150deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
        transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
    }

    .gallery-item:hover .item-content {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }

    .gallery-item h4.item-meta {
        text-transform: uppercase;
    }

    .gallery-item.small-item .links-wrap a {
        width: 50px;
        height: 50px;
        line-height: 46px;
        font-size: 24px;
    }

        .gallery-item.small-item .links-wrap a.p-link {
            margin-right: 15px;
        }

    .gallery-item.small-item .item-content {
        padding: 15px 20px 5px;
    }

        .gallery-item.small-item .item-content h4.item-meta {
            font-size: 14px;
        }

.gallery-single-item .item-meta {
    position: relative;
    padding: 40px 30px;
    border-right: 3px solid var(--main-color);
}

    .gallery-single-item .item-meta .item-social {
        text-align: center;
        font-size: 0;
    }

        .gallery-single-item .item-meta .item-social a.social-icon {
            padding: 15px;
            margin: 0;
        }

@media (min-width: 500px) {
    .gallery-single-item .item-meta .item-social {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 130px;
    }

        .gallery-single-item .item-meta .item-social:before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            width: 65px;
            background-color: rgba(255, 255, 255, 0.1);
        }

        .gallery-single-item .item-meta .item-social > div {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .gallery-single-item .item-meta .item-social a.social-icon {
            padding: 11px 25px;
        }
}

@media (max-width: 499px) {
    .gallery-single-item .item-meta .item-social {
        margin: 20px -30px -40px;
    }
}

.gallery-single-item a[class*="soc-"]:before {
    font-size: 14px;
}

.gallery-extended-item.content-padding.vertical-item .item-content {
    padding: 30px;
}

@media (max-width: 400px) {
    .gallery-extended-item.content-padding.vertical-item .item-content {
        padding-right: 20px;
        padding-left: 20px;
    }
}

.gallery-extended-item .item-title {
    font-size: 20px;
    text-transform: uppercase;
    margin: 0 0 5px;
}

.gallery-extended-item .categories-links {
    display: block;
    margin-bottom: 20px;
}

.gallery-extended-item .item-button {
    margin-top: 21px;
}

.gallery-item .post-adds {
    margin-bottom: 0;
}

.gallery-title-item + .item-title {
    padding: 30px 0;
}

    .gallery-title-item + .item-title h3 {
        font-size: 20px;
        text-transform: uppercase;
        margin-bottom: 10px;
    }

i.loadmore_spinner {
    font-size: 30px;
    opacity: 0.3;
    margin: 10px 0 20px;
}

/* gallery single */
.gallery-single-title {
    margin: 12px 0 0;
}

@media (min-width: 768px) {
    .gallery-single-title {
        font-size: 60px;
    }
}

.gallery-single-title + .block-header {
    margin-bottom: 40px;
}

.share-gallery-single {
    margin: 40px 0 16px;
}

.items-nav {
    padding: 30px 23px;
}

    .items-nav[class*="display_table_"] {
        margin-top: 30px;
    }

    .items-nav h4 {
        margin: -5px 0 0;
    }

    .items-nav .media {
        position: relative;
        padding: 10px 0;
    }

    .items-nav .next-item img {
        max-width: none;
        padding: 0 0 0 30px;
    }

    .items-nav .next-item i {
        left: 0;
    }

    .items-nav .prev-item img {
        max-width: none;
        padding: 0 30px 0 0;
    }

    .items-nav a {
        position: relative;
    }

        .items-nav a i {
            top: 50%;
            margin-top: -14px;
            font-size: 20px;
        }

            .items-nav a i.position-absolute {
                position: absolute;
            }

.owl-carousel.hover-scale {
    margin-bottom: 50px;
}

@media (min-width: 768px) {
    .owl-carousel.hover-scale .owl-stage-outer {
        overflow: visible;
    }

    .owl-carousel.hover-scale .vertical-item {
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }

    .owl-carousel.hover-scale .owl-item:hover .vertical-item,
    .owl-carousel.hover-scale .owl-item.center .vertical-item {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        z-index: 4;
        overflow: hidden;
    }
}

.owl-carousel.related-photos-carousel {
    margin-bottom: 0;
}

/* shop single*/
.cart-button {
    margin: 50px 0 55px;
}

.share-title {
    font-size: 20px;
    margin: 56px 0 18px;
}

/* shop */
.shop-item .item-content {
    padding: 30px 40px;
}

.shop-item .item-price {
    margin: 9px 0 16px;
    font-size: 30px;
    line-height: 1;
    font-weight: 800;
}

    .shop-item .item-price span {
        font-size: 40px;
    }

.shop-item .cart-button {
    margin: 50px 0 28px;
}

.related-item .item-content {
    padding: 14px 25px;
}

.related-item h4 {
    font-size: 20px;
    line-height: 24px;
}

.related-item .cart-button {
    margin: 14px 0 14px;
}

.contacts-media-list .media-left {
    min-width: 130px;
}

.contacts-media-list a.social-icon:before {
    font-size: 14px;
}

.contacts-media-list .media {
    margin-top: 13px;
}

/* models */
@media (min-width: 1400px) {
    .items_portrait .isotope-item.col-lg-3 {
        width: 20%;
    }
}

@media (min-width: 1600px) {
    .items_portrait .isotope-item.col-lg-3 {
        width: 16.666666666%;
    }
}

@media (min-width: 560px) and (max-width: 767px) {
    .items_portrait .isotope-item.col-lg-3 {
        width: 50%;
    }
}

.items_portrait .item-type1 {
    padding-bottom: 119px;
}

    .items_portrait .item-type1 .item-content {
        padding: 35px 20px 30px 30px;
    }

    .items_portrait .item-type1 .item-meta {
        padding-right: 10px;
    }

        .items_portrait .item-type1 .item-meta > div {
            padding: 3px 8px;
        }

    .items_portrait .item-type1:hover .item-meta {
        max-height: 180px;
    }

@media (min-width: 1400px) {
    .items_square .isotope-item.col-lg-4 {
        width: 25%;
    }
}

@media (min-width: 1600px) {
    .items_square .isotope-item.col-lg-4 {
        width: 20%;
    }
}

/* model single */
@media (min-width: 1200px) {
    .model-single .isotope-item {
        width: 20%;
    }
}

.model-single .item-social {
    padding: 20px;
}

    .model-single .item-social a.social-icon:before {
        font-size: 18px;
    }

    .model-single .item-social a.social-icon + a.social-icon {
        margin-right: 50px;
    }

.model-single .item-contacts {
    border: 3px solid #303030;
    border-width: 0 3px;
    padding: 30px 40px 30px 50px;
}

/*
**widgets
*/
aside > div + div {
    margin-top: 60px;
}

    aside > div + div > .widget-title {
        margin-top: 27px;
    }

aside .widget + .widget {
    margin-top: 60px;
}

/* affix-aside */
.affix-aside {
    position: relative;
}

    .affix-aside.affix {
        position: fixed;
        top: 50px;
    }

@media (max-width: 767px) {
    .affix-aside,
    .affix-aside.affix,
    .affix-aside.affix-bottom {
        position: static;
        width: inherit !important;
    }
}

.module-header {
    margin: 0 0 38px;
    text-transform: capitalize;
    font-size: 40px;
}

.page_footer .module-header {
    font-size: 28px;
}

.widget-title {
    overflow: hidden;
    text-align: center;
    margin-bottom: 33px;
}

.with_background .widget-title {
    padding-top: 28px;
}

.widget-title h3 {
    display: inline-block;
    font-size: 20px;
    text-transform: uppercase;
    margin: 0;
    position: relative;
}

    .widget-title h3:before,
    .widget-title h3:after {
        content: "";
        position: absolute;
        height: 1px;
        width: 1000px;
        top: 50%;
        background-color: #303030;
    }

    .widget-title h3:before {
        right: -1020px;
    }

    .widget-title h3:after {
        left: -1020px;
    }

.widget-title2 {
    padding-right: 20px;
    margin: 0 0 35px;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 30px;
    border-right: 3px solid var(--main-color);
}

.widget ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .widget ul ul li {
        padding-right: 20px;
    }

.widget li {
    position: relative;
}

.widget .vertical-item h4 {
    font-size: 20px;
    margin: 17px 0 0;
}

.widget .vertical-item + .widget .vertical-item {
    margin-top: 16px;
}

/*.widget select {
    width: 100%;
    max-width: 100%;
    border: none;
    height: 40px;
    padding-right: 20px;
    padding-left: 40px;
    padding-top: 9px;
    padding-bottom: 9px;
    font-size: 16px;
}*/

.page_footer .widget li,
.page_footer .widget ul {
    border: none;
}

/*
widget_search,
widget_mailchimp
*/
.widget_mailchimp {
    overflow: hidden;
}

    .widget_mailchimp p {
        margin-top: -3px;
    }

    .widget_search .form-inline,
    .widget_mailchimp .form-inline {
        position: relative;
    }

        .widget_search .form-inline label,
        .widget_mailchimp .form-inline label {
            display: none;
        }

        .widget_search .form-inline .form-group,
        .widget_mailchimp .form-inline .form-group {
            display: block;
            vertical-align: top;
            position: relative;
        }

        .widget_search .form-inline input[type="text"],
        .widget_mailchimp .form-inline input[type="email"] {
            padding-left: 50px;
            display: block;
            width: 100%;
        }

        .widget_search .form-inline .form-control:-moz-placeholder,
        .widget_mailchimp .form-inline .form-control:-moz-placeholder {
            font-style: normal;
            font-size: 12px;
        }

        .widget_search .form-inline .form-control::-moz-placeholder,
        .widget_mailchimp .form-inline .form-control::-moz-placeholder {
            font-style: normal;
            font-size: 12px;
        }

        .widget_search .form-inline .form-control:-ms-input-placeholder,
        .widget_mailchimp .form-inline .form-control:-ms-input-placeholder {
            font-style: normal;
            font-size: 12px;
        }

        .widget_search .form-inline .form-control::-webkit-input-placeholder,
        .widget_mailchimp .form-inline .form-control::-webkit-input-placeholder {
            font-style: normal;
            font-size: 12px;
        }

        .widget_search .form-inline .form-control::-webkit-input-placeholder {
            font-family: "Josefin Sans", sans-serif;
            text-transform: uppercase;
            font-weight: 700;
            color: #303030;
        }

        .widget_search .form-inline .form-control:-moz-placeholder {
            font-family: "Josefin Sans", sans-serif;
            text-transform: uppercase;
            font-weight: 700;
            color: #303030;
        }

        .widget_search .form-inline .form-control::-moz-placeholder {
            font-family: "Josefin Sans", sans-serif;
            text-transform: uppercase;
            font-weight: 700;
            color: #303030;
        }

        .widget_search .form-inline .form-control:-ms-input-placeholder {
            font-family: "Josefin Sans", sans-serif;
            text-transform: uppercase;
            font-weight: 700;
            color: #303030;
        }

        .widget_search .form-inline .form-control:focus::-webkit-input-placeholder {
            font-family: "Josefin Sans", sans-serif;
            text-transform: uppercase;
            font-weight: 700;
            color: #303030;
        }

        .widget_search .form-inline .form-control:focus::-webkit-input-placeholder {
            color: transparent;
        }

        .widget_search .form-inline .form-control:focus:-moz-placeholder {
            color: transparent;
        }

        .widget_search .form-inline .form-control:focus::-moz-placeholder {
            color: transparent;
        }

        .widget_search .form-inline .form-control:focus:-ms-input-placeholder {
            color: transparent;
        }

        .widget_search .form-inline .form-control:focus::-webkit-input-placeholder {
            color: transparent;
        }

        .widget_search .form-inline .theme_button,
        .widget_mailchimp .form-inline .theme_button {
            font-size: 0;
            padding: 12px;
            margin: 0;
        }

        .widget_search .form-inline .theme_button,
        .widget_mailchimp .form-inline .theme_button {
            position: absolute;
            left: 0;
            top: 0;
            border: none;
            background-color: transparent;
            color: var(--main-color);
        }

            .widget_search .form-inline .theme_button:before,
            .widget_mailchimp .form-inline .theme_button:before {
                font-size: 16px;
                content: "\e039";
                font-family: "rt-icons-2";
            }

            .widget_search .form-inline .theme_button:after,
            .widget_mailchimp .form-inline .theme_button:after {
                display: none;
            }

            .widget_search .form-inline .theme_button:hover,
            .widget_mailchimp .form-inline .theme_button:hover {
                color: #ffffff;
                background-color: var(--main-color);
            }

        .widget_search .form-inline .theme_button {
            color: #303030;
        }

#search_modal .widget_search .form-inline .theme_button {
    color: #ffffff;
}

.widget_mailchimp .form-inline .theme_button:before {
    content: "\e7c5";
}

/*
widget_recent_entries
widget_recent_comments
widget_archive
widget_categories
widget_meta
widget_nav_menu
widget_pages
*/
.widget_recent_comments li {
    padding: 15px 0;
}

    .widget_recent_comments li:first-child {
        padding-top: 0;
    }

    .widget_recent_comments li:before {
        font-family: "rt-icons-2";
        content: "\e65c";
        font-size: 16px;
        line-height: 1;
        position: relative;
        top: 4px;
        padding-left: 10px;
        color: var(--main-color);
    }

.widget_recent_entries p {
    margin-bottom: 0;
}

.widget_recent_entries li:first-child {
    padding-top: 0;
}

    .widget_recent_entries li:first-child:before {
        top: 5px;
    }

.widget_recent_entries > ul > li:first-child,
.widget_recent_comments > ul > li:first-child,
.widget_archive > ul > li:first-child,
.widget_categories > ul > li:first-child,
.widget_meta > ul > li:first-child,
.widget_popular_entries > ul > li:first-child,
.widget_nav_menu > ul > li:first-child,
.widget_pages > ul > li:first-child {
    border-top: none;
}

.widget_recent_entries li,
.widget_popular_entries li {
    padding: 10px 0 15px;
}

.widget_recent_entries .media,
.widget_popular_entries .media {
    margin-top: 0;
}

.widget_recent_entries .media-left,
.widget_popular_entries .media-left {
    padding-top: 5px;
    padding-left: 20px;
}

.widget_recent_entries h5,
.widget_popular_entries h5 {
    margin-bottom: 5px;
}

.page_footer .widget_recent_entries li:last-child {
    display: none;
}

.widget_archive a,
.widget_categories a,
.widget_meta a,
.widget_nav_menu a,
.widget_pages a {
    font-family: "Josefin Sans", sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    padding: 7px 30px 7px 0;
}

.widget_archive,
.widget_categories,
.widget_meta,
.widget_nav_menu,
.widget_pages {
    padding-bottom: 20px;
}

    .widget_archive .greylinks a:hover,
    .widget_categories .greylinks a:hover,
    .widget_meta .greylinks a:hover,
    .widget_nav_menu .greylinks a:hover,
    .widget_pages .greylinks a:hover {
        color: var(--main-color);
    }

    .widget_archive li,
    .widget_categories li,
    .widget_meta li,
    .widget_nav_menu li,
    .widget_pages li {
        font-family: "Josefin Sans", sans-serif;
        font-size: 16px;
        padding-left: 30px;
    }

        .widget_archive li + li,
        .widget_categories li + li,
        .widget_meta li + li,
        .widget_nav_menu li + li,
        .widget_pages li + li {
            margin-top: 5px;
        }

        .widget_archive li a,
        .widget_categories li a,
        .widget_meta li a,
        .widget_nav_menu li a,
        .widget_pages li a {
            border-right: 3px solid transparent;
        }

        .widget_archive li.active,
        .widget_categories li.active,
        .widget_meta li.active,
        .widget_nav_menu li.active,
        .widget_pages li.active {
            color: var(--main-color);
        }

            .widget_archive li.active a,
            .widget_categories li.active a,
            .widget_meta li.active a,
            .widget_nav_menu li.active a,
            .widget_pages li.active a {
                color: var(--main-color);
                border-color: var(--main-color);
            }

    .widget_archive span,
    .widget_categories span {
        position: absolute;
        left: 30px;
        top: 7px;
        font-weight: 700;
    }

    .widget_nav_menu ul ul li:first-child a {
        padding-top: 13px;
    }

    .widget_nav_menu a i {
        padding-left: 7px;
    }

    .widget_nav_menu .nav > li ul a {
        font-size: 12px;
        padding-right: 0;
        border-right: none;
    }

    .widget_nav_menu .nav > li > a {
        padding: 7px 17px 7px 0;
    }

    .widget_nav_menu .nav > li > ul {
        margin-right: 10px;
    }

    .widget_nav_menu .nav ul {
        margin-left: -30px;
    }

    .widget_nav_menu .sub-menu a {
        font-size: 12px;
        border-right: none;
    }

@media (min-width: 768px) {
    .page_copyright .widget_nav_menu,
    .page_topline .widget_nav_menu {
        padding-bottom: 0;
    }

        .page_copyright .widget_nav_menu li,
        .page_topline .widget_nav_menu li {
            display: inline-block;
            position: relative;
            border: none;
            margin-top: 0;
        }

            .page_copyright .widget_nav_menu li:before,
            .page_topline .widget_nav_menu li:before {
                content: "";
                position: absolute;
                padding: 0;
                right: -5px;
                top: 5px;
                bottom: 5px;
                width: 1px;
                background-color: rgba(0, 0, 0, 0.1);
                opacity: 0.3;
                display: block;
            }

    .page_copyright.cs .widget_nav_menu li:before,
    .page_topline.cs .widget_nav_menu li:before {
        background-color: rgba(255, 255, 255, 0.3);
    }

    .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-top: 0;
        padding-bottom: 0;
    }

        .page_copyright .widget_nav_menu a:before,
        .page_topline .widget_nav_menu a:before {
            display: none;
        }
}

/*widget_tag_cloud*/
.widget_tag_cloud a {
    border: 1px solid rgba(48, 48, 48, 0.5);
    padding: 6px 39px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: inherit;
    display: inline-block;
}

    .widget_tag_cloud a + a {
        margin-right: 16px;
    }

    .widget_tag_cloud a:last-child {
        margin-bottom: 0;
    }

aside .widget_tag_cloud a {
    color: #303030;
}

    aside .widget_tag_cloud a:hover {
        color: #ffffff;
    }

.widget_tag_cloud a:hover {
    background-color: var(--main-color);
    border-color: var(--main-color);
    color: #ffffff;
}

/*widget_flickr*/
.widget_flickr li {
    display: inline-block;
    margin: 0 0 10px 10px;
}

.widget_flickr img {
    width: 80px;
    max-width: 80px;
    border-radius: 1px;
}

/*widget_popular_entries*/
.widget_popular_entries p {
    padding-top: 6px;
    margin-bottom: 10px;
}

.widget_popular_entries .media-body {
    overflow: visible;
}

.widget_popular_entries .media-left {
    padding-left: 20px;
}

.widget_popular_entries .media-object {
    max-width: 100px;
}

@media (min-width: 768px) and (max-width: 1199px) {
    .widget_popular_entries .media-object {
        max-width: 40px;
    }
}

.widget_popular_entries li:first-child {
    padding-top: 0;
}

.widget_popular_entries li:last-child {
    padding-bottom: 0;
}

/*widget_banner*/
.widget_banner {
    overflow: hidden;
    line-height: 1;
}

    .widget_banner .item-content {
        padding: 20px;
    }

        .widget_banner .item-content h3 {
            margin: 0;
            padding: 8px 0;
            font-size: 28px;
        }

        .widget_banner .item-content span {
            display: inline-block;
            text-transform: uppercase;
            padding: 4px 10px 1px;
            min-width: 120px;
        }

    .widget_banner .small-text {
        margin-bottom: 0;
    }

/*widget_slider*/
.widget_slider .owl-carousel {
    margin-bottom: 0;
}

    .widget_slider .owl-carousel:hover .owl-nav {
        top: -43px;
    }

    .widget_slider .owl-carousel .owl-nav {
        opacity: 1;
        top: -43px;
    }

        .widget_slider .owl-carousel .owl-nav > div {
            width: auto;
            height: auto;
            left: 0;
            background-color: transparent;
        }

            .widget_slider .owl-carousel .owl-nav > div:first-child {
                right: auto;
                left: 22px;
            }

            .widget_slider .owl-carousel .owl-nav > div:after {
                font-size: 12px;
                color: inherit;
                color: #191919;
            }

/*widget_calendar*/
#calendar_wrap {
    width: 100%;
    margin-bottom: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

@media (min-width: 768px) and (max-width: 992px) {
    #calendar_wrap {
        overflow-x: auto;
        overflow-y: hidden;
    }
}

.widget_calendar table {
    width: 100%;
    position: relative;
    text-align: center;
}

.widget_calendar caption {
    line-height: 1;
    font-size: 24px;
    padding: 18px 0 18px;
    text-align: center;
    color: #ffffff;
    background-color: var(--main-color);
}

.widget_calendar thead {
    background-color: #303030;
    border: 1px solid #303030;
    border-width: 7px 1px 7px 1px;
    color: #ffffff;
}

    .widget_calendar thead th {
        font-weight: 300;
    }

        .widget_calendar thead th:first-child {
            padding-right: 30px;
        }

        .widget_calendar thead th:last-child {
            padding-left: 30px;
        }

.widget_calendar tbody {
    font-weight: 300;
}

    .widget_calendar tbody tr:first-child td {
        padding-top: 29px;
    }

    .widget_calendar tbody tr:last-child td {
        padding-bottom: 30px;
    }

    .widget_calendar tbody td {
        border: none;
        padding: 3px 4px;
        position: relative;
    }

        .widget_calendar tbody td:first-child {
            padding-right: 30px;
        }

        .widget_calendar tbody td:last-child {
            padding-left: 30px;
        }

        .widget_calendar tbody td a {
            font-weight: 700;
            color: var(--main-color);
        }

            .widget_calendar tbody td a:hover {
                color: #fcbe11;
            }

.widget_calendar th {
    text-align: center;
}

.widget_calendar tfoot {
    position: absolute;
    top: -3px;
    left: 0;
    right: 0;
}

    .widget_calendar tfoot td {
        position: absolute;
        top: 0;
    }

        .widget_calendar tfoot td a {
            color: #ffffff;
            text-align: center;
            font-size: 0;
            width: 60px;
            height: 60px;
            line-height: 60px;
            display: inline-block;
        }

            .widget_calendar tfoot td a:hover {
                color: #ffffff;
                background-color: var(--main-color);
                border-color: var(--main-color);
            }

    .widget_calendar tfoot #prev {
        right: 0;
        padding: 0;
    }

        .widget_calendar tfoot #prev a {
            border-left: 1px solid rgba(255, 255, 255, 0.2);
        }

            .widget_calendar tfoot #prev a:before {
                font-size: 14px;
                font-family: "rt-icons-2";
                content: "\e7c4";
            }

    .widget_calendar tfoot #next {
        left: 0;
        padding: 0;
    }

        .widget_calendar tfoot #next a {
            border-right: 1px solid rgba(255, 255, 255, 0.2);
        }

            .widget_calendar tfoot #next a:after {
                font-size: 14px;
                font-family: "rt-icons-2";
                content: "\e7c5";
            }

/*widget_twitter*/
.tweet_avatar {
    float: right;
}

.tweet_right {
    overflow: hidden;
    zoom: 1;
    margin-right: 60px;
}

.tweet_list li + li {
    margin-top: 10px;
    clear: both;
}

    .tweet_list li + li .tweet_right {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

    .tweet_list li + li .tweet_right,
    .tweet_list li + li .tweet_avatar {
        padding-top: 10px;
    }

/* widget schedule */
.widget_schedule ul {
    margin: 0;
}

.widget_text p {
    line-height: 24px;
}

.widget_tabs .nav-tabs > li > a {
    padding: 10px 15px;
}

.widget_rss li {
    margin-bottom: 15px;
}

    .widget_rss li .rsswidget {
        font-size: 1.1em;
    }

.widget_rss .rss-date {
    display: block;
    font-weight: 700;
}

.widget_rss cite {
    display: block;
    text-align: left;
    font-weight: 700;
}

/*
**shortcodes
*/
/* media component with icon */
.small-teaser {
    line-height: 20px;
}

    .small-teaser i {
        line-height: inherit;
    }

/*teasers*/
.teaser {
    position: relative;
    overflow: visible;
}

    .teaser[class*="_bg_color"],
    .teaser[class*="with_"] {
        padding: 36px 55px;
    }

@media (max-width: 500px) {
    .teaser[class*="_bg_color"],
    .teaser[class*="with_"] {
        padding: 16px 20px;
    }
}

.teaser [class*="_bg_color"] {
    padding: 21px;
    margin-bottom: 2px;
    text-align: center;
}

    .teaser [class*="_bg_color"] + h4 {
        margin-top: 24px;
    }

.teaser .border_icon {
    padding: 0.35em;
    min-width: 1.8em;
    border-width: 3px;
    border-style: solid;
}

.teaser i {
    min-width: 1em;
    display: inline-block;
}

.teaser h2 {
    font-size: 50px;
    font-weight: 400;
    margin-bottom: 33px;
    position: relative;
    padding-bottom: 10px;
}

    .teaser h2:after {
        content: "";
        position: absolute;
        width: 50px;
        margin-right: -25px;
        height: 1px;
        background-color: rgba(204, 204, 204, 0.2);
        bottom: -12px;
        right: 50%;
    }

.teaser h3 {
    margin-bottom: 16px;
    font-size: 24px;
}

.teaser h4 {
    font-size: 16px;
    margin-bottom: 18px;
    text-transform: uppercase;
}

.teaser .media-left {
    padding-left: 20px;
}

.teaser .media-body h3 {
    margin-bottom: 20px;
    font-size: 28px;
}

.teaser .media-body h4 {
    margin-bottom: 12px;
}

@media (max-width: 500px) {
    .teaser h2,
    .teaser h3,
    .teaser h4 {
        font-size: 1.4em;
    }

        .teaser h2 span,
        .teaser h3 span,
        .teaser h4 span {
            font-size: 1.2em;
        }
}

.teaser [class*="count"] {
    font-size: 56px;
    font-weight: 700;
    margin: 17px 0 6px;
}

    .teaser [class*="count"] + p {
        margin: 0;
        font-size: 20px;
    }

.teaser .theme_button {
    margin: 22px 0 0;
}

.section_padding_bottom_0 .teaser {
    margin-bottom: 0;
}

.teaser.bottommargin_55 {
    margin-bottom: 55px;
}

.teaser_icon {
    display: inline-block;
    line-height: 1;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

    .teaser_icon + p {
        margin-top: 27px;
    }

.teaser:hover .teaser_icon {
    -webkit-animation: scaleDisappear 0.5s;
    animation: scaleDisappear 0.5s;
}

@media (min-width: 1200px) {
    .borders-angle {
        position: relative;
    }

        .borders-angle:before,
        .borders-angle:after {
            content: "";
            position: absolute;
            width: 1px;
            top: -30px;
            bottom: 28px;
            right: -1px;
            background-color: rgba(25, 25, 25, 0.1);
            -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
        }

        .borders-angle:after {
            right: auto;
            left: -5px;
        }
}

.size_big {
    font-size: 64px;
}

.size_normal {
    font-size: 46px;
}

.size_small {
    font-size: 32px;
}

/*horizontal teaser*/
.teaser.table_section {
    margin-top: 26px;
}

    .teaser.table_section + .teaser.table_section {
        margin-top: 70px;
    }

@media (min-width: 768px) {
    .teaser.table_section [class*="col-"] * {
        margin: 0;
        top: 0;
    }
}

@media (max-width: 767px) {
    .teaser.table_section [class*="col-"] * {
        text-align: center;
    }
}

/* background teaser */
.bg_teaser {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0;
    position: relative;
    color: #ffffff;
    overflow: hidden;
}

    .bg_teaser .bg_overlay {
        position: absolute;
        width: 100%;
        height: 1000px;
    }

    .bg_teaser .highlight {
        color: #ffffff;
    }

    .bg_teaser h4 + h3 {
        margin-top: -14px;
        font-size: 50px;
    }

    .bg_teaser.rectangular .teaser_content {
        padding: 200px 30px 50px;
    }

        .bg_teaser.rectangular .teaser_content h3 {
            font-size: 40px;
        }

    .bg_teaser > img {
        display: none;
        visibility: hidden;
    }

    .bg_teaser .teaser_content {
        margin: 0;
        padding: 40px 40px 35px;
        z-index: 2;
    }

        .bg_teaser .teaser_content > .media-left {
            padding-left: 35px;
        }

        .bg_teaser .teaser_content.media {
            padding: 75px 40px 60px;
        }

.color_bg_1 .bg_overlay {
    background-color: rgba(149, 198, 216, 0.85);
}

.color_bg_2 .bg_overlay {
    background-color: rgba(242, 111, 31, 0.9);
}

.color_bg_3 .bg_overlay {
    background-color: rgba(252, 190, 17, 0.9);
}

.darkgrey_bg .bg_overlay {
    background-color: rgba(48, 48, 48, 0.8);
}

.square_teaser .item-media:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(48, 48, 48, 0.8);
}

.square_teaser .item-content {
    top: 0;
    margin: 30px 0 80px;
    overflow: hidden;
}

.square_teaser .teaser_icon {
    color: var(--main-color);
    position: absolute;
    bottom: 30px;
    right: 30px;
}

.square_teaser .item-media:after,
.square_teaser .teaser_icon,
.square_teaser h4,
.square_teaser p {
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.square_teaser h4 {
    color: #ffffff;
    font-size: 28px;
    font-weight: 700;
}

.square_teaser p {
    color: #ffffff;
    opacity: 0;
}

.square_teaser:hover h4,
.square_teaser:hover .teaser_icon {
    color: #303030;
}

.square_teaser:hover p {
    opacity: 1;
}

.square_teaser:hover .item-media:after {
    background-color: var(--main-color);
}

.media-left i.fontsize_16 {
    font-size: 16px;
    display: inline-block;
    width: 16px;
}

/* testimonials-carousel */
.testimonials-carousel {
    padding: 0 0 20px;
}

    .testimonials-carousel .item > p {
        font-style: italic;
        padding-right: 40px;
        margin-bottom: 40px;
        position: relative;
    }

        .testimonials-carousel .item > p:before {
            font-family: "PT Sans", sans-serif;
            font-size: 100px;
            font-style: normal;
            content: "\201c";
            position: absolute;
            right: -3px;
            top: 30px;
            z-index: 10;
        }

    .testimonials-carousel h4 {
        margin: 0;
    }

        .testimonials-carousel h4 + p {
            margin-bottom: 0;
        }

    .testimonials-carousel .carousel-indicators {
        bottom: -16px;
        display: none;
    }

    .testimonials-carousel .carousel-control {
        display: none;
    }

    .testimonials-carousel .media + p {
        position: relative;
        padding: 10px 16px;
        background-color: #f5f5f5;
    }

    .testimonials-carousel .media:after {
        content: "";
        display: block;
        clear: both;
    }

    .testimonials-carousel .media + p:before,
    .testimonials-carousel .media + p:after {
        content: "";
        position: absolute;
        right: 0;
        top: auto;
        bottom: -18px;
        border-style: solid;
        border-width: 18px 18px 0 0;
        border-color: rgba(0, 0, 0, 0.1) transparent transparent transparent;
    }

    .testimonials-carousel .media + p:after {
        right: auto;
        left: 0;
        border-style: solid;
        border-width: 18px 0 0 18px;
    }

    .testimonials-carousel .media-object {
        max-width: 50px;
        border-radius: 50%;
        margin-bottom: 10px;
    }

    .testimonials-carousel .carousel-indicators li {
        border-color: var(--main-color);
    }

        .testimonials-carousel .carousel-indicators li.active {
            background-color: var(--main-color);
        }

.testimonials-control {
    font-size: 22px;
}

/*thumbnail*/
.thumbnail {
    position: relative;
    text-align: center;
    border-radius: 0;
    padding: 0;
    border: none;
    overflow: hidden;
    background-color: #ffffff;
}

.isotope-item .thumbnail {
    margin-bottom: 30px;
}

.thumbnail h3 {
    font-size: 20px;
    margin-bottom: 2px;
}

    .thumbnail h3 a {
        color: inherit;
    }

    .thumbnail h3 + p {
        color: var(--main-color);
        margin-bottom: 10px;
    }

.thumbnail .caption {
    color: #616161;
    background-color: #ffffff;
    padding: 16px 20px 26px;
}

/*price tables*/
.price-table,
.price-table ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.price-table {
    margin: 0;
}

/* price table with background */
.bg_teaser .plan-name {
    background-color: #fefefe;
}

.bg_teaser .plan-price {
    background-color: rgba(255, 255, 255, 0.1);
}

.bg_teaser.color_bg_1 .plan-name h3 {
    color: var(--main-color);
}

.bg_teaser.color_bg_2 .plan-name h3 {
    color: #f26f1f;
}

.bg_teaser.color_bg_3 .plan-name h3 {
    color: #fcbe11;
}

.bg_teaser .features-list li + li {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
}

.plan-name {
    padding: 30px 0;
}

    .plan-name h3 {
        font-size: 32px;
        margin: 0;
    }

.plan-price {
    padding: 35px 0 25px;
    position: relative;
    /* dollar sign */
    /* price */
    /* per month */
}

    .plan-price span {
        font-family: "Josefin Sans", sans-serif;
        font-size: 30px;
        font-weight: 700;
    }

    .plan-price p {
        display: inline-block;
        margin-top: 7px;
        margin-bottom: 0;
        color: #9e9e9e;
    }

.features-list {
    margin-top: 20px;
}

    .features-list li {
        margin: 10px 40px;
        padding-top: 10px;
    }

    .features-list .enabled:before,
    .features-list .disabled:before {
        font-family: "rt-icons-2";
        font-size: 24px;
        line-height: 1;
        position: relative;
        top: 5px;
        left: 4px;
        content: "\e116";
        padding-left: 8px;
        color: #303030;
    }

    .features-list .disabled:before {
        content: "\e117";
    }

.call-to-action {
    padding: 20px 40px 38px;
}

.price-table.style1 {
    border: 1px solid rgba(0, 0, 0, 0.1);
}

    .price-table.style1 .features-list li + li {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

    .price-table.style1 .plan-price {
        background-color: var(--main-color);
        color: #ffffff;
        margin: 1px -1px;
    }

.price-table.style2 {
    text-align: right;
}

    .price-table.style2 .plan-name {
        text-transform: uppercase;
        padding: 40px 40px 20px;
    }

        .price-table.style2 .plan-name > div {
            padding: 3px 20px 3px 0;
            border-right: 3px solid var(--main-color);
        }

        .price-table.style2 .plan-name p {
            font-size: 18px;
            font-weight: 300;
            margin-bottom: 0;
        }

        .price-table.style2 .plan-name h3 {
            font-size: 40px;
            margin-right: -2px;
        }

    .price-table.style2 ul {
        text-align: right;
    }

    .price-table.style2 .features-list {
        margin: 0;
        padding: 40px;
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-width: 1px 0;
    }

        .price-table.style2 .features-list li {
            margin: 0;
            padding: 3px 0 2px;
        }

    .price-table.style2 .plan-price {
        padding: 40px;
    }

    .price-table.style2 .features-list li:before,
    .price-table.style2 .features-list li:before {
        font-family: FontAwesome;
        content: "\f00d";
        font-size: 14px;
        padding-left: 14px;
        color: var(--main-color);
    }

    .price-table.style2 .theme_button {
        float: left;
    }

@media (max-width: 1199px) {
    .price-table.style2 .plan-name h3 {
        font-size: 32px;
    }
}

@media (max-width: 399px) {
    .price-table.style2 .plan-price {
        text-align: center;
    }

    .price-table.style2 p {
        display: block;
        margin-bottom: 10px;
    }

    .price-table.style2 .theme_button {
        float: none;
    }
}

/*contacts*/
.contact-form {
    position: relative;
    z-index: 3;
}

    .contact-form label[for] {
        display: none;
    }

    .contact-form textarea {
        max-height: 140px;
    }

    .contact-form.parallax {
        padding: 50px 50px 35px;
        background-image: url(../images/parallax/progress.jpg);
    }

.contact-form-respond {
    display: block;
    font-weight: 800;
}

    .contact-form-respond:before {
        font-family: "rt-icons-2";
        content: "\e71a";
        padding-left: 10px;
    }

.contact-form p {
    margin-bottom: 10px;
    position: relative;
}

.contact-form-submit .theme_button {
    margin-left: 6px;
}

.contact-form.transparent-background .form-control {
    background-color: transparent;
}

.contact-email {
    font-size: 40px;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .contact-email {
        font-size: 20px;
        margin-bottom: 6px;
    }

    .contact-form.parallax {
        padding-right: 20px;
        padding-left: 20px;
        padding-bottom: 40px;
    }
}

.border-paragraphs {
    margin: 25px 0 25px;
}

    .border-paragraphs p {
        padding: 9px 0 10px;
        margin: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

        .border-paragraphs p:first-child {
            border-top: 1px solid rgba(0, 0, 0, 0.1);
        }

/* partners carousel */
.owl-carousel.partners-carousel {
    margin-bottom: 0;
}

.light-partner-image a {
    display: block;
    position: relative;
}

    .light-partner-image a:before {
        content: "";
        position: absolute;
        top: 1px;
        right: 1px;
        left: 1px;
        bottom: 1px;
        background-color: #616161;
        -webkit-transition: all 0.2s ease-in-out 0s;
        transition: all 0.2s ease-in-out 0s;
    }

    .light-partner-image a:hover:before {
        background-color: var(--main-color);
    }

.highlight-partner-image a {
    display: block;
    background-color: var(--main-color);
}

    .highlight-partner-image a:hover {
        background-color: #303030;
    }

/* model item type 1 / type 2 */
.model-meta .item-meta,
.model-meta.item-meta,
.item-type1 .item-meta,
.item-type1.item-meta,
.item-type2 .item-meta,
.item-type2.item-meta {
    margin: 0;
    font-family: "Josefin Sans", sans-serif;
    font-weight: 300;
    font-size: 16px;
    padding-right: 15px;
    border-right: 3px solid var(--main-color);
    overflow: hidden;
}

    .model-meta .item-meta > div,
    .model-meta.item-meta > div,
    .item-type1 .item-meta > div,
    .item-type1.item-meta > div,
    .item-type2 .item-meta > div,
    .item-type2.item-meta > div {
        display: inline-block;
        margin: 0 -2px;
        padding: 3px 14px;
    }

    .model-meta.item-meta > div {
        padding: 3px 12px;
    }

.item-type1,
.item-type2 {
    position: relative;
}

    .item-type1 .item-content,
    .item-type2 .item-content {
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        -webkit-perspective: 500px;
        perspective: 500px;
        -webkit-transition: all 0.4s ease-in-out 0s;
        transition: all 0.4s ease-in-out 0s;
        border-right: 3px solid var(--main-color);
        overflow: hidden;
    }

.item-type1 {
    padding-bottom: 146px;
}

    .item-type1 .item-media {
        z-index: 1;
    }

    .item-type1 .item-content {
        padding: 47px 30px 39px 30px;
        z-index: 0;
    }

        .item-type1 .item-content h3,
        .item-type1 .item-content h4 {
            text-transform: uppercase;
            margin-bottom: 10px;
        }

            .item-type1 .item-content h3 + p,
            .item-type1 .item-content h4 + p {
                margin-bottom: 0;
            }

    .item-type1 .item-meta {
        position: relative;
        top: 10px;
        max-height: 0;
        opacity: 0;
        -webkit-transition: max-height 0.4s ease-in-out 0s, margin 0.4s ease-in-out 0s, top 0.4s ease-in-out 0.4s, opacity 0.4s ease-in-out 0.4s;
        transition: max-height 0.4s ease-in-out 0s, margin 0.4s ease-in-out 0s, top 0.4s ease-in-out 0.4s, opacity 0.4s ease-in-out 0.4s;
    }

    .item-type1 .item-social {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 64px;
        -webkit-transform-origin: left center;
        transform-origin: left center;
        -webkit-transform: rotateY(120deg);
        transform: rotateY(120deg);
        opacity: 0;
        -webkit-transition: opacity 0.4s ease-in-out 0s, -webkit-transform 0.4s ease-in-out 0s;
        transition: opacity 0.4s ease-in-out 0s, -webkit-transform 0.4s ease-in-out 0s;
        transition: transform 0.4s ease-in-out 0s, opacity 0.4s ease-in-out 0s;
        transition: transform 0.4s ease-in-out 0s, opacity 0.4s ease-in-out 0s, -webkit-transform 0.4s ease-in-out 0s;
    }

        .item-type1 .item-social > div {
            position: absolute;
            top: 50%;
            left: 0;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .item-type1 .item-social a.social-icon {
            margin: 0;
            display: block;
            padding: 16px 24px;
        }

    .item-type1:hover .item-content {
        padding-top: 37px;
        padding-left: 65px;
        border-right-color: transparent;
        background-color: #f5f5f5;
        z-index: 2;
    }

    .item-type1:hover .item-meta {
        top: 0;
        opacity: 1;
        margin-top: 43px;
        max-height: 120px;
    }

    .item-type1:hover .item-social {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        opacity: 1;
        -webkit-transition: opacity 0.4s ease-in-out 0.4s, -webkit-transform 0.4s ease-in-out 0.4s;
        transition: opacity 0.4s ease-in-out 0.4s, -webkit-transform 0.4s ease-in-out 0.4s;
        transition: transform 0.4s ease-in-out 0.4s, opacity 0.4s ease-in-out 0.4s;
        transition: transform 0.4s ease-in-out 0.4s, opacity 0.4s ease-in-out 0.4s, -webkit-transform 0.4s ease-in-out 0.4s;
    }

@media (max-width: 400px) {
    .item-type1 .item-content {
        padding-right: 15px;
        padding-left: 15px;
    }

    .item-type1 .item-meta > div {
        padding: 3px 10px;
    }
}

.item-type1.post {
    padding-bottom: 160px;
}

    .item-type1.post .item-content {
        border-right: none;
        padding: 10px 0;
    }

        .item-type1.post .item-content p.fontsize_18 {
            line-height: 30px;
            margin-bottom: 10px;
        }

    .item-type1.post .item-meta {
        padding: 0;
        border-right: none;
    }

        .item-type1.post .item-meta p {
            margin-bottom: 10px;
        }

    .item-type1.post .post-social a.social-icon + a.social-icon {
        margin-right: 14px;
    }

    .item-type1.post .post-social a:before {
        font-size: 14px;
    }

    .item-type1.post:hover .item-content {
        padding: 30px;
    }

    .item-type1.post:hover .item-meta {
        margin-top: 20px;
    }

.item-type2.vertical-item.content-absolute .item-content {
    padding: 0;
}

.item-type2 .item-content {
    border-right: none;
    padding: 0;
}

    .item-type2 .item-content h3 {
        font-size: 18px;
        text-transform: uppercase;
        margin-bottom: 5px;
    }

.item-type2 .content-heading {
    padding: 15px 20px 10px;
    background-color: rgba(245, 245, 245, 0.5);
    border-right: 3px solid var(--main-color);
    -webkit-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

    .item-type2 .content-heading p {
        position: relative;
        top: 3px;
        max-height: 0;
        opacity: 0;
        -webkit-transition: opacity 0.4s ease-in-out 0.4s, max-height 0.4s ease-in 0s, top 0.2s ease-in 0.4s;
        transition: opacity 0.4s ease-in-out 0.4s, max-height 0.4s ease-in 0s, top 0.2s ease-in 0.4s;
    }

.item-type2 .content-body {
    padding: 0 20px;
    background-color: #f5f5f5;
    -webkit-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: rotateX(-97deg);
    transform: rotateX(-97deg);
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-in-out 0s, max-height 0.4s ease-in 0s, padding 0.4s ease-in 0s, -webkit-transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s;
    transition: opacity 0.4s ease-in-out 0s, max-height 0.4s ease-in 0s, padding 0.4s ease-in 0s, -webkit-transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s;
    transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s, opacity 0.4s ease-in-out 0s, max-height 0.4s ease-in 0s, padding 0.4s ease-in 0s;
    transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s, opacity 0.4s ease-in-out 0s, max-height 0.4s ease-in 0s, padding 0.4s ease-in 0s, -webkit-transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s;
}

.item-type2:hover .item-content {
    border-color: transparent;
}

.item-type2:hover .content-heading {
    border-color: transparent;
    background-color: #f5f5f5;
}

    .item-type2:hover .content-heading p {
        max-height: 26px;
        top: 0;
        opacity: 1;
    }

.item-type2:hover .content-body {
    padding: 10px 20px 20px;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 1;
    max-height: 200px;
    -webkit-transition: opacity 0.4s ease-in-out 0.2s, max-height 0.4s ease-in 0s, padding 0.4s ease-in 0s, -webkit-transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s;
    transition: opacity 0.4s ease-in-out 0.2s, max-height 0.4s ease-in 0s, padding 0.4s ease-in 0s, -webkit-transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s;
    transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s, opacity 0.4s ease-in-out 0.2s, max-height 0.4s ease-in 0s, padding 0.4s ease-in 0s;
    transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s, opacity 0.4s ease-in-out 0.2s, max-height 0.4s ease-in 0s, padding 0.4s ease-in 0s, -webkit-transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s;
}

/* Calendar */
.calendar-header {
    padding: 0 37px;
    height: 60px;
    line-height: 60px;
    background-color: var(--main-color);
}

    .calendar-header > * {
        vertical-align: middle;
    }

    .calendar-header a {
        font-family: "Josefin Sans", sans-serif;
        color: #ffffff;
        text-transform: uppercase;
        font-weight: 300;
    }

        .calendar-header a:hover {
            color: #303030;
        }

    .calendar-header .next,
    .calendar-header .prev {
        display: inline-block;
    }

    .calendar-header h3 {
        color: #ffffff;
        margin: 0;
        font-weight: 300;
    }

.week-days,
.week-row,
.month-box {
    font-size: 0;
}

.week-days {
    color: #ffffff;
    background-color: #303030;
    overflow: hidden;
}

    .week-days > div {
        font-family: "Josefin Sans", sans-serif;
        display: inline-block;
        width: 14.285714%;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 300;
        text-align: center;
        padding: 7px 0;
    }

.day-cell {
    position: relative;
    padding: 25px 0;
    display: inline-block;
    width: 14.285714286%;
    text-align: center;
    cursor: pointer;
}

    .day-cell + .day-cell {
        border-right: 1px solid rgba(48, 48, 48, 0.4);
    }

    .day-cell.not-cur-month {
        cursor: default;
    }

    .day-cell.selected-day {
        background-color: rgba(149, 198, 216, 0.2);
    }

.week-row {
    border: 1px solid rgba(48, 48, 48, 0.4);
}

    .week-row + .week-row {
        border-top: none;
    }

.day-cell * {
    font-size: 14px;
}

.day-date {
    color: #303030;
}

.not-cur-month .day-date {
    color: #b2b2b2;
}

@media (max-width: 639px) {
    .day-cell.today:before,
    .day-cell * {
        font-size: 12px;
    }

    .week-days > div {
        font-size: 12px;
    }

    .day-cell {
        padding: 20px 0;
    }
}

@media (max-width: 439px) {
    .day-cell.today:before,
    .day-cell * {
        font-size: 8px;
    }

    .day-cell .day-date {
        font-size: 12px;
    }

    .day-cell {
        padding: 15px 0;
    }
}

/* Appointment page */
.appointment-list {
    padding: 40px 40px 50px;
}

    .appointment-list p {
        font-size: 20px;
    }

    .appointment-list ul {
        margin: 0;
        padding: 0;
    }

    .appointment-list li:first-child {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

    .appointment-list li {
        padding: 5px 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

        .appointment-list li div * {
            font-size: 14px;
        }

        .appointment-list li > div {
            min-width: 170px;
            height: 40px;
            line-height: 40px;
            display: inline-block;
        }

.appointment-time span {
    margin-right: 15px;
}

.appointment-slots {
    margin-right: 110px;
}

@media (max-width: 991px) {
    .appointment-slots {
        margin-right: 40px;
    }

    .boxed .appointment-list li > div {
        display: block;
        float: none;
    }

    .boxed .appointment-slots {
        margin-right: 0;
    }
}

@media (max-width: 767px) {
    .appointment-list li > div {
        display: block;
        float: none;
    }

    .appointment-slots {
        margin-right: 0;
    }
}

.appointment-slots span {
    color: #c1c1c1;
}

.unavailable .appointment-slots span {
    color: var(--main-color);
}

.book-appointment {
    float: left;
}

.appointment-list li i {
    font-size: 14px;
    color: var(--main-color);
}

.appointment-list .book-appointment a {
    min-width: 212px;
    padding: 12px 35px 12px;
    margin: 0;
}

.appointment-list .unavailable .book-appointment a {
    cursor: default;
    pointer-events: none;
}

/*
**shop
*/
/* topline buttons */
.currency-dropdown .dropdown-menu {
    min-width: 0;
    padding: 20px 10px;
}

    .currency-dropdown .dropdown-menu > li > a {
        color: inherit;
        padding: 5px 20px;
    }

        .currency-dropdown .dropdown-menu > li > a:hover,
        .currency-dropdown .dropdown-menu > li.active-currency {
            color: #303030;
        }

.login-dropdown .dropdown-menu {
    min-width: 360px;
    padding: 30px 30px;
}

.cart-dropdown .dropdown-menu {
    min-width: 400px;
    padding: 20px 30px;
}

@media (max-width: 767px) {
    .login-dropdown,
    .cart-dropdown {
        position: static;
    }

        .login-dropdown .dropdown-menu,
        .cart-dropdown .dropdown-menu {
            margin-right: 0;
            margin-left: 0;
            left: 0;
            right: 0;
            min-width: 0;
        }
}

/* sort panel */
.storefront-sorting {
    line-height: 1;
    padding: 35px 35px 20px;
}

    .storefront-sorting .form-group {
        margin-bottom: 15px;
    }

    .storefront-sorting label {
        padding-left: 10px;
    }

#toggle_shop_view {
    margin-right: 14px;
}

    #toggle_shop_view:before,
    #toggle_shop_view:after {
        font-family: "FontAwesome";
        display: inline-block;
        background-color: #303030;
        color: #ffffff;
        padding: 12px 12px 13px;
        font-size: 14px;
        -webkit-transition: all 0.2s ease-in-out 0s;
        transition: all 0.2s ease-in-out 0s;
    }

    #toggle_shop_view:before {
        content: "\f00a";
        margin-left: 5px;
    }

    #toggle_shop_view:after {
        content: "\f03a";
        background-color: var(--main-color);
    }

    #toggle_shop_view.grid-view:before {
        background-color: var(--main-color);
    }

    #toggle_shop_view.grid-view:after {
        background-color: #303030;
    }

#sort_view {
    color: #303030;
    display: inline-block;
    padding: 12px 16px 13px;
    font-size: 14px;
    background-color: #ffffff;
}

.columns-1 .product {
    width: 100%;
    margin-left: 0;
    float: none;
}

@media (min-width: 992px) {
    .columns-2 .product {
        width: 50%;
        float: right;
    }

    .columns-3 .product {
        width: 33.33333333%;
        float: right;
    }

    .columns-4 .product {
        width: 25%;
        float: right;
    }
}

#products {
    margin-right: -15px;
    margin-left: -15px;
}

    #products:before,
    #products:after {
        content: "";
        clear: both;
        display: block;
    }

li.product {
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 30px;
}

.owl-item .product {
    padding: 0;
}

.product .row {
    position: relative;
}

.product [class*="col-"] {
    position: static;
}

    .product [class*="col-"].images a {
        display: block;
        position: relative;
    }

.product h3 {
    margin-bottom: 20px;
}

.product .rating-title {
    font-size: 1.2em;
}

.product [class*="col-"]:first-child h3 {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    margin: 18px 0 24px;
    position: relative;
    letter-spacing: 0;
}

.product .theme_button {
    margin: 4px 0 11px;
    padding-left: 25px;
    padding-right: 25px;
    min-width: auto;
}

.product .product-media {
    position: relative;
}

.product [class*="col-"]:first-child a span,
.product [class*="col-"]:first-child .product-media span {
    position: absolute;
    background-color: #fcbe11;
    color: #ffffff;
    padding: 8px 18px;
    text-transform: uppercase;
    top: 20px;
    left: 20px;
}

    .product [class*="col-"]:first-child a span.onsale,
    .product [class*="col-"]:first-child .product-media span.onsale {
        background-color: var(--main-color);
        right: 20px;
        bottom: 20px;
        left: auto;
        top: auto;
    }

.related > h2 {
    margin: 20px 0 30px;
}

.star-rating {
    overflow: hidden;
    position: relative;
    height: 1em;
    line-height: 1em;
    font-size: 12px;
    width: 5.5em;
    font-family: "rt-icons-2";
    margin-bottom: 4px;
}

    .star-rating:before,
    .star-rating span:before {
        content: "\e7aa\e7aa\e7aa\e7aa\e7aa";
        float: right;
        top: 0;
        right: 0;
        position: absolute;
        letter-spacing: 0.1em;
        letter-spacing: 0\9;
        color: #e5e5e5;
    }

    .star-rating span {
        overflow: hidden;
        float: right;
        top: 0;
        right: 0;
        position: absolute;
        padding-top: 1.5em;
    }

        .star-rating span:before {
            color: var(--main-color);
        }

.price {
    position: absolute;
    right: 20px;
    top: 20px;
    color: #303030;
    background-color: #ffffff;
    padding: 8px 18px;
}

    .price del {
        opacity: 0.5;
        font-size: 12px;
    }

    .price ins {
        text-decoration: none;
    }

.product-buttons {
    position: absolute;
    bottom: 20px;
    left: 20px;
}

    .product-buttons a {
        float: right;
        width: 40px;
        height: 40px;
        font-size: 16px;
        text-align: center;
    }

        .product-buttons a i {
            line-height: 40px;
        }

        .product-buttons a.favorite_button {
            background-color: #ffffff;
            color: #303030;
        }

        .product-buttons a.add_to_cart_button {
            color: #ffffff;
            background-color: var(--main-color);
        }

            .product-buttons a.add_to_cart_button.loading [class*="rt-icon"] {
                display: inline-block;
                -webkit-animation: spin 2s infinite linear;
                animation: spin 2s infinite linear;
            }

                .product-buttons a.add_to_cart_button.loading [class*="rt-icon"]:before {
                    content: "\e61b";
                }

        .product-buttons a:hover {
            background-color: #303030;
            color: #ffffff;
        }

        .product-buttons a.added_to_cart {
            background-color: #ffffff;
            font-size: 0;
            color: transparent;
        }

            .product-buttons a.added_to_cart:hover {
                background-color: var(--main-color);
            }

            .product-buttons a.added_to_cart:before {
                content: "\e6c0";
                line-height: 40px;
                color: #303030;
                font-family: "rt-icons-2";
                font-size: 26px;
            }

.grid-view {
    text-align: center;
}

    .grid-view .row {
        position: relative;
    }

    .grid-view .product [class*="col-"]:last-child {
        padding: 20px 35px 20px 35px;
        position: absolute;
        top: 0;
    }

        .grid-view .product [class*="col-"]:last-child h3 {
            display: none;
        }

    .grid-view .item-content h4 {
        display: none;
    }

    .grid-view .star-rating {
        display: none;
    }

    .grid-view .product-description {
        display: none;
    }

    .grid-view [class*="col-"] {
        width: 100%;
        float: none;
    }

.list-view .product {
    float: none;
    width: 100%;
    margin-bottom: 60px;
}

    .list-view .product [class*="col-"]:first-child h3 {
        display: none;
    }

/* single-product */
.summary h1 {
    margin-bottom: 3px;
}

.summary .product-rating,
.summary .woocommerce-product-rating {
    margin-bottom: 10px;
}

.summary .price {
    position: static;
    margin-top: 20px;
    font-size: 50px;
    background-color: transparent;
    padding: 0;
    line-height: 1;
    word-wrap: break-word;
}

    .summary .price del {
        font-size: 28px;
    }

.summary .star-rating {
    display: inline-block;
    top: 4px;
    margin-left: 20px;
}

.summary .stock {
    margin-bottom: 0;
}

.summary .email-to {
    margin-bottom: 10px;
}

.summary .product-option-name {
    display: inline-block;
    margin: 10px 0;
}

.summary .theme_button {
    margin-top: 0;
}

.summary .posted_in {
    margin: 10px 0;
}

    .summary .posted_in .small_button {
        margin-right: 5px;
        padding-right: 6px;
        padding-left: 6px;
    }

.summary ul.list1 li {
    padding-top: 15px;
    padding-bottom: 20px;
}

.summary .reset_variations {
    padding: 0 5px;
}

.product_meta_bottom {
    margin: 0 0 20px;
}

.product-tabs {
    margin-top: 30px;
}

.owl-carousel.product-thumbnails {
    margin: 30px 0 30px;
}

    .owl-carousel.product-thumbnails .owl-dots {
        margin: 20px 0 5px;
    }

        .owl-carousel.product-thumbnails .owl-dots .owl-dot span {
            width: 8px;
            height: 8px;
            border-width: 1px;
        }

    .owl-carousel.product-thumbnails .owl-nav {
        margin-top: -18px;
    }

        .owl-carousel.product-thumbnails .owl-nav > div {
            left: 0;
        }

            .owl-carousel.product-thumbnails .owl-nav > div:first-child {
                right: 0;
            }

            .owl-carousel.product-thumbnails .owl-nav > div:after {
                font-size: 16px;
                color: #303030;
            }

.product-icons .teaser [class*="_bg_color"] {
    padding: 10px;
}

.product + .nav-tabs {
    margin-top: 60px;
}

.tab-content .comments-area {
    margin-top: 10px;
}

.tab-content .comment-respond {
    margin-top: 30px;
}

    .tab-content .comment-respond h4 {
        margin-bottom: 0;
        font-size: 28px;
    }

.comment .star-rating {
    display: inline-block;
    top: 5px;
    margin-right: 10px;
}

.stars {
    position: relative;
}

    .stars a {
        font-size: 12px;
        display: inline-block;
        font-weight: 700;
        text-indent: -9999px;
        position: relative;
        border-bottom: 2px solid transparent;
        color: var(--main-color);
        letter-spacing: 0.1em;
    }

        .stars a.active {
            border-bottom: 1px solid var(--main-color);
        }

        .stars a:after {
            font-family: "rt-icons-2";
            text-indent: 0;
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
        }

        .stars a.star-1 {
            width: 2em;
        }

            .stars a.star-1:after {
                content: "\e7aa";
            }

        .stars a.star-2 {
            width: 3em;
        }

            .stars a.star-2:after {
                content: "\e7aa\e7aa";
            }

        .stars a.star-3 {
            width: 4em;
        }

            .stars a.star-3:after {
                content: "\e7aa\e7aa\e7aa";
            }

        .stars a.star-4 {
            width: 5em;
        }

            .stars a.star-4:after {
                content: "\e7aa\e7aa\e7aa\e7aa";
            }

        .stars a.star-5 {
            width: 6em;
        }

            .stars a.star-5:after {
                content: "\e7aa\e7aa\e7aa\e7aa\e7aa";
            }

.comment-form-rating .stars span {
    display: block;
    padding: 20px 0 20px;
    text-align: center;
}

/* cart */
.shop-adds {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.4;
}

    .shop-adds .fa {
        padding: 0 10px;
    }

    .shop-adds.teaser {
        margin-bottom: 0;
    }

        .shop-adds.teaser [class*="_bg_color"] {
            padding: 12px;
        }

.cart-table {
    margin-bottom: 30px;
}

.table.cart-table .cart_item .media {
    margin-right: -15px;
}

.table.cart-table .cart_item img {
    max-width: 80px;
}

.table.cart-table .cart_item h4 {
    margin-bottom: 12px;
}

.table.cart-table .cart_item td {
    vertical-align: middle;
    padding: 18px 10px;
}

.cart_totals h4:first-child {
    margin: 60px 0 30px;
}

.cart_totals table {
    margin: 0 0 50px;
}

    .cart_totals table tr td {
        padding: 20px 10px;
    }

.quantity {
    position: relative;
    display: inline-block;
}

    .quantity [type="button"] {
        position: absolute;
        left: 0;
        top: 0;
        line-height: 1;
        border: none;
        width: 22px;
        height: 24px;
        background-color: transparent;
    }

        .quantity [type="button"].minus {
            top: auto;
            bottom: 0;
        }

    .quantity [type="number"] {
        padding-left: 30px;
        padding-right: 20px;
        max-width: 70px;
        min-width: 70px;
    }

/* chekcout */
.shop-info {
    margin-bottom: 15px;
}

#createaccount {
    margin-top: 0;
}

#ship-to-different-address label {
    display: inline-block;
}

    #ship-to-different-address label + input {
        margin: 0 12px;
    }

.wc_payment_method img {
    display: inline-block;
    padding: 0 10px;
}

.checkout [class*="col-"],
.shop-register [class*="col-"] {
    margin-top: 0;
    margin-bottom: 0;
}

.lost_password {
    margin: 15px 0 -15px;
}

.select2-container .select2-choice {
    border: none;
    padding: 10px 20px;
    border-radius: none;
}

.shop-checkout-payment {
    margin-top: 40px;
}

    .shop-checkout-payment .radio {
        margin: 2px 0;
    }

/* shop widgets */
/* cart */
.widget_shopping_cart img {
    max-width: 80px;
}

.widget_shopping_cart h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
}

.widget_shopping_cart .cart_list {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 20px;
    margin: 20px 0;
}

.widget_shopping_cart .media-body:last-child {
    width: 1000px;
}

    .widget_shopping_cart .media-body:last-child i {
        padding: 0 10px 0 0;
    }

/* price filter */
.widget_price_filter input[readonly] {
    background-color: transparent;
    padding-left: 3px;
    padding-right: 3px;
    max-width: 89px;
    margin-bottom: 4px;
    display: inline-block;
}

.widget_price_filter .ui-slider-range {
    background-color: var(--main-color);
}

.widget_price_filter .ui-slider-horizontal {
    margin-bottom: 30px;
}

.widget_price_filter label[for] {
    display: inline-block;
    padding-left: 4px;
}

.widget_price_filter .form-group {
    display: inline-block;
    margin-left: 10px;
    margin-bottom: 10px;
}

.widget_price_filter .theme_button {
    margin-top: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
}

/*! jQuery UI - v1.11.1 - 2014-10-03
* http://jqueryui.com
* Includes: core.css, slider.css
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.ui-slider {
    position: relative;
    text-align: right;
    background-color: #f5f5f5;
}

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 12px;
        height: 12px;
        cursor: pointer;
        -ms-touch-action: none;
        touch-action: none;
        background-color: #303030;
    }

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: 0.7em;
        display: block;
        border: 0;
        background-position: 100% 0;
    }

    /* support: IE8 - See #6727 */
    .ui-slider.ui-state-disabled .ui-slider-handle,
    .ui-slider.ui-state-disabled .ui-slider-range {
        -webkit-filter: inherit;
        filter: inherit;
    }

.ui-slider-horizontal {
    height: 10px;
}

    .ui-slider-horizontal .ui-slider-handle {
        top: -1px;
        margin-right: -0.6em;
    }

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
    }

    .ui-slider-horizontal .ui-slider-range-min {
        right: 0;
    }

    .ui-slider-horizontal .ui-slider-range-max {
        left: 0;
    }

.ui-slider-vertical {
    width: 0.8em;
    height: 100px;
}

    .ui-slider-vertical .ui-slider-handle {
        right: -0.3em;
        margin-right: 0;
        margin-bottom: -0.6em;
    }

    .ui-slider-vertical .ui-slider-range {
        right: 0;
        width: 100%;
    }

    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0;
    }

    .ui-slider-vertical .ui-slider-range-max {
        top: 0;
    }

/* color layered nav */
.widget_layered_nav .color-filters li {
    display: inline-block;
    margin: 0 0 14px 29px;
}

.widget_layered_nav .color-filters a {
    display: inline-block;
    width: 23px;
    height: 23px;
    font-size: 0;
    background-color: #ccc;
    color: transparent;
    position: relative;
}

    .widget_layered_nav .color-filters a:before {
        content: "";
        display: block;
        position: absolute;
        border: 1px solid rgba(0, 0, 0, 0.1);
        top: -2px;
        right: -2px;
        bottom: -2px;
        left: -2px;
    }

.widget_layered_nav .color-filters span {
    position: relative;
    top: 2px;
    right: 5px;
}

/* widget_products */
.widget_products img {
    max-width: 80px;
}

.widget_products .media h3 {
    font-size: inherit;
    line-height: 1.4;
    margin: 3px 0 10px;
}

.widget_products .star-rating {
    margin-bottom: 10px;
}

.widget_products .price {
    position: static;
    background-color: transparent;
    padding: 0;
}

.widget_products .add_to_cart_button {
    display: inline-block;
    width: 20px;
    height: 20px;
    font-size: 14px;
    text-align: center;
    background-color: var(--main-color);
    color: #ffffff;
    margin-left: 5px;
}

    .widget_products .add_to_cart_button:hover {
        color: #ffffff;
        background-color: #303030;
    }

/*widget_top_rated_products*/
.widget_top_rated_products img {
    max-width: 80px;
}

/*widget_recent_reviews*/
.widget_recent_reviews li {
    margin-bottom: 16px;
}

    .widget_recent_reviews li:before,
    .widget_recent_reviews li:after {
        content: "";
        display: block;
        clear: both;
    }

.widget_recent_reviews img {
    display: block;
    float: right;
    max-width: 80px;
    margin-left: 10px;
}

/*
**plugins
*/
/* Owl carousel v 2.1.6 styles */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
    }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0;
        }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        /* fix for flashing background */
        -webkit-transform: translate3d(0px, 0px, 0px);
    }

    .owl-carousel .owl-item {
        position: relative;
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
    }

        .owl-carousel .owl-item img {
            display: block;
            width: 100%;
            -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;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-transition: all 0.2s ease-in-out 0s;
        transition: all 0.2s ease-in-out 0s;
    }

    .owl-carousel.owl-loaded {
        display: block;
        margin-bottom: 30px;
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block;
    }

    .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 {
        text-align: center;
        -webkit-tap-highlight-color: transparent;
    }

        .owl-carousel .owl-dots .owl-dot {
            display: inline-block;
            zoom: 1;
            *display: inline;
        }

            .owl-carousel .owl-dots .owl-dot span {
                width: 10px;
                height: 10px;
                margin: 5px 6px;
                border: 2px solid #303030;
                display: block;
                -webkit-backface-visibility: visible;
                -webkit-transition: all 200ms ease;
                transition: all 200ms ease;
                border-radius: 50%;
            }

            .owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span {
                border-color: #95c6d8;
            }

    .owl-carousel.numbered-dots .owl-dots {
        margin-top: 80px;
        background-color: #f5f5f5;
    }

        .owl-carousel.numbered-dots .owl-dots .owl-dot {
            font-family: 'Josefin Sans', sans-serif;
            font-size: 32px;
            font-weight: 700;
            padding: 23px 26px 26px;
            color: #616161;
            opacity: 0.6;
            -webkit-transform: scale(0.75);
            transform: scale(0.75);
        }

            .owl-carousel.numbered-dots .owl-dots .owl-dot.active {
                color: #303030;
                opacity: 0.8;
                -webkit-transform: scale(1);
                transform: scale(1);
            }

@media (max-width: 767px) {
    .owl-carousel.numbered-dots .owl-dots .owl-dot {
        padding: 13px 16px 16px;
    }
}

.owl-carousel.numbered-dots.small-dots .owl-dots .owl-dot {
    font-size: 24px;
    padding: 13px 16px 16px;
}

.owl-carousel .owl-nav {
    -webkit-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
}

    .owl-carousel .owl-nav > div {
        color: transparent;
        font-size: 0;
        display: inline-block;
        right: 10px;
        text-align: center;
        width: 60px;
        height: 60px;
        background-color: #ffffff;
    }

        .owl-carousel .owl-nav > div:first-child {
            left: 10px;
            right: auto;
        }

        .owl-carousel .owl-nav > div:after {
            -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
            font-family: 'rt-icons-2';
            font-size: 20px;
            line-height: 60px;
            content: "\e7c5";
            color: #303030;
        }

        .owl-carousel .owl-nav > div:first-child:after {
            content: '\e7c4';
        }

        .owl-carousel .owl-nav > div:hover:after {
            color: #95c6d8;
        }

/* 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 {
    -webkit-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

/*
 *  Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    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 {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("../img/owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform 100ms ease;
    transition: -webkit-transform 100ms ease;
    transition: transform 100ms ease;
    transition: transform 100ms ease, -webkit-transform 100ms ease;
}

    .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 {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}

/* owl theme */
.owl-theme:hover .owl-nav {
    top: 50%;
    opacity: 1;
}

.owl-theme .owl-nav {
    position: absolute;
    top: -5%;
    opacity: 0;
    right: 0;
    left: 0;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

    .owl-theme .owl-nav > div {
        color: transparent;
        font-size: 0;
        position: absolute;
        right: 10px;
        text-align: center;
        margin-top: -30px;
        width: 60px;
        height: 60px;
        background-color: #ffffff;
    }

    .owl-theme .owl-nav .disabled {
        opacity: 0.5;
        cursor: default;
    }

.owl-theme .owl-dots {
    margin-top: 40px;
}

.owl-center .owl-nav {
    top: 0;
    bottom: 0;
    position: static;
    margin-top: 0;
    opacity: 1;
}

    .owl-center .owl-nav > div {
        right: -15px;
        width: 50px;
        top: 0;
        bottom: 0;
        margin: 0;
        height: auto;
        background-color: rgba(48, 48, 48, 0.6);
    }

        .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 {
            position: absolute;
            top: 50%;
            margin-top: -10px;
            color: #ffffff;
            font-size: 20px;
            left: 17px;
        }

/* owl images fix */
.owl-carousel .owl-item {
    -webkit-transition: opacity 0.4s ease 0.2s;
    transition: opacity 0.4s ease 0.2s;
    opacity: 0;
}

    .owl-carousel .owl-item.active {
        opacity: 1;
    }

.owl-center .owl-item {
    opacity: 1;
}

/*
flexslider
*/
/*
 * jQuery FlexSlider v2.2.0
 * 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 {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
    margin: 0;
    padding: 0;
}

    .flexslider .slides > li {
        display: none;
        -webkit-backface-visibility: hidden;
    }

    /* Hide the slides before the JS is loaded. Avoids image jumping */
    .flexslider .slides img {
        width: 100%;
        display: block;
    }

.flex-pauseplay span {
    text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

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;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.loading .flex-viewport {
    max-height: 300px;
}

.flexslider .slides {
    zoom: 1;
}

/*.carousel li { margin-right: 5px; }*/
/* Direction Nav */
.flex-direction-nav {
    *height: 0;
}

    .flex-direction-nav a {
        text-decoration: none;
        display: block;
        width: 40px;
        height: 40px;
        margin: -20px 0 0;
        position: absolute;
        top: 50%;
        z-index: 10;
        overflow: hidden;
        opacity: 0;
        cursor: pointer;
        font-size: 0;
        color: transparent;
        text-align: center;
    }

    .flex-direction-nav .flex-prev {
        right: 40px;
    }

    .flex-direction-nav .flex-next {
        left: 40px;
        text-align: left;
    }

.flexslider:hover .flex-prev {
    opacity: 0.7;
    right: 40px;
}

.flexslider:hover .flex-next {
    opacity: 0.7;
    left: 40px;
}

    .flexslider:hover .flex-next:hover,
    .flexslider:hover .flex-prev:hover {
        opacity: 1;
    }

.flex-direction-nav .flex-disabled {
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: default;
}

.flex-direction-nav a:before {
    font-family: "FontAwesome";
    font-size: 40px;
    content: "\f104";
    color: #ffffff;
    position: absolute;
    top: 5px;
    right: 12px;
}

.flex-direction-nav a.flex-next:before {
    content: "\f105";
    right: 14px;
}

/* Pause/Play */
.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    right: 10px;
    opacity: 0.8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000;
}

    .flex-pauseplay a:before {
        font-family: "rt-icons-2";
        font-size: 20px;
        display: inline-block;
        content: "\e6a2";
    }

    .flex-pauseplay a:hover {
        opacity: 1;
    }

    .flex-pauseplay a.flex-play:before {
        content: "\e711";
    }

/* Control Nav */
@media (max-width: 991px) {
    .nav-container.container-fluid {
        padding: 0;
    }
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 42px;
    text-align: center;
    z-index: 10;
}

@media (min-width: 992px) {
    .flex-control-nav {
        display: inline-block;
        width: auto;
        left: 45px;
        bottom: 50%;
        -webkit-transform: translateY(50%);
        transform: translateY(50%);
    }
}

.flex-control-nav li {
    text-align: center;
    display: inline-block;
    padding: 0 4px;
    zoom: 1;
    *display: inline;
}

@media (min-width: 992px) {
    .flex-control-nav li {
        display: block;
        padding: 25px;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
}

.flex-control-paging li a {
    display: block;
    font-size: 50px;
    font-weight: 700;
    font-family: "Josefin Sans", sans-serif;
    color: #303030;
    opacity: 0.6;
    cursor: pointer;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}

.ds .flex-control-paging li a,
.cs .flex-control-paging li a {
    border-color: #ffffff;
}

.flex-control-paging li a:hover {
    color: #303030;
    opacity: 0.8;
}

.flex-control-paging li a.flex-active {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}

    .flex-control-thumbs li {
        width: 25%;
        float: right;
        margin: 0;
    }

    .flex-control-thumbs img {
        width: 100%;
        display: block;
        opacity: 0.7;
        cursor: pointer;
    }

        .flex-control-thumbs img:hover {
            opacity: 1;
        }

    .flex-control-thumbs .flex-active {
        opacity: 1;
        cursor: default;
    }

@media screen and (max-width: 600px) {
    .flex-direction-nav .flex-prev {
        top: 14%;
    }

    .flex-direction-nav .flex-next {
        top: 14%;
    }
}

/* custom nav for flex slider*/
.flex-custom-nav {
    text-align: center;
    position: absolute;
    bottom: 38px;
    left: 0;
    right: 0;
    z-index: 3;
    line-height: 1;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

    .flex-custom-nav .flex-control-nav {
        width: auto;
        display: inline-block;
        position: static;
    }

    .flex-custom-nav .flex-custom-link {
        font-size: 12px;
        position: relative;
        bottom: 7px;
        margin: 0 8px;
        color: #303030;
    }

.ds .flex-custom-nav .flex-custom-link,
.cs .flex-custom-nav .flex-custom-link {
    color: #ffffff;
}

.flex-custom-nav .flex-custom-link:hover {
    color: var(--main-color);
}

.intro_section:hover .flex-custom-nav {
    opacity: 1;
}

/*
prettyPhoto
*/
div.facebook .pp_expand {
    background: url(../img/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;
    cursor: pointer;
}

    div.facebook .pp_expand:hover {
        background: url(../img/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;
        cursor: pointer;
    }

div.facebook .pp_contract {
    background: url(../img/prettyPhoto/facebook/sprite.png) 100% -26px no-repeat;
    cursor: pointer;
}

    div.facebook .pp_contract:hover {
        background: url(../img/prettyPhoto/facebook/sprite.png) 100% -47px no-repeat;
        cursor: pointer;
    }

div.facebook .pp_close {
    width: 22px;
    height: 22px;
    background: url(../img/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;
    cursor: pointer;
    z-index: 3000;
}

div.facebook .pp_description {
    margin: 0 0 0 37px;
}

div.facebook .pp_loaderIcon {
    background: url(../img/prettyPhoto/facebook/loader.gif) center center no-repeat;
}

div.facebook .pp_arrow_previous {
    background: url(../img/prettyPhoto/facebook/sprite.png) 100% -71px no-repeat;
    height: 22px;
    margin-top: 0;
    width: 22px;
}

    div.facebook .pp_arrow_previous.disabled {
        background-position: 100% -96px;
        cursor: default;
    }

div.facebook .pp_arrow_next {
    background: url(../img/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;
    height: 22px;
    margin-top: 0;
    width: 22px;
}

    div.facebook .pp_arrow_next.disabled {
        background-position: -32px -96px;
        cursor: default;
    }

div.facebook .pp_nav {
    margin-top: 0;
}

    div.facebook .pp_nav p {
        font-size: 15px;
        padding: 0 4px 0 3px;
        margin-top: -2px;
    }

    div.facebook .pp_nav .pp_play {
        background: url(../img/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;
        height: 22px;
        width: 22px;
    }

    div.facebook .pp_nav .pp_pause {
        background: url(../img/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;
        height: 22px;
        width: 22px;
    }

div.facebook .pp_next:hover {
    background: url(../img/prettyPhoto/facebook/btnNext.png) center left no-repeat;
    cursor: pointer;
}

div.facebook .pp_previous:hover {
    background: url(../img/prettyPhoto/facebook/btnPrevious.png) center right no-repeat;
    cursor: pointer;
}

div.pp_pic_holder a:focus {
    outline: none;
}

div.pp_overlay {
    background: #000;
    display: none;
    right: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9500;
}

div.pp_pic_holder {
    display: none;
    position: absolute;
    width: 100px;
    z-index: 10000;
}

.pp_content {
    height: 40px;
    min-width: 40px;
    overflow: hidden;
}

* html .pp_content {
    width: 40px;
}

.pp_content_container {
    position: relative;
    text-align: right;
    width: 100%;
}

    .pp_content_container .pp_left {
        padding-right: 20px;
    }

    .pp_content_container .pp_right {
        padding-left: 20px;
    }

    .pp_content_container .pp_details {
        float: right;
        /*margin:10px 0 2px;*/
        padding: 7px 10px;
        background-color: #ffffff;
    }

.pp_description {
    display: none;
    margin: 0;
}

.pp_social {
    float: right;
    margin: 0;
}

    .pp_social .facebook {
        float: right;
        margin-right: 5px;
        width: auto;
        overflow: hidden;
    }

    .pp_social .twitter {
        float: right;
    }

.pp_nav {
    clear: left;
    float: right;
    margin: 3px 0 0 10px;
}

    .pp_nav p {
        float: right;
        white-space: nowrap;
        margin: 2px 4px;
    }

    .pp_nav .pp_play,
    .pp_nav .pp_pause {
        float: right;
        margin-left: 4px;
        text-indent: -10000px;
    }

a.pp_arrow_previous,
a.pp_arrow_next {
    display: block;
    float: right;
    height: 15px;
    margin-top: 3px;
    overflow: hidden;
    text-indent: -10000px;
    width: 14px;
}

.pp_hoverContainer {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2000;
}

.pp_gallery {
    display: none;
    right: 50%;
    margin-top: -50px;
    position: absolute;
    z-index: 10000;
}

    .pp_gallery div {
        float: right;
        overflow: hidden;
        position: relative;
    }

    .pp_gallery ul {
        float: right;
        height: 35px;
        position: relative;
        white-space: nowrap;
        margin: 0 5px 0 0;
        padding: 0;
    }

        .pp_gallery ul a {
            border: 1px rgba(0, 0, 0, 0.5) solid;
            display: block;
            float: right;
            height: 33px;
            overflow: hidden;
        }

            .pp_gallery ul a img {
                border: 0;
            }

    .pp_gallery li {
        display: block;
        float: right;
        margin: 0 0 0 5px;
        padding: 0;
    }

        .pp_gallery li.default a {
            background: url(../img/prettyPhoto/facebook/default_thumbnail.gif) 100% 0 no-repeat;
            display: block;
            height: 33px;
            width: 50px;
        }

div.facebook .pp_gallery .pp_arrow_previous,
div.facebook .pp_gallery .pp_arrow_next {
    margin-top: 7px;
}

a.pp_next {
    background: url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
    display: block;
    float: left;
    height: 100%;
    text-indent: -10000px;
    width: 49%;
    -webkit-transition: none;
    transition: none;
}

a.pp_previous {
    background: url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
    display: block;
    float: right;
    height: 100%;
    text-indent: -10000px;
    width: 49%;
    -webkit-transition: none;
    transition: none;
}

a.pp_expand,
a.pp_contract {
    cursor: pointer;
    display: none;
    height: 20px;
    position: absolute;
    left: 30px;
    text-indent: -10000px;
    top: 10px;
    width: 20px;
    z-index: 20000;
}

a.pp_close {
    position: absolute;
    left: 6px;
    top: -16px;
    display: block;
    line-height: 22px;
    text-indent: -10000px;
}

.pp_loaderIcon {
    display: block;
    height: 24px;
    right: 50%;
    position: absolute;
    top: 50%;
    width: 24px;
    margin: -12px -12px 0 0;
}

#pp_full_res {
    line-height: 1;
}

    #pp_full_res .pp_inline {
        text-align: right;
    }

        #pp_full_res .pp_inline p {
            margin: 0 0 15px;
        }

div.ppt {
    color: #ffffff;
    display: none;
    font-size: 17px;
    z-index: 9999;
    margin: 0 15px 5px 0;
}

.pp_top,
.pp_bottom {
    height: 20px;
    position: relative;
}

* html .pp_top,
* html .pp_bottom {
    padding: 0 20px;
}

    .pp_top .pp_left,
    .pp_bottom .pp_left {
        height: 20px;
        right: 0;
        position: absolute;
        width: 20px;
    }

    .pp_top .pp_middle,
    .pp_bottom .pp_middle {
        height: 20px;
        right: 20px;
        position: absolute;
        left: 20px;
    }

    * html .pp_top .pp_middle,
    * html .pp_bottom .pp_middle {
        right: 0;
        position: static;
    }

    .pp_top .pp_right,
    .pp_bottom .pp_right {
        height: 20px;
        right: auto;
        position: absolute;
        left: 0;
        top: 0;
        width: 20px;
    }

.pp_fade,
.pp_gallery li.default a img {
    display: none;
}

/*
easy pie chart
*/
.chart {
    position: relative;
    display: inline-block;
    min-height: 150px;
    min-width: 150px;
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: center;
}

    .chart .chart-meta {
        position: absolute;
        width: 100%;
        top: 50%;
        margin-top: -30px;
    }

.percent {
    display: inline-block;
    font-size: 70px;
    font-weight: 100;
    z-index: 2;
    letter-spacing: -0.05em;
}

    .percent:after {
        content: "%";
    }

.angular {
    margin-top: 100px;
}

    .angular .chart {
        margin-top: 0;
    }

/* 
timetable 
*/
#timetable span {
    display: block;
}

#timetable th,
#timetable td {
    vertical-align: middle;
    font-weight: normal;
    text-align: center;
    padding: 25px 5px;
}

#timetable thead {
    color: #ffffff;
}

    #timetable thead th {
        border: 1px solid rgba(255, 255, 255, 0.3);
        border-width: 0 1px;
    }

#timetable tbody th,
#timetable tbody td {
    border: 1px solid rgba(48, 48, 48, 0.5);
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

#timetable tbody .current {
    background-color: var(--main-color);
    border-color: var(--main-color);
}

    #timetable tbody .current a {
        color: #ffffff;
    }

/* 
totop 
*/
#toTop {
    bottom: 0;
    left: 0;
    display: none;
    width: 60px;
    height: 40px;
    overflow: hidden;
    position: fixed;
    text-decoration: none;
    z-index: 9999;
    font-size: 0;
    color: transparent;
    background-color: var(--main-color);
    opacity: 0.7;
}

    #toTop:after {
        color: #ffffff;
        content: "\f106";
        font-size: 16px;
        line-height: 40px;
        font-family: "FontAwesome";
        text-align: center;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        -webkit-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

    #toTopHover,
    #toTop:hover {
        bottom: 3px;
        opacity: 1;
    }

        #toTop:hover:after {
            color: #ffffff;
        }

    #toTop:active,
    #toTop:focus {
        outline: medium none;
    }

.modal-open #toTop {
    visibility: hidden;
}

/* jQuery Countdown styles 2.0.2. */
#comingsoon-countdown {
    text-align: center;
}

    #comingsoon-countdown:before,
    #comingsoon-countdown:after {
        clear: both;
        display: table;
        content: " ";
    }

.countdown-rtl {
    direction: ltr;
}

.countdown-row {
    clear: both;
    display: table;
    margin: auto;
    padding: 20px 0;
    margin-bottom: 20px;
    text-align: center;
}

.countdown-section {
    display: table-cell;
    padding: 10px 30px 20px;
    text-align: center;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}

    .countdown-section:first-child {
        border-right-width: 0;
    }

.countdown-amount {
    font-size: 90px;
    line-height: 1;
    font-weight: 100;
    color: var(--main-color);
}

.countdown-period {
    display: block;
    font-size: 28px;
    font-weight: 100;
}

.countdown-descr {
    display: block;
}

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

    .countdown-amount {
        font-size: 40px;
    }

    .countdown-period {
        font-size: 16px;
    }
}

/*
**icons
*/
a[class*="soc-"]:before {
    font-family: "socicon";
    font-size: 16px;
}

a.social-icon {
    display: inline-block;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
}

    a.social-icon span {
        opacity: 0.7;
        display: block;
        font-size: 14px;
        text-transform: uppercase;
    }

        a.social-icon span:first-child {
            font-size: 24px;
            margin-top: 8px;
            font-weight: bold;
        }

    a.social-icon [class*="rt-icon"] + span {
        font-size: 24px;
        margin-top: 8px;
        font-weight: bold;
    }

    a.social-icon + a.social-icon,
    .tooltip + a.social-icon {
        margin-right: 16px;
    }

    a.social-icon.bg-icon + a.social-icon.bg-icon {
        margin-right: 7px;
    }

    a.social-icon.color-bg-icon + a.social-icon.color-bg-icon {
        margin-right: 1px;
    }

    a.social-icon.block-icon {
        width: 100%;
    }

a[class*="soc-"].rounded-icon {
    border-radius: 50%;
}

a.big-icon {
    width: 112px;
    height: 112px;
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: hidden;
}

    a.big-icon[class*="soc-"]:before {
        font-size: 32px;
    }

    a.big-icon [class*="rt-icon"]:before {
        font-size: 32px;
    }

/*corporate colors*/
a.color-icon.soc-twitter,
a[class*="soc-"].soc-twitter:hover {
    color: #00abef;
    border-color: #00abef;
}

a.color-icon.soc-facebook,
a[class*="soc-"].soc-facebook:hover {
    color: #507cbe;
    border-color: #507cbe;
}

a.color-icon.soc-google,
a[class*="soc-"].soc-google:hover {
    color: #d93e2d;
    border-color: #d93e2d;
}

a.color-icon.soc-pinterest,
a[class*="soc-"].soc-pinterest:hover {
    color: #c92619;
    border-color: #c92619;
}

a.color-icon.soc-foursquare,
a[class*="soc-"].soc-foursquare:hover {
    color: #23b7e0;
    border-color: #23b7e0;
}

a.color-icon.soc-yahoo,
a[class*="soc-"].soc-yahoo:hover {
    color: #6e2a85;
    border-color: #6e2a85;
}

a.color-icon.soc-skype,
a[class*="soc-"].soc-skype:hover {
    color: #28abe3;
    border-color: #28abe3;
}

a.color-icon.soc-yelp,
a[class*="soc-"].soc-yelp:hover {
    color: #c83218;
    border-color: #c83218;
}

a.color-icon.soc-feedburner,
a[class*="soc-"].soc-feedburner:hover {
    color: #ffcc00;
    border-color: #ffcc00;
}

a.color-icon.soc-linkedin,
a[class*="soc-"].soc-linkedin:hover {
    color: #3371b7;
    border-color: #3371b7;
}

a.color-icon.soc-viadeo,
a[class*="soc-"].soc-viadeo:hover {
    color: #e4a000;
    border-color: #e4a000;
}

a.color-icon.soc-xing,
a[class*="soc-"].soc-xing:hover {
    color: #005a60;
    border-color: #005a60;
}

a.color-icon.soc-myspace,
a[class*="soc-"].soc-myspace:hover {
    color: #323232;
    border-color: #323232;
}

a.color-icon.soc-soundcloud,
a[class*="soc-"].soc-soundcloud:hover {
    color: #fe3801;
    border-color: #fe3801;
}

a.color-icon.soc-spotify,
a[class*="soc-"].soc-spotify:hover {
    color: #7bb342;
    border-color: #7bb342;
}

a.color-icon.soc-grooveshark,
a[class*="soc-"].soc-grooveshark:hover {
    color: #f67e03;
    border-color: #f67e03;
}

a.color-icon.soc-lastfm,
a[class*="soc-"].soc-lastfm:hover {
    color: #d41316;
    border-color: #d41316;
}

a.color-icon.soc-youtube,
a[class*="soc-"].soc-youtube:hover {
    color: #d12121;
    border-color: #d12121;
}

a.color-icon.soc-vimeo,
a[class*="soc-"].soc-vimeo:hover {
    color: #51b5e7;
    border-color: #51b5e7;
}

a.color-icon.soc-dailymotion,
a[class*="soc-"].soc-dailymotion:hover {
    color: #004e72;
    border-color: #004e72;
}

a.color-icon.soc-vine,
a[class*="soc-"].soc-vine:hover {
    color: #00b389;
    border-color: #00b389;
}

a.color-icon.soc-flickr,
a[class*="soc-"].soc-flickr:hover {
    color: #0062dd;
    border-color: #0062dd;
}

a.color-icon.soc-500px,
a[class*="soc-"].soc-500px:hover {
    color: #58a9de;
    border-color: #58a9de;
}

a.color-icon.soc-instagram,
a[class*="soc-"].soc-instagram:hover {
    color: #9c7c6e;
    border-color: #9c7c6e;
}

a.color-icon.soc-wordpress,
a[class*="soc-"].soc-wordpress:hover {
    color: #464646;
    border-color: #464646;
}

a.color-icon.soc-tumblr,
a[class*="soc-"].soc-tumblr:hover {
    color: #45556c;
    border-color: #45556c;
}

a.color-icon.soc-blogger,
a[class*="soc-"].soc-blogger:hover {
    color: #ec661c;
    border-color: #ec661c;
}

a.color-icon.soc-technorati,
a[class*="soc-"].soc-technorati:hover {
    color: #5cb030;
    border-color: #5cb030;
}

a.color-icon.soc-reddit,
a[class*="soc-"].soc-reddit:hover {
    color: #e74a1e;
    border-color: #e74a1e;
}

a.color-icon.soc-dribbble,
a[class*="soc-"].soc-dribbble:hover {
    color: #e84d88;
    border-color: #e84d88;
}

a.color-icon.soc-stumbleupon,
a[class*="soc-"].soc-stumbleupon:hover {
    color: #e64011;
    border-color: #e64011;
}

a.color-icon.soc-digg,
a[class*="soc-"].soc-digg:hover {
    color: #1d1d1b;
    border-color: #1d1d1b;
}

a.color-icon.soc-envato,
a[class*="soc-"].soc-envato:hover {
    color: #597c3a;
    border-color: #597c3a;
}

a.color-icon.soc-behance,
a[class*="soc-"].soc-behance:hover {
    color: #007eff;
    border-color: #007eff;
}

a.color-icon.soc-delicious,
a[class*="soc-"].soc-delicious:hover {
    color: #31a9ff;
    border-color: #31a9ff;
}

a.color-icon.soc-deviantart,
a[class*="soc-"].soc-deviantart:hover {
    color: #c5d200;
    border-color: #c5d200;
}

a.color-icon.soc-forrst,
a[class*="soc-"].soc-forrst:hover {
    color: #5b9a68;
    border-color: #5b9a68;
}

a.color-icon.soc-play,
a[class*="soc-"].soc-play:hover {
    color: #5acdbd;
    border-color: #5acdbd;
}

a.color-icon.soc-zerply,
a[class*="soc-"].soc-zerply:hover {
    color: #9dbc7a;
    border-color: #9dbc7a;
}

a.color-icon.soc-wikipedia,
a[class*="soc-"].soc-wikipedia:hover {
    color: #000000;
    border-color: #000000;
}

a.color-icon.soc-apple,
a[class*="soc-"].soc-apple:hover {
    color: #b9bfc1;
    border-color: #b9bfc1;
}

a.color-icon.soc-flattr,
a[class*="soc-"].soc-flattr:hover {
    color: #f67c1a;
    border-color: #f67c1a;
}

a.color-icon.soc-github,
a[class*="soc-"].soc-github:hover {
    color: #221e1b;
    border-color: #221e1b;
}

a.color-icon.soc-chimein,
a[class*="soc-"].soc-chimein:hover {
    color: #888688;
    border-color: #888688;
}

a.color-icon.soc-friendfeed,
a[class*="soc-"].soc-friendfeed:hover {
    color: #2f72c4;
    border-color: #2f72c4;
}

a.color-icon.soc-newsvine,
a[class*="soc-"].soc-newsvine:hover {
    color: #075b2f;
    border-color: #075b2f;
}

a.color-icon.soc-identica,
a[class*="soc-"].soc-identica:hover {
    color: #000000;
    border-color: #000000;
}

a.color-icon.soc-bebo,
a[class*="soc-"].soc-bebo:hover {
    color: #ef1011;
    border-color: #ef1011;
}

a.color-icon.soc-zynga,
a[class*="soc-"].soc-zynga:hover {
    color: #dc0606;
    border-color: #dc0606;
}

a.color-icon.soc-steam,
a[class*="soc-"].soc-steam:hover {
    color: #8f8d8a;
    border-color: #8f8d8a;
}

a.color-icon.soc-xbox,
a[class*="soc-"].soc-xbox:hover {
    color: #92c83e;
    border-color: #92c83e;
}

a.color-icon.soc-windows,
a[class*="soc-"].soc-windows:hover {
    color: #00bdf6;
    border-color: #00bdf6;
}

a.color-icon.soc-outlook,
a[class*="soc-"].soc-outlook:hover {
    color: #0072c6;
    border-color: #0072c6;
}

a.color-icon.soc-coderwall,
a[class*="soc-"].soc-coderwall:hover {
    color: #3e8dcc;
    border-color: #3e8dcc;
}

a.color-icon.soc-tripadvisor,
a[class*="soc-"].soc-tripadvisor:hover {
    color: #000000;
    border-color: #000000;
}

a.color-icon.soc-appnet,
a[class*="soc-"].soc-appnet:hover {
    color: #494949;
    border-color: #494949;
}

a.color-icon.soc-goodreads,
a[class*="soc-"].soc-goodreads:hover {
    color: #1abc9c;
    border-color: #1abc9c;
}

a.color-icon.soc-tripit,
a[class*="soc-"].soc-tripit:hover {
    color: #1982c3;
    border-color: #1982c3;
}

a.color-icon.soc-lanyrd,
a[class*="soc-"].soc-lanyrd:hover {
    color: #3c80c9;
    border-color: #3c80c9;
}

a.color-icon.soc-slideshare,
a[class*="soc-"].soc-slideshare:hover {
    color: #4ba3a6;
    border-color: #4ba3a6;
}

a.color-icon.soc-buffer,
a[class*="soc-"].soc-buffer:hover {
    color: #000000;
    border-color: #000000;
}

a.color-icon.soc-rss,
a[class*="soc-"].soc-rss:hover {
    color: #f26109;
    border-color: #f26109;
}

a.color-icon.soc-vkontakte,
a[class*="soc-"].soc-vkontakte:hover {
    color: #5a7fa6;
    border-color: #5a7fa6;
}

a.color-icon.soc-disqus,
a[class*="soc-"].soc-disqus:hover {
    color: #2e9fff;
    border-color: #2e9fff;
}

a.color-icon.soc-houzz,
a[class*="soc-"].soc-houzz:hover {
    color: #7cc04b;
    border-color: #7cc04b;
}

a.color-icon.soc-mail,
a[class*="soc-"].soc-mail:hover {
    color: #000000;
    border-color: #000000;
}

a.color-icon.soc-patreon,
a[class*="soc-"].soc-patreon:hover {
    color: #e44727;
    border-color: #e44727;
}

a.color-icon.soc-paypal,
a[class*="soc-"].soc-paypal:hover {
    color: #009cde;
    border-color: #009cde;
}

a.color-icon.soc-playstation,
a[class*="soc-"].soc-playstation:hover {
    color: #000000;
    border-color: #000000;
}

a.color-icon.soc-smugmug,
a[class*="soc-"].soc-smugmug:hover {
    color: #acfd32;
    border-color: #acfd32;
}

a.color-icon.soc-swarm,
a[class*="soc-"].soc-swarm:hover {
    color: #fc9d3c;
    border-color: #fc9d3c;
}

a.color-icon.soc-triplej,
a[class*="soc-"].soc-triplej:hover {
    color: #e53531;
    border-color: #e53531;
}

a.color-icon.soc-yammer,
a[class*="soc-"].soc-yammer:hover {
    color: #1175c4;
    border-color: #1175c4;
}

a.color-icon.soc-stackoverflow,
a[class*="soc-"].soc-stackoverflow:hover {
    color: #fd9827;
    border-color: #fd9827;
}

a.color-icon.soc-drupal,
a[class*="soc-"].soc-drupal:hover {
    color: #00598e;
    border-color: #00598e;
}

a.color-icon.soc-odnoklassniki,
a[class*="soc-"].soc-odnoklassniki:hover {
    color: #f48420;
    border-color: #f48420;
}

a.color-icon.soc-android,
a[class*="soc-"].soc-android:hover {
    color: #8ec047;
    border-color: #8ec047;
}

a.color-icon.soc-meetup,
a[class*="soc-"].soc-meetup:hover {
    color: #e2373c;
    border-color: #e2373c;
}

a.color-icon.soc-persona,
a[class*="soc-"].soc-persona:hover {
    color: #e6753d;
    border-color: #e6753d;
}

a.color-icon.soc-amazon,
a[class*="soc-"].soc-amazon:hover {
    color: #ff9900;
    border-color: #ff9900;
}

a.color-icon.soc-ello,
a[class*="soc-"].soc-ello:hover {
    color: #000000;
    border-color: #000000;
}

a.color-icon.soc-mixcloud,
a[class*="soc-"].soc-mixcloud:hover {
    color: #314359;
    border-color: #314359;
}

a.color-icon.soc-8tracks,
a[class*="soc-"].soc-8tracks:hover {
    color: #122c4b;
    border-color: #122c4b;
}

a.color-icon.soc-twitch,
a[class*="soc-"].soc-twitch:hover {
    color: #6441a5;
    border-color: #6441a5;
}

a.color-icon.soc-airbnb,
a[class*="soc-"].soc-airbnb:hover {
    color: #ff5a5f;
    border-color: #ff5a5f;
}

a.color-icon.soc-pocket,
a[class*="soc-"].soc-pocket:hover {
    color: #ed4055;
    border-color: #ed4055;
}

/*corporate background colors*/
.color-bg-icon {
    color: #ffffff;
}

    .color-bg-icon.soc-twitter,
    a.soc-twitter.bg-icon:hover,
    .soc-twitter.color-icon.border-icon:hover {
        background-color: #00abef;
    }

    .color-bg-icon.soc-facebook,
    a.soc-facebook.bg-icon:hover,
    .soc-facebook.color-icon.border-icon:hover {
        background-color: #507cbe;
    }

    .color-bg-icon.soc-google,
    a.soc-google.bg-icon:hover,
    .soc-google.color-icon.border-icon:hover {
        background-color: #d93e2d;
    }

    .color-bg-icon.soc-pinterest,
    a.soc-pinterest.bg-icon:hover,
    .soc-pinterest.color-icon.border-icon:hover {
        background-color: #c92619;
    }

    .color-bg-icon.soc-foursquare,
    a.soc-foursquare.bg-icon:hover,
    .soc-foursquare.color-icon.border-icon:hover {
        background-color: #23b7e0;
    }

    .color-bg-icon.soc-yahoo,
    a.soc-yahoo.bg-icon:hover,
    .soc-yahoo.color-icon.border-icon:hover {
        background-color: #6e2a85;
    }

    .color-bg-icon.soc-skype,
    a.soc-skype.bg-icon:hover,
    .soc-skype.color-icon.border-icon:hover {
        background-color: #28abe3;
    }

    .color-bg-icon.soc-yelp,
    a.soc-yelp.bg-icon:hover,
    .soc-yelp.color-icon.border-icon:hover {
        background-color: #c83218;
    }

    .color-bg-icon.soc-feedburner,
    a.soc-feedburner.bg-icon:hover,
    .soc-feedburner.color-icon.border-icon:hover {
        background-color: #ffcc00;
    }

    .color-bg-icon.soc-linkedin,
    a.soc-linkedin.bg-icon:hover,
    .soc-linkedin.color-icon.border-icon:hover {
        background-color: #3371b7;
    }

    .color-bg-icon.soc-viadeo,
    a.soc-viadeo.bg-icon:hover,
    .soc-viadeo.color-icon.border-icon:hover {
        background-color: #e4a000;
    }

    .color-bg-icon.soc-xing,
    a.soc-xing.bg-icon:hover,
    .soc-xing.color-icon.border-icon:hover {
        background-color: #005a60;
    }

    .color-bg-icon.soc-myspace,
    a.soc-myspace.bg-icon:hover,
    .soc-myspace.color-icon.border-icon:hover {
        background-color: #323232;
    }

    .color-bg-icon.soc-soundcloud,
    a.soc-soundcloud.bg-icon:hover,
    .soc-soundcloud.color-icon.border-icon:hover {
        background-color: #fe3801;
    }

    .color-bg-icon.soc-spotify,
    a.soc-spotify.bg-icon:hover,
    .soc-spotify.color-icon.border-icon:hover {
        background-color: #7bb342;
    }

    .color-bg-icon.soc-grooveshark,
    a.soc-grooveshark.bg-icon:hover,
    .soc-grooveshark.color-icon.border-icon:hover {
        background-color: #f67e03;
    }

    .color-bg-icon.soc-lastfm,
    a.soc-lastfm.bg-icon:hover,
    .soc-lastfm.color-icon.border-icon:hover {
        background-color: #d41316;
    }

    .color-bg-icon.soc-youtube,
    a.soc-youtube.bg-icon:hover,
    .soc-youtube.color-icon.border-icon:hover {
        background-color: #d12121;
    }

    .color-bg-icon.soc-vimeo,
    a.soc-vimeo.bg-icon:hover,
    .soc-vimeo.color-icon.border-icon:hover {
        background-color: #51b5e7;
    }

    .color-bg-icon.soc-dailymotion,
    a.soc-dailymotion.bg-icon:hover,
    .soc-dailymotion.color-icon.border-icon:hover {
        background-color: #004e72;
    }

    .color-bg-icon.soc-vine,
    a.soc-vine.bg-icon:hover,
    .soc-vine.color-icon.border-icon:hover {
        background-color: #00b389;
    }

    .color-bg-icon.soc-flickr,
    a.soc-flickr.bg-icon:hover,
    .soc-flickr.color-icon.border-icon:hover {
        background-color: #0062dd;
    }

    .color-bg-icon.soc-500px,
    a.soc-500px.bg-icon:hover,
    .soc-500px.color-icon.border-icon:hover {
        background-color: #58a9de;
    }

    .color-bg-icon.soc-instagram,
    a.soc-instagram.bg-icon:hover,
    .soc-instagram.color-icon.border-icon:hover {
        background-color: #9c7c6e;
    }

    .color-bg-icon.soc-wordpress,
    a.soc-wordpress.bg-icon:hover,
    .soc-wordpress.color-icon.border-icon:hover {
        background-color: #464646;
    }

    .color-bg-icon.soc-tumblr,
    a.soc-tumblr.bg-icon:hover,
    .soc-tumblr.color-icon.border-icon:hover {
        background-color: #45556c;
    }

    .color-bg-icon.soc-blogger,
    a.soc-blogger.bg-icon:hover,
    .soc-blogger.color-icon.border-icon:hover {
        background-color: #ec661c;
    }

    .color-bg-icon.soc-technorati,
    a.soc-technorati.bg-icon:hover,
    .soc-technorati.color-icon.border-icon:hover {
        background-color: #5cb030;
    }

    .color-bg-icon.soc-reddit,
    a.soc-reddit.bg-icon:hover,
    .soc-reddit.color-icon.border-icon:hover {
        background-color: #e74a1e;
    }

    .color-bg-icon.soc-dribbble,
    a.soc-dribbble.bg-icon:hover,
    .soc-dribbble.color-icon.border-icon:hover {
        background-color: #e84d88;
    }

    .color-bg-icon.soc-stumbleupon,
    a.soc-stumbleupon.bg-icon:hover,
    .soc-stumbleupon.color-icon.border-icon:hover {
        background-color: #e64011;
    }

    .color-bg-icon.soc-digg,
    a.soc-digg.bg-icon:hover,
    .soc-digg.color-icon.border-icon:hover {
        background-color: #1d1d1b;
    }

    .color-bg-icon.soc-envato,
    a.soc-envato.bg-icon:hover,
    .soc-envato.color-icon.border-icon:hover {
        background-color: #597c3a;
    }

    .color-bg-icon.soc-behance,
    a.soc-behance.bg-icon:hover,
    .soc-behance.color-icon.border-icon:hover {
        background-color: #007eff;
    }

    .color-bg-icon.soc-delicious,
    a.soc-delicious.bg-icon:hover,
    .soc-delicious.color-icon.border-icon:hover {
        background-color: #31a9ff;
    }

    .color-bg-icon.soc-deviantart,
    a.soc-deviantart.bg-icon:hover,
    .soc-deviantart.color-icon.border-icon:hover {
        background-color: #c5d200;
    }

    .color-bg-icon.soc-forrst,
    a.soc-forrst.bg-icon:hover,
    .soc-forrst.color-icon.border-icon:hover {
        background-color: #5b9a68;
    }

    .color-bg-icon.soc-play,
    a.soc-play.bg-icon:hover,
    .soc-play.color-icon.border-icon:hover {
        background-color: #5acdbd;
    }

    .color-bg-icon.soc-zerply,
    a.soc-zerply.bg-icon:hover,
    .soc-zerply.color-icon.border-icon:hover {
        background-color: #9dbc7a;
    }

    .color-bg-icon.soc-wikipedia,
    a.soc-wikipedia.bg-icon:hover,
    .soc-wikipedia.color-icon.border-icon:hover {
        background-color: #000000;
    }

    .color-bg-icon.soc-apple,
    a.soc-apple.bg-icon:hover,
    .soc-apple.color-icon.border-icon:hover {
        background-color: #b9bfc1;
    }

    .color-bg-icon.soc-flattr,
    a.soc-flattr.bg-icon:hover,
    .soc-flattr.color-icon.border-icon:hover {
        background-color: #f67c1a;
    }

    .color-bg-icon.soc-github,
    a.soc-github.bg-icon:hover,
    .soc-github.color-icon.border-icon:hover {
        background-color: #221e1b;
    }

    .color-bg-icon.soc-chimein,
    a.soc-chimein.bg-icon:hover,
    .soc-chimein.color-icon.border-icon:hover {
        background-color: #888688;
    }

    .color-bg-icon.soc-friendfeed,
    a.soc-friendfeed.bg-icon:hover,
    .soc-friendfeed.color-icon.border-icon:hover {
        background-color: #2f72c4;
    }

    .color-bg-icon.soc-newsvine,
    a.soc-newsvine.bg-icon:hover,
    .soc-newsvine.color-icon.border-icon:hover {
        background-color: #075b2f;
    }

    .color-bg-icon.soc-identica,
    a.soc-identica.bg-icon:hover,
    .soc-identica.color-icon.border-icon:hover {
        background-color: #000000;
    }

    .color-bg-icon.soc-bebo,
    a.soc-bebo.bg-icon:hover,
    .soc-bebo.color-icon.border-icon:hover {
        background-color: #ef1011;
    }

    .color-bg-icon.soc-zynga,
    a.soc-zynga.bg-icon:hover,
    .soc-zynga.color-icon.border-icon:hover {
        background-color: #dc0606;
    }

    .color-bg-icon.soc-steam,
    a.soc-steam.bg-icon:hover,
    .soc-steam.color-icon.border-icon:hover {
        background-color: #8f8d8a;
    }

    .color-bg-icon.soc-xbox,
    a.soc-xbox.bg-icon:hover,
    .soc-xbox.color-icon.border-icon:hover {
        background-color: #92c83e;
    }

    .color-bg-icon.soc-windows,
    a.soc-windows.bg-icon:hover,
    .soc-windows.color-icon.border-icon:hover {
        background-color: #00bdf6;
    }

    .color-bg-icon.soc-outlook,
    a.soc-outlook.bg-icon:hover,
    .soc-outlook.color-icon.border-icon:hover {
        background-color: #0072c6;
    }

    .color-bg-icon.soc-coderwall,
    a.soc-coderwall.bg-icon:hover,
    .soc-coderwall.color-icon.border-icon:hover {
        background-color: #3e8dcc;
    }

    .color-bg-icon.soc-tripadvisor,
    a.soc-tripadvisor.bg-icon:hover,
    .soc-tripadvisor.color-icon.border-icon:hover {
        background-color: #000000;
    }

    .color-bg-icon.soc-appnet,
    a.soc-appnet.bg-icon:hover,
    .soc-appnet.color-icon.border-icon:hover {
        background-color: #494949;
    }

    .color-bg-icon.soc-goodreads,
    a.soc-goodreads.bg-icon:hover,
    .soc-goodreads.color-icon.border-icon:hover {
        background-color: #1abc9c;
    }

    .color-bg-icon.soc-tripit,
    a.soc-tripit.bg-icon:hover,
    .soc-tripit.color-icon.border-icon:hover {
        background-color: #1982c3;
    }

    .color-bg-icon.soc-lanyrd,
    a.soc-lanyrd.bg-icon:hover,
    .soc-lanyrd.color-icon.border-icon:hover {
        background-color: #3c80c9;
    }

    .color-bg-icon.soc-slideshare,
    a.soc-slideshare.bg-icon:hover,
    .soc-slideshare.color-icon.border-icon:hover {
        background-color: #4ba3a6;
    }

    .color-bg-icon.soc-buffer,
    a.soc-buffer.bg-icon:hover,
    .soc-buffer.color-icon.border-icon:hover {
        background-color: #000000;
    }

    .color-bg-icon.soc-rss,
    a.soc-rss.bg-icon:hover,
    .soc-rss.color-icon.border-icon:hover {
        background-color: #f26109;
    }

    .color-bg-icon.soc-vkontakte,
    a.soc-vkontakte.bg-icon:hover,
    .soc-vkontakte.color-icon.border-icon:hover {
        background-color: #5a7fa6;
    }

    .color-bg-icon.soc-disqus,
    a.soc-disqus.bg-icon:hover,
    .soc-disqus.color-icon.border-icon:hover {
        background-color: #2e9fff;
    }

    .color-bg-icon.soc-houzz,
    a.soc-houzz.bg-icon:hover,
    .soc-houzz.color-icon.border-icon:hover {
        background-color: #7cc04b;
    }

    .color-bg-icon.soc-mail,
    a.soc-mail.bg-icon:hover,
    .soc-mail.color-icon.border-icon:hover {
        background-color: #000000;
    }

    .color-bg-icon.soc-patreon,
    a.soc-patreon.bg-icon:hover,
    .soc-patreon.color-icon.border-icon:hover {
        background-color: #e44727;
    }

    .color-bg-icon.soc-paypal,
    a.soc-paypal.bg-icon:hover,
    .soc-paypal.color-icon.border-icon:hover {
        background-color: #009cde;
    }

    .color-bg-icon.soc-playstation,
    a.soc-playstation.bg-icon:hover,
    .soc-playstation.color-icon.border-icon:hover {
        background-color: #000000;
    }

    .color-bg-icon.soc-smugmug,
    a.soc-smugmug.bg-icon:hover,
    .soc-smugmug.color-icon.border-icon:hover {
        background-color: #acfd32;
    }

    .color-bg-icon.soc-swarm,
    a.soc-swarm.bg-icon:hover,
    .soc-swarm.color-icon.border-icon:hover {
        background-color: #fc9d3c;
    }

    .color-bg-icon.soc-triplej,
    a.soc-triplej.bg-icon:hover,
    .soc-triplej.color-icon.border-icon:hover {
        background-color: #e53531;
    }

    .color-bg-icon.soc-yammer,
    a.soc-yammer.bg-icon:hover,
    .soc-yammer.color-icon.border-icon:hover {
        background-color: #1175c4;
    }

    .color-bg-icon.soc-stackoverflow,
    a.soc-stackoverflow.bg-icon:hover,
    .soc-stackoverflow.color-icon.border-icon:hover {
        background-color: #fd9827;
    }

    .color-bg-icon.soc-drupal,
    a.soc-drupal.bg-icon:hover,
    .soc-drupal.color-icon.border-icon:hover {
        background-color: #00598e;
    }

    .color-bg-icon.soc-odnoklassniki,
    a.soc-odnoklassniki.bg-icon:hover,
    .soc-odnoklassniki.color-icon.border-icon:hover {
        background-color: #f48420;
    }

    .color-bg-icon.soc-android,
    a.soc-android.bg-icon:hover,
    .soc-android.color-icon.border-icon:hover {
        background-color: #8ec047;
    }

    .color-bg-icon.soc-meetup,
    a.soc-meetup.bg-icon:hover,
    .soc-meetup.color-icon.border-icon:hover {
        background-color: #e2373c;
    }

    .color-bg-icon.soc-persona,
    a.soc-persona.bg-icon:hover,
    .soc-persona.color-icon.border-icon:hover {
        background-color: #e6753d;
    }

    .color-bg-icon.soc-amazon,
    a.soc-amazon.bg-icon:hover,
    .soc-amazon.color-icon.border-icon:hover {
        background-color: #ff9900;
    }

    .color-bg-icon.soc-ello,
    a.soc-ello.bg-icon:hover,
    .soc-ello.color-icon.border-icon:hover {
        background-color: #000000;
    }

    .color-bg-icon.soc-mixcloud,
    a.soc-mixcloud.bg-icon:hover,
    .soc-mixcloud.color-icon.border-icon:hover {
        background-color: #314359;
    }

    .color-bg-icon.soc-8tracks,
    a.soc-8tracks.bg-icon:hover,
    .soc-8tracks.color-icon.border-icon:hover {
        background-color: #122c4b;
    }

    .color-bg-icon.soc-twitch,
    a.soc-twitch.bg-icon:hover,
    .soc-twitch.color-icon.border-icon:hover {
        background-color: #6441a5;
    }

    .color-bg-icon.soc-airbnb,
    a.soc-airbnb.bg-icon:hover,
    .soc-airbnb.color-icon.border-icon:hover {
        background-color: #ff5a5f;
    }

    .color-bg-icon.soc-pocket,
    a.soc-pocket.bg-icon:hover,
    .soc-pocket.color-icon.border-icon:hover {
        background-color: #ed4055;
    }

a.social-icon {
    color: #616161;
}

a.border-icon {
    border: 1px solid #616161;
    border-color: rgba(97, 97, 97, 0.4);
    padding: 10px 11px;
    margin-bottom: 4px;
}

a.bg-icon,
a.monochrome-icon {
    color: #ffffff;
    background-color: #616161;
    padding: 12px 12px 11px;
    margin-bottom: 4px;
}

a.monochrome-icon {
    background-color: #262626;
}

    a.monochrome-icon:hover {
        color: #303030 !important;
        background-color: #ffffff;
    }

a.social-icon.color-icon:hover {
    color: #303030;
}

a.social-icon.bg-icon:hover {
    color: #ffffff;
}

a.color-bg-icon {
    color: #ffffff;
    background-color: #303030;
    margin-bottom: 4px;
    padding: 11px 12px;
}

a.social-icon.color-bg-icon:hover {
    background-color: var(--main-color);
    color: #ffffff;
}

a.color-icon:hover {
    color: #303030;
}

a.color-icon.border-icon:hover {
    color: #ffffff;
}

.ds.darklinks a.social-icon {
    color: #ffffff;
}

    .ds.darklinks a.social-icon:hover {
        color: var(--main-color);
    }

.lightgreylinks a.social-icon {
    color: rgba(97, 97, 97, 0.6);
}

    .lightgreylinks a.social-icon:hover {
        color: var(--main-color);
    }

.demo-icon {
    display: inline-block;
    text-align: center;
    padding: 15px 20px 10px;
}

    .demo-icon span {
        display: block;
    }

    .demo-icon .name {
        font-size: 1.01em;
        font-weight: 700;
    }

    .demo-icon a[class*="soc-"] {
        font-size: 24px;
        margin: 10px 0 0;
    }

.social-icons-demo [class*="col-"] a[class*="soc-"] {
    margin: 10px;
}

/*
isotope portfolio and gallery pos
*/
.gallery-item {
    text-align: center;
}

.gallery-columns-1 .gallery-item {
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    width: 50%;
}

.gallery-columns-3 .gallery-item {
    width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    width: 25%;
}

.gallery-columns-5 .gallery-item {
    width: 20%;
}

.gallery-columns-6 .gallery-item {
    width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    width: 11.11%;
}

.gallery-icon img {
    display: block;
    margin: 0 auto;
    width: 100%;
}

.gallery-caption {
    display: block;
    padding: 0.5em;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none;
}

@media (max-width: 600px) {
    .gallery-columns-4 .gallery-item,
    .gallery-columns-5 .gallery-item,
    .gallery-columns-6 .gallery-item,
    .gallery-columns-7 .gallery-item,
    .gallery-columns-8 .gallery-item,
    .gallery-columns-9 .gallery-item {
        width: 33%;
    }

    .gallery-columns-4 .gallery-caption,
    .gallery-columns-5 .gallery-caption,
    .gallery-columns-6 .gallery-caption,
    .gallery-columns-7 .gallery-caption,
    .gallery-columns-8 .gallery-caption,
    .gallery-columns-9 .gallery-caption {
        display: none;
    }
}

.isotope_container {
    -webkit-transition: height 0.2s ease-in-out 0s;
    transition: height 0.2s ease-in-out 0s;
}

.isotope-item[class*="col-"] {
    margin-top: 0;
}