@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Raleway:400,300,700');
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,700,100);
@import "font.css";

:root {
    --theme-color1: #d2a02b;
    --theme-color2: #d29f2d;
    --light-gold: #f4e4bc;
    --dark-gold: #997f2b;
    --bg-cream: #fffaf0;
    --text-script: "Allura", cursive;
}

body {
    font-size: 18px;
    color: #333;
    line-height: 30px;
}

h1,
h2,
h3,
h4 {
    font-family: "Allura", cursive;
    font-weight: 500;
    font-style: normal;
    font-size: 44px;
}

h1.default-font,
h2.default-font,
h3.default-font,
h4.default-font {
    font-family: "Raleway", sans-serif;
}

img {
    max-width: 100%;
}

/* toast-notication */


@media (min-width: 600px) {
    #toast-notification {
        visibility: hidden;
        position: fixed;
        right: 0;
        left: 0;
        margin-right: auto;
        margin-left: auto;
        top: 10vh;
        min-height: 1em;
        width: 40%;
        z-index: 1500;
    }
}

@media (max-width: 600px) {
    #toast-notification {
        visibility: hidden;
        position: fixed;
        right: 0;
        left: 0;
        margin-right: auto;
        margin-left: auto;
        top: 10vh;
        min-height: 1em;
        width: 75%;
        z-index: 1500;
    }
}


/* Ref: https://www.w3schools.com/howto/howto_js_snackbar.asp */
/* Show the toast notification when clicking on a button (class added with JavaScript) */
#toast-notification.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 10.5s;
    animation: fadein 0.5s, fadeout 0.5s 10.5s;
}

/* Animations to fade the toast notification in and out */
@-webkit-keyframes fadein {
    from {
        top: 0;
        opacity: 0;
    }

    to {
        top: 10vh;
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        top: 0;
        opacity: 0;
    }

    to {
        top: 10vh;
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        top: 10vh;
        opacity: 1;
    }

    to {
        top: 0;
        opacity: 0;
    }
}

@keyframes fadeout {
    from {
        top: 10vh;
        opacity: 1;
    }

    to {
        top: 0;
        opacity: 0;
    }
}

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

.breadcrumb>.active {
    color: inherit;
    opacity: 0.9;
}

.breadcrumb>li+li:before {
    color: inherit;
    padding: 0 12px;
    content: "/";
}

/*pagination*/
.pagination {
    margin-top: 0;
    margin-bottom: 0;
}

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

.pagination>li>a,
.pagination>li>span {
    text-align: center;
    padding: 10px 0;
    border: none;
    color: #323232;
    background-color: #f2f2f2;
    margin-left: 6px;
    margin-bottom: 10px;
    min-width: 40px;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    border-radius: 0px;
    padding: 10px 26px;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-radius: 0px;
    padding: 10px 26px;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    background-color: #a17f1a !important;
    color: #ffffff !important;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    background-color: #a17f1a !important;
    color: #ffffff;
}

/*forms*/
.form-control {
    height: 40px;
    border: none;
    background-color: #eee;
    border-radius: 0;
    color: #1a1a1a;
    padding-left: 20px;
    padding-right: 40px;
    padding-top: 9px;
    padding-bottom: 9px;
    font-size: 16px;
}

.form-control.error,
label.error .form-control {
    border: 1px solid #f00 !important;
}

label.error {
    color: #f00;
}

button:disabled,
button[disabled] {
    border: 1px solid #999999;
    background-color: #cccccc;
    color: #666666;
}

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

.form-control option:disabled {
    color: rgb(170, 170, 170);
}

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

.form-control.invalid {
    -webkit-box-shadow: 0 0 0 2px #a17f1a;
    box-shadow: 0 0 0 2px #a17f1a;
}

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

.form-control:-moz-placeholder {
    color: #9a9a9a;
    opacity: 1;
}

.form-control::-moz-placeholder {
    font-style: italic;
    color: #9a9a9a;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    font-style: italic;
    color: #9a9a9a;
}

.form-control::-webkit-input-placeholder {
    font-style: italic;
    color: #9a9a9a;
}

.form-control:focus:-moz-placeholder {
    font-style: italic;
    color: transparent;
    opacity: 1;
}

.form-control:focus::-moz-placeholder {
    font-style: italic;
    color: transparent;
    opacity: 1;
}

.form-control:focus:-ms-input-placeholder {
    font-style: italic;
    color: transparent;
}

.form-control:focus::-webkit-input-placeholder {
    font-style: italic;
    color: transparent;
}

/*icons for forms */
form label+[class*="icon2-"] {
    position: absolute;
    font-size: 24px;
    color: #9a9a9a;
    left: 10px;
    top: 19px;
}

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

label {
    font-weight: normal;
}

.form-control+[class*="icon2-"] {
    position: absolute;
    font-size: 24px;
    left: 20px;
    top: 50%;
    color: #a17f1a;
}

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

.carousel-indicators li {
    width: 10px;
    height: 10px;
    border-width: 0;
    background-color: #323232;
    margin: 0 3px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-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: #a17f1a;
}

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

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

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

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

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

.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: 22px 65px 22px 40px;
    color: #9a9a9a;
    background-color: #f2f2f2;
    border: none;
    word-wrap: break-word;
}

.panel-heading .panel-title>a.collapsed:hover,
.panel-heading .panel-title>a:hover {
    background-color: rgba(242, 242, 242, 0.7);
}

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

.panel-heading .panel-title>a:after {
    color: #323232;
    content: '+';
    position: absolute;
    line-height: 58px;
    text-align: center;
    right: 0;
    top: 0;
    bottom: 0;
    width: 60px;
    letter-spacing: 0;
}

.panel-heading .panel-title>a.collapsed:after {
    content: '-';
}

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

.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-top: 8px;
    padding-right: 28px;
}

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

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

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

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

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

.progress-bar {
    background-color: #a17f1a;
    color: inherit;
    -webkit-box-shadow: none;
    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 0 0 4px;
    padding: 30px;
}

.alert-main {
    background: linear-gradient(90deg, rgba(210, 160, 43, 1) 0%, rgba(224, 184, 77, 1) 35%, rgba(243, 220, 123, 1) 100%) !important;
}

.media {
    margin-top: 16px;
}

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

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

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

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

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

.vertical-tabs .nav>li>a i {
    position: relative;
    top: 1px;
    padding-right: 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;
    right: 0;
    top: 0;
    bottom: 0;
    width: 60px;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    letter-spacing: 0;
}

.vertical-tabs .nav>li.active a,
.vertical-tabs .nav>li>a:hover {
    background-color: #a17f1a;
}

@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 2px 6px 0;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -ms-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 {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    border-color: rgba(0, 0, 0, 0.05);
    z-index: 1001;
    font-size: 16px;
    margin-top: 0;
}

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

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color: #323232;
    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: #e1e1e1;
    word-wrap: break-word;
}

.table {
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}

.table td+td {
    border-left: 1px solid #e1e1e1;
}

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

.table-responsive {
    border: none;
}

.well {
    -webkit-box-shadow: none;
    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;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-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;
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -5px;
}

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

/*
**vertical margins and paddings
*/
.page_contact+footer>[class*="container"] {
    padding-top: 75px;
}

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

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

.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_100>[class*="container"] {
    padding-top: 100px;
    padding-bottom: 100px;
}

/*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;
}

/*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_100>[class*="container"] {
    padding-bottom: 100px;
}

/* margins inside sections */
.row .row+.row {
    margin-top: 5px;
}

section>[class*="container"]>.row>[class*="col-"],
footer>[class*="container"]>.row>[class*="col-"] {
    margin-top: 10px;
    margin-bottom: 10px;
}

.columns_vertical_margin_15>[class*="container"]>.row>[class*="col-"] {
    margin-top: 15px;
    margin-bottom: 15px;
}

@media (max-width: 991px) {
    [class*="col-md-"]+[class*="col-md-"] {
        margin-top: 20px !important;
    }

    [class*="col-md-"]+[class*="col-md-"][class*="col-sm-"] {
        margin-top: 10px !important;
    }
}

@media (max-width: 767px) {
    div[class*="col-sm-"]+[class*="col-sm-"] {
        margin-top: 20px !important;
    }
}

[class*="_0"]>[class*="container"]>.row>[class*="col-"] {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    min-height: 0;
}

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

.columns_padding_2>[class*="container"]>.row>[class*="col-"],
.row.columns_padding_2>[class*="col-"] {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
}

.columns_padding_5>[class*="container"]>.row>[class*="col-"] {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

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

.table_section .row {
    display: table;
    min-width: 100%;
    height: 100%;
    margin-left: 0;
    margin-right: 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;
    }

    [class*="col-xs"]+[class*="col-xs"] {
        margin-top: 0 !important;
    }
}

@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: -100px;
    }
}

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

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

::selection {
    color: #ffffff;
    background-color: #a17f1a;
}

::-moz-selection {
    color: #ffffff;
    background-color: #a17f1a;
}

body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    background-color: #ffffff;
    overflow: visible;
    overflow-x: hidden;
    min-width: fit-content;
}

a {
    cursor: pointer;
    color: #a17f1a;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 300;
    line-height: 1;
}

p {
    margin-bottom: 20px;
}

blockquote {
    position: relative;
    margin: 30px 0;
    padding: 10px 20px 20px 42px;
    border-left: 5px solid #a17f1a;
    font-size: 15px;
}

blockquote .media {
    font-size: 14px;
    font-style: normal;
    margin: 8px 0 6px !important;
}

blockquote .media img {
    min-width: 40px;
    max-width: 40px !important;
    border-radius: 50%;
}

blockquote .item-meta {
    margin-top: 10px;
    font-style: normal;
    opacity: 0.7;
}

.blockquote-big {
    max-width: 82%;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 42px;
    color: inherit;
    font-size: 20px;
    text-align: center;
    line-height: 1.5;
    padding: 0 70px;
    border: none;
}

.flexslider .blockquote-big {
    margin-top: 0;
}

.blockquote-big h3 {
    font-size: 16px;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: inherit;
    margin-top: 30px;
}

.blockquote-big img {
    display: block;
    max-width: 100px;
    border-radius: 50%;
    margin: 25px auto 10px;
}

.blockquote-big .blockqoute-meta {
    font-style: normal;
    font-size: 28px;
}

.blockquote-big .blockqoute-meta:after {
    display: block;
    font-family: 'rt-icons-2';
    font-size: 40px;
    content: "\e601";
    color: #ff9c02;
    margin-bottom: 10px;
}

.blockquote-big:before,
.blockquote-big:after {
    font-style: normal;
    content: "\e977";
    font-family: 'rt-icons-2';
    position: absolute;
    font-size: 320px;
    color: rgba(255, 156, 2, 0.4);
    top: -85px;
    z-index: -1;
    left: -174px;
}

.blockquote-big:after {
    content: "\e978";
    left: auto;
    right: -174px;
}

@media (max-width: 600px) {
    .blockquote-big {
        font-size: 18px;
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .blockquote-big:before,
    .blockquote-big:after {
        position: absolute;
        font-size: 120px;
        top: 85px;
        left: -174px;
    }
}

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

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

a:hover {
    color: #a17f1a;
    text-decoration: none;
    -webkit-transition: all 0.15s linear 0s;
    -moz-transition: all 0.15s linear 0s;
    -o-transition: all 0.15s linear 0s;
    -ms-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;
    -moz-transition: all 0.15s ease-in-out 0s;
    -o-transition: all 0.15s ease-in-out 0s;
    -ms-transition: all 0.15s ease-in-out 0s;
    transition: all 0.15s ease-in-out 0s;
}

hr {
    border: none;
    height: 1px;
}

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;
}

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

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

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

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

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

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

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

.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 #a17f1a;
    left: 10px;
    top: 17px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
}

ul.list2 {
    list-style: none;
    padding-left: 20px !important;
    margin-bottom: 20px;
}

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

ul.list2 li:before {
    font-family: 'rt-icons-2';
    font-size: 8px;
    color: #a17f1a;
    content: "\e7c5";
    position: absolute;
    left: -18px;
    top: 7px;
}

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

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

ol.list3 li:after {
    content: counter(li, decimal-leading-zero);
    counter-increment: li;
    position: absolute;
    left: 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: #a17f1a;
    border-radius: 100%;
}

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

.table_template thead {
    background-color: #a17f1a;
    color: #323232;
}

.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);
}

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: .1em;
    line-height: 0;
    padding-right: 0.1em;
}

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

p>[class*="rt-icon"]+[class*="rt-icon"] {
    margin-left: -0.75em;
}

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

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

/* 
**buttons 
*/
.theme_button {
    font-size: 14px;
    font-weight: 400;
    padding: 20px 23px 20px;
    margin-bottom: 4px;
    line-height: 1;
    display: inline-block;
    min-width: 8.5em;
    text-align: center;
    color: #ffffff;
    border: 3px solid #323232;
    background-color: #323232;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    position: relative;
    -webkit-transition: all 0.4s linear 0s;
    -moz-transition: all 0.4s linear 0s;
    -o-transition: all 0.4s linear 0s;
    -ms-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;
}

.theme_button_discrete {
    font-size: 14px;
    font-weight: 400;
    padding: 11px 13px 11px;
    margin-bottom: 4px;
    line-height: 1;
    display: inline-block;
    min-width: 8.5em;
    text-align: center;
    color: #ffffff !important;
    border: 3px solid #323232;
    background-color: #323232;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    position: relative;
    -webkit-transition: all 0.4s linear 0s;
    -moz-transition: all 0.4s linear 0s;
    -o-transition: all 0.4s linear 0s;
    -ms-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;
}

.theme_button_discrete2 {
    font-size: 14px;
    font-weight: 400;
    padding: 8px 13px 8px;
    margin-bottom: 4px;
    line-height: 1;
    display: inline-block;
    min-width: 8.5em;
    text-align: center;
    color: #ffffff !important;
    border: 3px solid #323232;
    background-color: #323232;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    position: relative;
    -webkit-transition: all 0.4s linear 0s;
    -moz-transition: all 0.4s linear 0s;
    -o-transition: all 0.4s linear 0s;
    -ms-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;
}

.color1 {
    background-color: #a17f1a;
    border-color: #a17f1a;
}

.color2 {
    background-color: #ff9c02;
    border-color: #ff9c02;
}

.theme_button:active,
.theme_button:hover,
.theme_button:focus {
    color: rgba(255, 255, 255, 0.7);
    opacity: 1;
    text-decoration: none;
    outline: none;
    -webkit-transition: all 0.05s linear 0s;
    -moz-transition: all 0.05s linear 0s;
    -o-transition: all 0.05s linear 0s;
    -ms-transition: all 0.05s linear 0s;
    transition: all 0.05s linear 0s;
}

.theme_button:active {
    top: 1px;
}

.theme_button.inverse {
    color: #323232;
    background-color: transparent;
    border: 3px solid #323232;
}

.muted_button {
    opacity: 0.2;
}

.small_button {
    padding: 1px 7px 0px;
    text-transform: uppercase;
    font-weight: 100;
    min-width: auto;
}

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

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

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

/*
**common sections styles
*/
/*parallax*/
.parallax {
    background-attachment: fixed !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    background-position: 50% 0;
    background-repeat: no-repeat;
    position: relative;
}

@media (max-width: 767px) {
    .parallax {
        -webkit-background-size: auto auto !important;
        -moz-background-size: auto auto !important;
        -o-background-size: auto auto !important;
        background-size: auto auto !important;
    }
}

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

.muted_section:before,
.muted_section:after,
.parallax:before,
.parallax:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.8;
}

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

.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: #f2f2f2;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=88)";
    filter: alpha(opacity=88);
    opacity: 0.88;
}

.parallax.cs:after {
    background-color: #a17f1a;
    -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: #e23751;
}

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

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

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

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

.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;
}

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

.header_gradient,
.gradient:before,
.gallery-image-links:before,
.blog-item:hover:before,
.dark_gradient:before {
    background: #a17f1a;
    background: -moz-linear-gradient(left, #a17f1a 0%, #e23751 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #a17f1a), color-stop(100%, #e23751));
    background: -webkit-linear-gradient(left, #a17f1a 0%, #e23751 100%);
    background: -o-linear-gradient(left, #a17f1a 0%, #e23751 100%);
    background: -ms-linear-gradient(left, #a17f1a 0%, #e23751 100%);
    background: linear-gradient(to right, #a17f1a 0%, #e23751 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$mainColor', endColorstr='$mainColor2', GradientType=1);
}

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

.darken_gradient:before {
    background: -moz-linear-gradient(top, transparent 0%, rgba(55, 52, 47, 0.65) 100%);
    background: -webkit-linear-gradient(top, transparent 0%, rgba(55, 52, 47, 0.65) 100%);
    background: -o-linear-gradient(top, transparent 0%, rgba(55, 52, 47, 0.65) 100%);
    background: -ms-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;
    left: 0;
    right: 0;
    top: 0;
    background-color: #e1e1e1;
}

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

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

.section_header {
    margin: 0 0 24px;
    font-size: 56px;
    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: 42px;
    text-transform: none;
    font-weight: 300;
}

.section_header.page-title {
    font-size: 48px;
}

h3+.section_header,
.big+.section_header {
    margin-top: -17px;
}

.section_header+h3 {
    margin: -22px 0 44px;
    font-size: 30px;
}

.section_header+p {
    font-size: 22px;
    margin-bottom: 28px;
    line-height: 1.5em;
}

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

.text-center .section_header+p,
.section_header.text-center+p {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.section_header+blockquote {
    font-weight: 100;
    font-style: normal;
    margin-bottom: 10px;
    line-height: 1.8;
}

@media (max-width: 991px) {
    .section_header {
        font-size: 30px;
        margin-top: 0;
    }

    .section_header+blockquote,
    .section_header+p {
        max-width: 100% !important;
    }

    .section_header+p {
        font-size: 1.1em;
        letter-spacing: 0;
    }
}

@media (max-width: 767px) {
    .section_header {
        font-size: 30px;
        margin-top: 0;
    }

    .section_header.big {
        font-size: 36px;
        margin-top: 0;
    }

    .section_header+blockquote,
    .section_header+p {
        max-width: 100% !important;
    }
}

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

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

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

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

/*
**boxed layout
*/
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);
}

.boxed .container {
    max-width: 100%;
    padding-left: 50px;
    padding-right: 50px;
}

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

.boxed #box_wrapper.container {
    padding: 0;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    margin-top: 59px;
}

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

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

.ls h1,
.ls h2,
.ls h3 {
    color: var(--theme-color1);
    font-weight: 500;
    text-align: center;
}

.ls h4,
.ls h5,
.ls h6 {
    color: #323232;
    text-align: center;
}

.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: #9a9a9a;
}

.ls a {
    color: #a17f1a;
}

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

.ls a.logo {
    color: #323232;
}

.ls .theme_button {
    color: #ffffff;
}

.ls .theme_button:hover,
.ls .theme_button:focus {
    color: rgba(255, 255, 255, 0.7);
}

.ls .theme_button i {
    color: #ffffff;
}

.ls .theme_button.inverse {
    color: #323232;
}

.ls .theme_button.inverse:hover,
.ls .theme_button.inverse:focus {
    color: rgba(50, 50, 50, 0.7);
}

.ls .theme_button.inverse i {
    color: #323232;
}

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

.ls .color-icon.bg-icon:hover {
    color: #ffffff !important;
}

.ls .highlight {
    color: #a17f1a;
}

.ls .greylinks a {
    color: #9a9a9a;
}

.ls .greylinks a:hover {
    color: #a17f1a;
}

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

.ls .darklinks a:hover {
    color: #e23751;
}

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

.ls.ms .greylinks a:hover {
    color: #323232;
}

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

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

.ls.ms .form-control {
    border-color: transparent;
    background-color: #ffffff;
}

.ls.ms .panel-title>a {
    background-color: #ffffff;
}

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

.ls.ms .pagination>li>a,
.ls.ms .pagination>li>span {
    background-color: #ffffff;
}

.ls.ms .breadcrumb {
    color: #9a9a9a;
}

.ls.ms .breadcrumb a {
    color: #818181;
}

.ls.ms .breadcrumb a:hover {
    color: #a17f1a;
}

/**common dark and color sections - .ds and .ds.cs*/
.ds {
    /* blog */
    /* single blog post */
    /* shortcodes */
    /* shop */
}

.ds .ds.ms {
    background-color: #1a1a1a;
}

.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: #a17f1a;
}

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

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

.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: #a17f1a;
}

.ds .ls a {
    color: #a17f1a;
}

.ds .ls a:hover {
    color: #323232;
}

.ds a {
    color: #ffffff;
}

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

.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;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.02);
}

.ds .theme_button:hover,
.ds .theme_button:focus {
    color: rgba(255, 255, 255, 0.5);
}

.ds .theme_button i {
    color: #ffffff;
}

.ds .theme_button.inverse {
    border-color: #ffffff;
    background-color: transparent;
    color: #ffffff;
}

.ds .theme_button.inverse:after {
    display: none;
}

.ds .theme_button.inverse:hover,
.ds .theme_button.inverse:focus {
    color: rgba(255, 255, 255, 0.5);
}

.ds .theme_button.inverse.color1 {
    border-color: #a17f1a;
}

.ds .theme_button.inverse.color1:hover {
    color: #a17f1a;
}

.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: #a17f1a;
}

.ds .highlight2 {
    color: #ff9c02;
}

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

.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 .form-control {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}

.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 {
    color: #9a9a9a;
    opacity: 1;
}

.ds .form-control::-moz-placeholder {
    color: #9a9a9a;
    opacity: 1;
}

.ds .form-control:-ms-input-placeholder {
    color: #9a9a9a;
}

.ds .form-control::-webkit-input-placeholder {
    color: #9a9a9a;
}

.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) !important;
}

.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 !important;
}

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

.ds .tab-content,
.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: #a17f1a;
    border-bottom-color: transparent;
    background-color: #a17f1a;
    color: #ffffff;
}

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

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

.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 .highlightlinks a {
    color: #a17f1a;
}

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

.ds .greylinks a {
    color: #9d9d9d;
}

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

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

.ds .darklinks a:hover {
    color: #a17f1a;
}

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

.ds a.logo:hover {
    color: #e6e6e6;
}

.ds.blog-single .post {
    background-color: transparent;
}

.ds.blog-single .post .entry-header {
    color: #9d9d9d;
    border-color: rgba(255, 255, 255, 0.1);
}

.ds.blog-single .post .entry-header span {
    border-color: rgba(255, 255, 255, 0.1);
}

.ds.blog-single .post .entry-title a {
    color: inherit;
}

.ds.blog-single .post .entry-excerpt {
    color: #9d9d9d;
    border-color: rgba(255, 255, 255, 0.1);
}

.ds .blog-grid-post-meta {
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.1);
}

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

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

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

@media (min-width: 992px) {
    .ds.blog article.post .date {
        color: inherit;
    }
}

.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) !important;
}

.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: #161513;
}

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

.ds .pagination>li>a,
.ds .pagination>li>span {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.06);
}

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

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

.ds .thumbnail .caption {
    border-color: transparent;
    background-color: #1b1a18;
}

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

.ds .panel-group .panel-heading+.panel-collapse .panel-body {
    border-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: #a17f1a;
}

.ds .entry-meta .comments-link a {
    color: #ffffff;
}

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

/**dark section - .ds*/
.ds {
    background-color: #1e1d1a;
    color: #9a9a9a;
}

/**darkgrey section - .ds.ms*/
.ds.ms {
    background-color: #323232;
}

.ds.ms .section_header+p {
    color: #9a9a9a !important;
}

.ds.ms.darkgrey_lighter {
    background-color: #3a3a3a;
}

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

.cs.main_color2 .highlight {
    color: #a17f1a;
}

.cs {
    background-color: #a17f1a;
    color: #ffffff;
}

.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: #fceabe;
}

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

.cs .theme_button.color1 {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #323232;
}

.cs .theme_button.color1:hover {
    color: rgba(50, 50, 50, 0.7);
}

.cs .theme_button.color1 i {
    color: #323232;
}

.cs .theme_button:hover,
.cs .theme_button:focus {
    color: rgba(255, 255, 255, 0.5);
}

.cs .theme_button i {
    color: #ffffff;
}

.cs .theme_button.inverse {
    background-color: transparent;
    border-color: #ffffff;
    color: #ffffff;
}

.cs .theme_button.inverse:hover,
.cs .theme_button.inverse:focus {
    color: rgba(255, 255, 255, 0.5);
}

section .cs .theme_button {
    color: #323232;
    background-color: #ffffff;
    border-color: #ffffff;
}

section .cs .theme_button:hover {
    background-color: #323232;
    border-color: #323232;
    color: #ffffff;
}

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

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

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

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

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

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

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

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

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

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

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

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

.cs .color-icon.bg-icon:hover {
    color: #ffffff !important;
}

.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.1);
}

/*
**template styles
*/
#box_wrapper,
#canvas {
    overflow: visible;
    position: relative;
}

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

#box_wrapper.container {
    overflow: hidden;
}

.page_topline {
    position: relative;
    z-index: 1001;
}

.page_topline [class*="rt-icon"] {
    position: relative;
    top: 6px;
    padding-right: 6px;
    line-height: 0;
}

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

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

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

.header_white {
    color: #9a9a9a;
    background-color: #ffffff;
}

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

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

.header_darkgrey {
    background-color: #323232;
}

.boxed .header_darkgrey {
    background-color: #323232 !important;
}

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

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

.page_header_wrapper {
    height: 59px !important;
}

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

.home a.logo img,
footer a.logo img {
    max-width: 100%;
}

@media (max-width: 991px) {
    a.logo.logo_image {
        max-width: 120px;
    }
}

.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: 65px;
}

.floating_logo a.logo {
    float: left;
    margin-right: 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;
}

#testinput:focus {
    background: red;
}

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

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

.page_header.affix {
    position: fixed;
    border-bottom: 1px solid #eee;
}

.page_header.affix .logo img {
    max-height: 60px;
    -moz-transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
}

.page_header.affix .widget-language {
    display: none;
}

.page_header a.header-button {
    display: inline-block;
    color: #9a9a9a;
    padding: 0 10px;
    line-height: 60px;
}

@media (min-width: 1400px) {
    .page_header a.header-button {
        line-height: 80px;
        border-left: 1px solid rgba(154, 154, 154, 0.1);
        padding: 0 30px;
    }
}

.boxed .page_header a.header-button {
    padding: 0 10px;
    line-height: 60px;
    border: none;
}

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

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

/* modal search */
.modal-open .page_header_wrapper,
.modal-open .page_header.affix,
.modal-open .modal#search_modal {
    right: 16px !important;
}

#search_modal {
    color: #fff;
}

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

#search_modal a:hover {
    color: #a17f1a;
    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);
}

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

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

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

.page_breadcrumbs .breadcrumbs_logo img {
    opacity: 0.2;
}

.page_breadcrumbs h1 {
    display: inline;
    font-size: 56px;
    text-transform: uppercase;
    word-wrap: break-word;
}

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

@media (max-width: 991px) {
    .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-right: 20px;
    }

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

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

.page_banners h4 {
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.page_banners a:hover h4 {
    opacity: 0.7;
}

@media (min-width: 1200px) {
    .page_banners h4 {
        font-size: 40px;
    }
}

.page_banners .display_table_cell {
    padding: 10px 30px;
}

.page_portfolio {
    overflow: hidden;
}

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

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

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

.page_breadcrumbs.parallax {
    background-image: url(../images/parallax/breadcrumbs.jpg);
}

.page_testimonials {
    overflow: hidden;
}

.page_copyright {
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 99;
    background: rgba(255, 255, 255, 0.6);
}

.page_copyright,
.page_copyright a {
    color: #333;
}

.page_copyright p {
    margin: 0;
}

.page_copyright i.fa {
    opacity: 0.3;
}

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

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

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

.ds.ms+.page_footer.ds.ms {
    background-color: #1a1a1a;
}

#featured {
    background: url(../images/parallax/featured.jpg) no-repeat 50% 50%;
    background-size: cover;
}

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

#map {
    height: 500px;
}

#map img {
    max-width: inherit;
}

#map h3 {
    margin-top: 0;
}

#map p {
    line-height: 1.3;
}

.item-content.darken_gradient {
    padding-top: 50px !important;
}

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

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

.flexslider .blockquote-big {
    padding-bottom: 60px;
}

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

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

.intro_section>img {
    width: 100%;
}

.intro_section .flexslider:before,
.intro_section .flexslider:after {
    content: '';
    display: block;
    clear: both;
}

.intro_section .embed-placeholder>img {
    max-width: 510px;
    display: inline-block !important;
}

.intro_section .container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.intro_section [class*="col-"] {
    position: static;
}

.intro_section .slide_description_wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 100%;
    z-index: 5;
    padding: 55px 0 20px;
}

@media (min-width: 600px) {
    .boxed .intro_section .slide_description_wrapper {
        padding-left: 60px;
        padding-right: 60px;
    }
}

.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_description>div {
    margin: 10px 0;
}

.intro_section .big {
    font-size: 22px;
}

.intro_section h3 {
    font-size: 40px;
    line-height: 0.9;
    margin: 0 0 10px;
}

.intro_section .top-corner {
    max-width: 120px;
}

.intro_section .top-corner div {
    margin-top: -3px;
    text-transform: uppercase;
    padding: 20px;
}

.intro_section .flex-control-nav {
    text-align: left;
}

@media (min-width: 1200px) {
    .intro_section .big {
        font-size: 28px;
    }

    .intro_section p {
        font-size: 18px;
    }
}

.boxed .intro_section h3 {
    font-size: 50px;
    font-weight: 100;
}

.boxed .intro_section .big {
    font-size: 30px;
    font-weight: 100;
}

.boxed .intro_section p {
    font-size: 18px;
}

.boxed .intro_section .topmargin_40 {
    margin-top: 30px;
}

.boxed .intro_section .topmargin_30 {
    margin-top: 20px;
}

@media (min-width: 1450px) {
    .intro_section .container {
        width: 1400px;
    }

    .intro_section h3 {
        font-size: 90px;
        font-weight: 100;
    }

    .intro_section .big {
        font-size: 40px;
        font-weight: 100;
    }

    .intro_section p {
        font-size: 20px;
    }
}

@media (min-width: 1600px) {
    .intro_section .container {
        width: 1580px;
    }
}

@media (max-width: 992px) {
    .intro_section {
        line-height: 1;
        text-align: center;
    }

    .intro_section .nav-container {
        padding: 0;
    }

    .intro_section .flex-control-nav,
    .intro_section .flex-custom-nav {
        bottom: 13px;
        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 30px;
        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
*/
@media (min-width: 992px) {

    /* menu layout */
    .sf-menu,
    .sf-menu ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .sf-menu li {
        position: relative;
    }

    .sf-menu ul {
        position: absolute;
        display: none;
        top: 100%;
        z-index: 99;
    }

    .page_footer .sf-menu ul {
        top: auto;
        bottom: 100%;
    }

    .sf-menu li:hover>ul,
    .sf-menu li.sfHover>ul {
        display: block;
    }

    .sf-menu a {
        display: block;
        font-weight: 500;
        position: relative;
    }

    .sf-menu ul ul {
        top: -20px;
        left: 100%;
    }

    .page_footer .sf-menu ul ul {
        top: 20px;
    }

    /* menu skin */
    .sf-menu a {
        padding: .4em 1.1em;
        text-decoration: none;
        zoom: 1;
        /* IE7 */
        -webkit-transition-property: color, background-color, border-color;
        -moz-transition-property: color, background-color, border-color;
        -ms-transition-property: color, background-color, border-color;
        -o-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 .2s;
        transition: background .2s;
    }

    .sf-menu>li {
        display: inline-block;
        position: relative;
    }

    .sf-menu>li>a {
        font-size: 16.9px;
    }

    .sf-menu>li>a:hover,
    .sf-menu>li.active>a {
        color: #a17f1a;
    }

    .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;
        left: 0;
        top: 0;
        bottom: 0;
        background-color: rgba(255, 255, 255, 0.1);
    }

    .header_white .sf-menu>li>a {
        color: #323232;
    }

    .header_white .sf-menu>li>a:hover,
    .header_white .sf-menu>li.active>a {
        color: #a17f1a;
        font-family: "Allura", cursive;
        font-weight: bold;
        font-style: normal;
        font-size: 19px;
    }

    .header_white .sf-menu>li+li:before {
        background-color: #e1e1e1;
    }

    .header_darkgrey .sf-menu>li>a {
        color: #ffffff;
    }

    .header_darkgrey .sf-menu>li>a:hover,
    .header_darkgrey .sf-menu>li.active>a {
        color: #a17f1a;
    }

    .header_gradient .sf-menu>li>a {
        color: #ffffff;
    }

    .header_gradient .sf-menu>li>a:hover,
    .header_gradient .sf-menu>li.active>a {
        color: #323232;
    }

    .sf-menu li:hover,
    .sf-menu li.sfHover {
        /* only transition out, not in */
        -webkit-transition: none;
        transition: none;
    }

    /* second level */
    .sf-menu ul {
        margin-top: 1px;
        text-align: left;
        list-style: none;
        padding: 20px 0;
        background-color: #ffffff;
        box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
        min-width: 12em;
        /* allow long menu items to determine submenu width */
        *width: 12em;
        /* no auto sub width for IE7, see white-space comment below */
    }

    .sf-menu ul a {
        color: #323232;
        padding-left: 30px;
        padding-right: 30px;
        font-family: "Allura", cursive;
        font-weight: bold;
        font-style: normal;
        font-size: 17px;
    }

    .sf-menu ul a:hover,
    .sf-menu ul li.active a {
        color: #a17f1a;
    }

    /* third level */
    .sf-menu ul ul {
        margin-top: 0;
        margin-left: 1px;
    }

    .affix-top .sf-menu>li>a [class*='icon'] {
        display: block;
        font-size: 1.9em;
        line-height: 1em;
        padding: 0;
        top: 0;
        text-align: center;
    }

    /*** arrows (for all except IE7) **/
    /* styling for both css and generated arrows */
    .sf-arrows .sf-with-ul:after {
        font-family: 'fontello';
        content: '\e82e';
        padding-left: 7px;
    }

    /*top menu level*/
    /* styling for right-facing arrows */
    .sf-arrows ul .sf-with-ul:after {
        content: '\e830';
    }
}

@media (min-width: 1250px) {
    .sf-menu>li>a {
        font-size: 20px;
    }
}

.flex-row {
    display: flex;
    flex-direction: row;
}

.flex-column {
    display: flex;
    flex-direction: column;
}

/* common paddings */
@media (min-width: 992px) {
    .sf-menu>li>a {
        padding-left: 2px;
        padding-right: 0px;
    }

    .bordered_items .sf-menu>li>a {
        padding-right: 40px;
        padding-left: 44px;
    }
}

/* -md- paddings */
@media (min-width: 992px) and (max-width: 1199px) {
    .sf-menu>li>a {
        padding-left: 9px;
        padding-right: 8px;
    }

    .bordered_items .sf-menu>li>a {
        padding-right: 20px;
        padding-left: 24px;
    }
}

/* -lg- paddings */
@media (min-width: 1200px) {
    .sf-menu>li>a {
        padding-left: 18px;
        padding-right: 18px;
    }

    .boxed .col-md-6 .sf-menu>li>a {
        padding-left: 14px;
        padding-right: 14px;
    }
}

@media (min-width: 1400px) {
    .sf-menu>li>a {
        padding-left: 19px;
        padding-right: 13px;
    }
}

.toggle_menu {
    position: fixed;
    top: 12px;
    right: 7%;
    margin-left: -30px;
    display: none;
    width: 30px;
    height: 60px;
    cursor: pointer;
    z-index: 1001;
    visibility: visible;
}

.header_white .toggle_menu span,
.header_white .toggle_menu span:before,
.header_white .toggle_menu span:after {
    background-color: #323232;
}

.page_toplogo .toggle_menu {
    position: fixed;
    top: 0;
    left: auto;
    right: 0;
    background-color: #323232;
    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: var(--theme-color1);
    content: '';
    left: 0;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.toggle_menu span {
    left: 18px;
    top: 20%;
    margin-top: -1px;
}

.toggle_menu span:before {
    top: -6px;
}

.toggle_menu span:after {
    top: 6px;
}

/*
**main menu laptop styles
*/
@media (min-width: 992px) {
    .mainmenu_wrapper {
        margin-left: 8%
    }
}

/*
**main menu mobile styles
*/
@media (max-width: 991px) {
    .mainmenu_wrapper {
        /*position: relative;*/
        position: fixed;
        visibility: hidden;
        z-index: 10;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-color: transparent;
        opacity: 0;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        -ms-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: var(--theme-color1) !important;
        border: none;
        left: auto;
        top: 0;
        right: 0;
        position: fixed;
        margin: 0;
        z-index: 3000;
    }

    .toggle_menu.mobile-active:after {
        position: absolute;
        top: 17px;
        left: -7px;
        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: left;
    }

    .sf-menu {
        position: fixed;
        overflow: auto;
        background-color: #32323200;
        padding: 10px 20px 10px 10px;
        top: 0px;
        left: 0px;
        bottom: 0px;
        right: 100%;
        font-size: 1.1em;
        text-transform: uppercase;
        font-weight: 400;
        word-wrap: break-word;
        text-align: left;
        -webkit-transition: all 0.4s ease-out 0s;
        -moz-transition: all 0.4s ease-out 0s;
        -o-transition: all 0.4s ease-out 0s;
        -ms-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
    }

    .mainmenu {
        background-color: var(--theme-color1);
    }

    .mobile-active .sf-menu {
        opacity: 1;
        right: 20px;
        font-family: "Allura", cursive;
        font-weight: 400;
        font-style: normal;
        font-size: 44px;
        text-transform: none;
    }

    .sf-menu>li>a,
    .sf-menu a {
        color: #ffffff;
    }

    .sf-menu ul {
        list-style: none;
        padding-left: 10px;
    }

    .sf-menu ul li a {
        display: block;
        padding: 10px;
        font-weight: 300;
        font-size: 30px;
        text-transform: none;
    }

    .sf-menu ul li a:before {
        content: '-';
        padding-right: 5px;
    }

    .sf-menu ul ul li a:before {
        content: '--';
        padding-right: 5px;
    }

    /*** arrows (for all except IE7) **/
    .sf-arrows .sf-with-ul {
        padding-right: 2.5em;
        *padding-right: 1em;
        /* no CSS arrows for IE7 (lack pseudo-elements) */
    }

    /* styling for both css and generated arrows */
    .sf-arrows .sf-with-ul:after {
        font-family: 'fontello';
        content: '\e82e';
        position: absolute;
        right: 1.44em;
        height: 0;
        width: 0;
        font-size: 20px;
    }

    /*top menu level*/
    .sf-arrows .sfHover>a,
    .sf-arrows .sfHover>a:hover {
        color: #ffffff;
        background-color: var(--theme-color1);
    }
}

.application-form-buttons button {
    width: 100%;
}

.application-form-buttons p {
    flex: 1 1 0px;
}

@media (max-width: 766px) {
    .application-form-buttons {
        display: flex;
        flex-direction: column;
    }
}

/* For some reasons, because of bootstrap, the buttons look weird on tablet only,
This is a hack to make it looks ok */
@media (min-width: 766px) {
    .application-form-buttons {
        display: flex;
        flex-direction: row;
        gap: 50px;
        margin-top: 30px;
        flex-wrap: wrap;
    }

    .application-form-buttons #form-save-draft {
        order: 3;
    }
}

@media (min-width: 936px) {
    .application-form-buttons {
        display: flex;
        flex-direction: row;
        gap: 50px;
        margin-top: 30px;
    }

    .application-form-buttons #form-save-draft {
        order: 0;
    }
}

/*
**subpages
*/
/*404*/
.not_found {
    font-size: 280px;
    font-weight: 700;
    line-height: 0.8;
}

.not_found+h2 {
    font-size: 42px;
    margin: 0 0 26px;
}

.not_found+h2+p {
    margin: 0 0 15px;
}

.not_found+h2+p+.widget_search {
    max-width: 370px;
    margin: auto;
}

/*about*/
@media (min-width: 500px) {
    .about-content {
        padding: 30px 40px 40px 10px;
    }
}

@media (min-width: 500px) and (max-width: 991px) {
    .about-content {
        padding-top: 1px;
        padding-left: 40px;
    }
}

@media (min-width: 500px) {
    .about-content h2 {
        margin: 24px 0 18px;
        font-size: 40px;
    }
}

/* 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-right: 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-right: 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 {
    margin-top: 30px;
}

.isotope-item article.post {
    margin: 0 0 30px !important;
}

.post.vertical-item .item-content {
    padding: 15px;
}

.post .side-item .item-content {
    padding: 15px;
}

@media (max-width: 991px) {
    .post .side-item .item-content {
        padding-left: 15px;
    }
}

/* mosaic */
.mosaic-post p {
    margin-bottom: 0;
}

.mosaic-post .post-social-links {
    margin: -1px;
    padding: 18px 40px 17px;
}

h3.entry-title {
    font-size: 18px;
    margin: 10px 0 14px;
}

h3.entry-title+.date {
    display: inline-block;
    text-transform: uppercase;
    line-height: 1;
    padding: 4px 14px;
    margin-bottom: 22px;
}

h4.entry-title {
    font-size: 25px;
}

.item-meta {
    opacity: 0.8;
    font-weight: 300;
}

.item-meta+.entry-title {
    margin-bottom: 25px;
}

.entry-tags {
    margin-top: 30px;
}

.entry-tags .theme_button {
    margin-right: 6px;
}

.entry-tags span+span {
    margin-left: 14px;
}

.entry-tags i {
    font-size: 14px;
    margin-right: 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: 22px 0 33px;
}

.post-adds span {
    display: inline-block;
    line-height: 40px;
    padding: 0 20px;
}

.post-adds .theme_button {
    padding: 10px 6px;
    min-width: 0;
    margin-bottom: 0;
}

.post-adds .theme_button>[class*="rt-icon"] {
    font-size: 18px;
    top: 3px;
}

.post-adds .theme_button.inverse {
    border-color: transparent rgba(55, 52, 47, 0.1) transparent transparent;
    border-width: 1px;
    padding: 12px 8px;
}

.post-adds .theme_button.inverse>[class*="rt-icon"] {
    color: #a17f1a;
}

.post-adds .theme_button:hover>[class*="rt-icon"] {
    opacity: 0.7;
}

/* additional meta in corner of thumbnail */
.entry-meta-corner {
    position: absolute;
    z-index: 2;
    text-align: center;
    color: #ffffff;
    background-color: #a17f1a;
}

.entry-meta-corner a {
    color: #ffffff;
}

.entry-meta-corner a:hover {
    color: #a17f1a;
}

.entry-meta-corner .date {
    color: #323232;
    display: block;
    min-width: 60px;
    padding: 0 3px;
    text-transform: uppercase;
    background: #e25601 url('../image/title-bg.png') repeat center center;
}

.entry-meta-corner .date strong {
    color: #ffffff;
    display: block;
    font-size: 42px;
    font-weight: 100;
    padding: 12px 0 0;
}

.entry-meta-corner .comments-link {
    line-height: 1;
    display: block;
    padding: 2px 5px;
    background-color: #323232;
}

.entry-meta-corner .comments-link i {
    position: relative;
    top: 1px;
}

.categories-links {
    padding-right: 17px;
}

.categories-links a+a {
    margin-left: 6px;
}

/* highlight first letter in blog post */
.entry-content p.big-first-letter:first-letter {
    font-size: 60px;
    line-height: 60px;
    font-weight: 700;
    color: #a17f1a;
    float: left;
    margin-right: 10px;
}

/*blog single*/
.entry-excerpt {
    font-size: 20px;
    line-height: 30px;
    margin: 8px 0 30px;
}

.entry-excerpt p {
    margin-bottom: 16px !important;
}

.blog-more-toggle {
    display: block;
    text-transform: uppercase;
    padding: 9px 0;
    margin: 32px 0 80px;
    background-color: rgba(128, 128, 128, 0.05);
}

.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: right;
}

.st_facebook_hcount span,
.st_twitter_hcount span,
.st_googleplus_hcount span {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
}

.author-meta h4 {
    margin: 0 0 20px;
}

.author-meta .item-content {
    position: relative;
    padding: 32px 45px 12px 45px;
}

@media (min-width: 992px) {
    .author-meta .item-content {
        padding-left: 10px;
    }
}

.author-meta .author-social {
    position: absolute;
    right: -1px;
    top: -1px;
}

.author-meta .author-social a {
    display: block;
    margin: 0 !important;
}

/* events */
.event-item .item-content {
    padding: 30px 40px 10px 10px;
}

@media (max-width: 991px) {
    .event-item .item-content {
        padding-top: 10px;
        padding-left: 40px;
    }
}

.event-item .item-content i {
    padding-right: 5px;
}

.event-single.muted_background .item-content {
    padding: 0 40px 50px;
}

/*comments*/
.comments-area {
    margin-top: 28px;
}

.comments-area h2 {
    margin-bottom: 28px;
    font-size: 30px;
    font-size: 40px;
    font-weight: 700;
}

.comments-area li {
    list-style: none;
    padding-top: 30px;
}

.comments-area .media {
    position: relative;
}

.comments-area .media-left {
    padding-right: 0;
}

.comments-area .media-object {
    max-width: 70px;
}

.comments-area .media-body {
    padding: 26px 0 14px 30px;
}

.comment-list {
    margin: 0;
    padding: 0;
    position: relative;
}

.comment-list ol {
    padding-left: 15px;
}

@media (min-width: 992px) {
    .comment-list ol {
        padding-left: 70px;
    }
}

.comment-meta {
    line-height: 1;
    margin-bottom: 0;
    padding-bottom: 10px;
}

.comment-meta .comment-date {
    display: block;
    margin: 7px 0 10px;
}

.comment-meta .author_url {
    font-size: 24px;
}

.reply {
    position: absolute;
    right: -1px;
    top: -1px;
}

.reply i {
    font-size: 18px !important;
}

.reply .theme_button {
    padding: 9px 6px 11px 4px !important;
    min-width: auto;
}

.comment-respond {
    margin-top: 73px;
}

.comment-respond h3 {
    font-size: 40px;
    margin: 0 0 44px;
}

.comment-respond p {
    margin-bottom: 10px;
    position: relative;
}

.comment-form.muted_background {
    padding: 30px 30px 20px;
}

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

.comment-form .theme_button {
    margin-right: 6px;
}

@media (max-width: 500px) {
    .comment-respond i.pull-left {
        display: none;
    }

    .comment-respond .comment-form {
        margin-left: 0;
    }
}

/* gallery */
#isotope_filters,
.filters {
    margin: 14px 0 67px;
    padding: 0;
    list-style: none;
}

#isotope_filters li,
.filters li {
    display: inline-block;
    margin: 0;
    padding: 0;
}

#isotope_filters a,
.filters a {
    padding: 11px 20px;
    margin: 0 3px 10px;
    display: inline-block;
    text-transform: uppercase;
    color: #323232;
    background-color: #ffffff;
}

#isotope_filters a:hover,
#isotope_filters a.selected,
#isotope_filters a.active,
.filters a:hover,
.filters a.selected,
.filters a.active {
    background-color: #a17f1a !important;
    border-color: #a17f1a !important;
    color: #ffffff !important;
}

.gallery-item {
    overflow: hidden;
    position: relative;
}

.gallery-item .item-content {
    padding: 0 40px 5px;
    background: transparent;
}

.gallery-item:hover .item-content {
    z-index: 99;
}

.gallery-item h4.item-meta {
    font-weight: 300;
    z-index: 5;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.gallery-item:hover h4.item-meta {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.gallery-extended-item .item-content {
    padding: 34px 50px 36px;
}

@media (max-width: 400px) {
    .gallery-extended-item .item-content {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.gallery-extended-item .item-title {
    font-size: 28px;
    margin: 0 0 5px;
}

.gallery-extended-item .categories-links {
    display: block;
    margin-bottom: 20px;
}

.gallery-extended-item .item-button {
    margin-top: 21px;
}

.gallery-title-item+.item-title {
    padding: 30px 0;
}

.gallery-title-item+.item-title h3 {
    font-size: 28px;
    margin-bottom: 5px;
}

.loadmore_spinner {
    font-size: 30px !important;
    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;
}

.gallery-items-nav {
    margin-top: 30px !important;
    padding: 30px 23px;
}

.gallery-items-nav h4 {
    margin: -5px 0 0;
}

.gallery-items-nav .media {
    position: relative;
    padding: 10px 0;
}

.gallery-items-nav .next-item img {
    max-width: none;
    padding: 0 30px 0 0;
}

.gallery-items-nav .next-item i {
    right: -7px;
}

.gallery-items-nav .prev-item img {
    max-width: none;
    padding: 0 0 0 30px;
}

.gallery-items-nav .prev-item i {
    left: -7px;
}

.gallery-items-nav a {
    position: relative;
}

.gallery-items-nav a i {
    position: absolute;
    top: 50%;
    margin-top: -14px;
    font-size: 16px;
}

.owl-carousel.hover-scale {
    margin-bottom: 50px;
}

@media (min-width: 768px) {
    .owl-carousel.hover-scale .owl-stage-outer {
        overflow: visible !important;
    }

    .owl-carousel.hover-scale .vertical-item {
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        -o-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 {
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-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 !important;
}

.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;
}

/*
**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: #323232;
}

.login-dropdown .dropdown-menu {
    min-width: 400px;
    padding: 30px 30px;
}

.login-dropdown .dropdown-menu label {
    display: none;
}

.login-dropdown .dropdown-menu .form-control {
    border-color: rgba(0, 0, 0, 0.05);
}

.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-left: 0;
        margin-right: 0;
        right: 0;
        left: 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-right: 10px;
}

#toggle_shop_view {
    margin-left: 14px;
}

#toggle_shop_view:before,
#toggle_shop_view:after {
    font-family: 'FontAwesome';
    display: inline-block;
    background-color: #323232;
    color: #ffffff;
    padding: 12px 12px 13px;
    font-size: 14px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

#toggle_shop_view:before {
    content: "\f00a";
    margin-right: 5px;
}

#toggle_shop_view:after {
    content: "\f03a";
    background-color: #a17f1a;
}

#toggle_shop_view.grid-view:before {
    background-color: #a17f1a;
}

#toggle_shop_view.grid-view:after {
    background-color: #323232;
}

#sort_view {
    color: #323232;
    display: inline-block;
    padding: 12px 11px 13px;
    font-size: 14px;
    background-color: #ffffff;
}

.columns-1 .product {
    width: 100%;
    margin-right: 0;
    float: none;
}

@media (min-width: 992px) {
    .columns-2 .product {
        width: 50%;
        float: left;
    }

    .columns-3 .product {
        width: 33.33333333%;
        float: left;
    }

    .columns-4 .product {
        width: 25%;
        float: left;
    }
}

.products {
    margin-left: -15px;
    margin-right: -15px;
}

.products:before,
.products:after {
    content: '';
    clear: both;
    display: block;
}

.product {
    margin-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
}

.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 {
    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-right: 25px;
    padding-left: 25px;
    min-width: auto;
}

.product [class*="col-"]:first-child a span {
    position: absolute;
    background-color: #e23751;
    color: #ffffff;
    padding: 8px 18px;
    text-transform: uppercase;
    top: 20px;
    right: 20px;
}

.product [class*="col-"]:first-child a span.onsale {
    background-color: #a17f1a;
    left: 20px;
    bottom: 20px;
    right: auto;
    top: auto;
}

.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: left;
    top: 0;
    left: 0;
    position: absolute;
    letter-spacing: 0.1em;
    letter-spacing: 0\9;
    color: #e5e5e5;
}

.star-rating span {
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 1.5em;
}

.star-rating span:before {
    color: #a17f1a;
}

.price {
    position: absolute;
    left: 35px;
    top: 20px;
    color: #323232;
    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;
    right: 20px;
}

.product-buttons a {
    float: left;
    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: #323232;
}

.product-buttons a.add_to_cart_button {
    color: #ffffff;
    background-color: #a17f1a;
}

.product-buttons a:hover {
    background-color: #323232;
    color: #ffffff;
}

.grid-view {
    text-align: center;
}

.grid-view .row {
    position: relative;
}

.grid-view .product [class*="col-"]:last-child {
    padding: 20px 35px 20px 35px;
    margin-top: 0 !important;
    position: absolute;
    top: 0;
}

.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%;
}

.list-view .product [class*="col-"]:last-child {
    padding: 10px 20px 10px 25px;
    margin-top: 0 !important;
}

@media (max-width: 991px) {
    .list-view .product [class*="col-"]:last-child {
        padding: 0 15px 20px;
    }
}

/* single-product */
.summary h1 {
    margin-bottom: 3px;
}

.summary .product-rating {
    margin-bottom: 10px;
}

.summary .price {
    position: static;
    margin-top: 20px;
    font-size: 50px;
    background-color: transparent;
    padding: 0;
}

.summary .price del {
    font-size: 28px;
}

.summary .star-rating {
    display: inline-block;
    top: 4px;
    margin-right: 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 .small_button {
    margin-left: 5px;
    padding-left: 6px;
    padding-right: 6px;
}

.owl-carousel.product-thumbnails {
    margin: 30px 0 0px;
}

.owl-carousel.product-thumbnails .owl-dots {
    margin: 20px 0 5px;
}

.owl-carousel.product-thumbnails .owl-dots span {
    width: 8px !important;
    height: 8px !important;
    border-width: 1px !important;
}

.owl-carousel.product-thumbnails .owl-nav {
    margin-top: -18px;
}

.owl-carousel.product-thumbnails .owl-nav>div {
    right: 0;
}

.owl-carousel.product-thumbnails .owl-nav>div:first-child {
    left: 0;
}

.owl-carousel.product-thumbnails .owl-nav>div:after {
    font-size: 16px;
    color: #323232;
}

.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 h3 {
    margin-bottom: 0;
    font-size: 28px;
}

.comment .star-rating {
    display: inline-block;
    top: 5px;
    margin-left: 10px;
}

.stars {
    position: relative;
}

.stars a {
    font-size: 12px;
    display: inline-block;
    font-weight: 700;
    text-indent: -9999px;
    position: relative;
    border-bottom: 0 !important;
    outline: 0;
    color: #a17f1a;
}

.stars a:after {
    font-family: "rt-icons-2";
    text-indent: 0;
    position: absolute;
    top: 0;
    left: 0;
    letter-spacing: 0.2em;
}

.stars a.star-1 {
    width: 1em;
}

.stars a.star-1:after {
    content: "\e7aa";
}

.stars a.star-2 {
    width: 2em;
}

.stars a.star-2:after {
    content: "\e7aa\e7aa";
}

.stars a.star-3 {
    width: 3em;
}

.stars a.star-3:after {
    content: "\e7aa\e7aa\e7aa";
}

.stars a.star-4 {
    width: 4em;
}

.stars a.star-4:after {
    content: "\e7aa\e7aa\e7aa\e7aa";
}

.stars a.star-5 {
    width: 5em;
}

.stars a.star-5:after {
    content: "\e7aa\e7aa\e7aa\e7aa\e7aa";
}

/* cart */
.shop-adds {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.4;
}

.shop-adds.teaser {
    margin-bottom: 0;
}

.shop-adds.teaser [class*="_bg_color"] {
    padding: 12px;
}

.cart-table {
    margin-bottom: 30px;
}

.cart_item .media {
    margin-left: -15px;
}

.cart_item img {
    max-width: 80px;
}

.cart_item h4 {
    margin-bottom: 12px;
}

.cart_item td {
    vertical-align: middle !important;
    padding: 18px 10px !important;
}

.cart_totals h4 {
    margin: 60px 0 30px;
}

.cart_totals table {
    margin: 0 0 50px;
}

.cart_totals td {
    padding: 20px 10px !important;
}

/* cart gradient section with teasers */
.quantity {
    position: relative;
    display: inline-block;
}

.quantity [type="button"] {
    position: absolute;
    right: 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-right: 30px;
    padding-left: 20px;
    max-width: 70px;
    min-width: 70px;
}

/* chekcout */
.shop-info {
    margin-bottom: 15px;
}

form.checkout .checkbox {
    margin: -5px 0 0;
}

form.checkout .lost_password {
    margin: 15px 0 -15px;
}

form.checkout label {
    text-align: left !important;
}

#order_review table thead {
    display: none;
}

#order_review table td+td {
    border-left: none;
    text-align: right;
}

.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.05);
    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 0 0 10px;
}

/* price filter */
.widget_price_filter input[readonly] {
    background-color: transparent;
    padding-right: 3px;
    padding-left: 3px;
    max-width: 89px;
    margin-bottom: 4px;
    display: inline-block;
}

.widget_price_filter .ui-slider-range {
    background-color: #a17f1a;
}

.widget_price_filter .ui-slider-horizontal {
    margin-bottom: 30px;
}

.widget_price_filter label[for] {
    display: inline-block !important;
    padding-right: 4px;
}

.widget_price_filter .form-group {
    display: inline-block;
    margin-right: 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 */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

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

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    min-height: 0;
    /* support: IE7 */
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
    /* support: IE8 */
}

.ui-front {
    z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-slider {
    position: relative;
    text-align: left;
    background-color: #fafafa;
}

.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: #323232;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}

.ui-slider-horizontal {
    height: 10px;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -1px;
    margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}

/* color layered nav */
.widget_layered_nav .color-filters li {
    display: inline-block;
    margin: 0 29px 14px 0;
}

.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.05);
    top: -2px;
    left: -2px;
    bottom: -2px;
    right: -2px;
}

.widget_layered_nav .color-filters span {
    position: relative;
    top: 2px;
    left: 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: #a17f1a;
    color: #ffffff;
    margin-right: 5px;
}

.widget_products .add_to_cart_button:hover {
    color: #ffffff;
    background-color: #323232;
}

/*
**widgets
*/
aside>div+div {
    margin-top: 10px;
}

aside>div+div>.widget-title {
    margin-top: 26px;
}

aside .widget+.widget {
    margin-top: 10px;
}

/* affix-aside */
.affix-aside {
    position: relative;
}

.affix-aside.affix {
    position: fixed;
    top: 50px;
}

@media (max-width: 767px) {

    .affix-aside,
    .affix-aside.affix {
        margin-top: 50px !important;
        position: static !important;
        top: auto !important;
        left: auto !important;
        width: inherit !important;
    }
}

.module-header {
    margin: 0 0 38px;
    text-transform: capitalize;
    font-size: 40px;
}

.page_footer .module-header {
    font-size: 28px;
}

.widget label[for],
.comment-form label[for],
.contact-form label[for],
.order-form label[for] {
    display: none;
}

.widget>h3,
.widget-title {
    font-size: 28px;
    margin: 0 0 28px;
    position: relative;
}

.widget>ul {
    margin-bottom: 0;
}

.widget li {
    position: relative;
}

.widget .vertical-item h4 {
    font-size: 20px;
    margin: 17px 0 0;
}

.widget .vertical-item+.vertical-item {
    margin-top: 16px;
}

.page_footer .widget li {
    border: none !important;
}

.page_footer .widget-title {
    font-size: 28px;
    margin-bottom: 18px;
}

.widget_recent_entries ul,
.widget_recent_comments ul,
.widget_archive ul,
.widget_categories ul,
.widget_meta ul,
.widget_nav_menu ul,
.widget_pages ul,
.widget_flickr ul,
.widget_twitter ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/*
widget_search,
widget_mailchimp
*/
.widget_mailchimp {
    overflow: hidden;
    padding: 40px;
    border: 1px solid #eee;
    border-bottom: 4px solid #eee;
}

.widget_mailchimp p {
    padding-top: 10px;
}

.widget_search .form-inline,
.widget_mailchimp .form-inline {
    position: relative;
}

.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="text"],
.widget_mailchimp .form-inline input[type="email"] {
    display: block;
    width: 100%;
    border: 1px solid #e1e1e1;
}

.widget_search .form-inline input[type="text"],
.widget_mailchimp .form-inline input[type="email"] {
    padding-right: 50px;
}

@media (min-width: 768px) {

    .widget_search .form-group.inline-block,
    .widget_mailchimp .form-group.inline-block {
        min-width: 370px;
        margin-right: 5px;
    }
}

.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;
    right: 15px;
    top: 0;
    border: none !important;
    background-color: #a17f1a !important;
    color: #ffffff !important;
}

.widget_search .form-inline .theme_button:before,
.widget_mailchimp .form-inline .theme_button:before {
    font-size: 16px;
    content: "\e656";
    font-family: 'rt-icons-2';
}

.widget_search .form-inline .theme_button:hover,
.widget_mailchimp .form-inline .theme_button:hover {
    opacity: 0.5;
}

.widget_mailchimp .form-inline .theme_button:before {
    content: "\e65c";
}

/*
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-right: 10px;
    color: #a17f1a;
}

.widget_recent_entries li {
    padding: 15px 0 15px 36px;
}

.widget_recent_entries p {
    margin-bottom: 0;
}

.widget_recent_entries li:first-child {
    padding-top: 0;
}

.widget_recent_entries li:before {
    font-family: 'rt-icons-2';
    content: "\e65c";
    font-size: 16px;
    line-height: 1;
    position: absolute;
    top: 18px;
    left: 0;
    padding-right: 10px;
    color: #a17f1a;
}

.widget_recent_entries li:first-child:before {
    top: 5px;
}

.widget_recent_entries li+li,
.widget_recent_comments li+li,
.widget_archive li+li,
.widget_categories li+li,
.widget_meta li+li,
.widget_popular_entries li+li,
.widget_nav_menu li+li,
.widget_pages li+li {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.widget_archive a,
.widget_categories a,
.widget_meta a,
.widget_nav_menu a,
.widget_pages a {
    display: inline-block;
    padding: 12px 0 12px 16px;
    position: relative;
}

.widget_recent_entries li:first-child a,
.widget_archive li:first-child a,
.widget_categories li:first-child a,
.widget_meta li:first-child a,
.widget_nav_menu li:first-child a,
.widget_pages li:first-child a {
    padding-top: 0;
}

.widget_archive a:before,
.widget_categories a:before,
.widget_meta a:before,
.widget_nav_menu a:before,
.widget_pages a:before {
    font-family: 'rt-icons-2';
    content: "\e7c1";
    font-size: 18px;
    color: #a17f1a;
    position: absolute;
    left: -3px;
}

.widget_archive span,
.widget_categories span {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
}

.widget_archive li:first-child span,
.widget_categories li:first-child span {
    margin-top: -14px;
}

.widget_nav_menu ul ul {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    padding-left: 20px;
}

.widget_nav_menu ul ul li:first-child a {
    padding-top: 13px;
}

@media (min-width: 768px) {

    .page_copyright .widget_nav_menu li,
    .page_topline .widget_nav_menu li {
        display: inline-block;
        position: relative;
        border: none;
        padding-right: 5px;
    }

    .page_copyright .widget_nav_menu li:before,
    .page_topline .widget_nav_menu li:before {
        content: '';
        position: absolute;
        padding: 0;
        left: -5px;
        top: 5px;
        bottom: 5px;
        width: 1px;
        background-color: rgba(0, 0, 0, 0.05);
        opacity: 0.3;
        display: block;
    }

    .page_copyright .widget_nav_menu li:first-child:before,
    .page_topline .widget_nav_menu li:first-child:before {
        display: none;
    }

    .page_copyright .widget_nav_menu a,
    .page_topline .widget_nav_menu a {
        padding: 0 10px;
    }

    .page_copyright .widget_nav_menu a:before,
    .page_topline .widget_nav_menu a:before {
        display: none;
    }
}

/*widget_tag_cloud*/
.widget_tag_cloud a {
    border: 1px solid #e1e1e1;
    padding: 4px 20px;
    margin: 0 4px 10px 0;
    font-size: 14px;
    display: inline-block;
}

aside .widget_tag_cloud a {
    color: #323232;
}

aside .widget_tag_cloud a:hover {
    color: #ffffff;
}

.widget_tag_cloud a:hover {
    background-color: #a17f1a;
    border-color: #a17f1a;
    color: #ffffff;
}

/*widget_flickr*/
.widget_flickr li {
    display: inline-block;
    margin: 0 10px 10px 0;
}

.widget_flickr img {
    max-width: 70px;
    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-right: 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 {
    margin-top: 2px;
    padding: 20px 0 18px 0;
}

.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;
    right: 0;
    background-color: transparent;
}

.widget_slider .owl-carousel .owl-nav>div:first-child {
    left: auto;
    right: 22px;
}

.widget_slider .owl-carousel .owl-nav>div:after {
    font-size: 12px;
    color: inherit;
    color: #1a1a1a;
}

/*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: #a17f1a;
}

.widget_calendar thead {
    background-color: #323232;
    border: 1px solid #323232;
    border-width: 7px 1px 7px 1px;
    color: #ffffff;
}

.widget_calendar thead th {
    font-weight: 300;
}

.widget_calendar thead th:first-child {
    padding-left: 30px;
}

.widget_calendar thead th:last-child {
    padding-right: 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-left: 30px;
}

.widget_calendar tbody td:last-child {
    padding-right: 30px;
}

.widget_calendar tbody td a {
    font-weight: 700;
    color: #a17f1a;
}

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

.widget_calendar th {
    text-align: center;
}

.widget_calendar tfoot {
    position: absolute;
    top: -3px;
    right: 0;
    left: 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: #a17f1a;
    border-color: #a17f1a;
}

.widget_calendar tfoot #prev {
    left: 0;
}

.widget_calendar tfoot #prev a {
    border-right: 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 {
    right: 0;
}

.widget_calendar tfoot #next a {
    border-left: 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: left;
}

.tweet_right {
    overflow: hidden;
    zoom: 1;
    margin-left: 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.05);
}

.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: 21px;
}

.widget_tabs .nav-tabs>li>a {
    padding: 10px 15px;
}

/*
**shortcodes
*/
/* media component with icon */
.small-teaser {
    line-height: 20px;
}

.small-teaser i {
    line-height: inherit;
}

/*teasers*/
.teaser {
    position: relative;
    margin: 10px 0;
    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-left: -25px;
    height: 1px;
    background-color: rgba(204, 204, 204, 0.2);
    bottom: -12px;
    left: 50%;
}

.teaser h3 {
    margin-bottom: 16px;
    font-size: 24px;
}

.teaser h4 {
    font-size: 20px;
    margin-bottom: 18px;
}

.teaser .media-left {
    padding-right: 45px;
}

@media (max-width: 500px) {
    .teaser .media-left {
        padding-right: 20px;
    }
}

.teaser .media-body h3 {
    margin-bottom: 20px;
    font-size: 28px;
}

.teaser .media-body h4 {
    margin-bottom: 6px;
}

.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_icon {
    display: inline-block;
    line-height: 1;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-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;
    -moz-animation: scaleDisappear 0.5s;
    -ms-animation: scaleDisappear 0.5s;
    -o-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;
        left: -1px;
        background-color: rgba(26, 26, 26, 0.1);
        -moz-transform: rotate(15deg);
        -webkit-transform: rotate(15deg);
        -o-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    .borders-angle:after {
        left: auto;
        right: -5px;
    }
}

.size_big {
    font-size: 64px;
}

.size_normal {
    font-size: 42px;
}

.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 !important;
    }
}

/* background teaser */
.bg_teaser {
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    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-right: 35px;
}

.bg_teaser .teaser_content.media {
    padding: 75px 40px 60px;
}

.color_bg_1 .bg_overlay {
    background-color: rgba(245, 187, 44, 0.85);
}

.color_bg_2 .bg_overlay {
    background-color: rgba(22, 164, 214, 0.9);
}

.color_bg_3 .bg_overlay {
    background-color: rgba(226, 55, 81, 0.9);
}

.darkgrey_bg .bg_overlay {
    background-color: rgba(50, 50, 50, 0.8);
}

.square_teaser .item-media:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(50, 50, 50, 0.8);
}

.square_teaser .item-content {
    top: 0;
    margin: 20px 30px 80px;
    overflow: hidden;
}

.square_teaser .teaser_icon {
    color: #a17f1a;
    position: absolute;
    bottom: 30px;
    left: 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;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-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: #323232;
}

.square_teaser:hover p {
    opacity: 1;
}

.square_teaser:hover .item-media:after {
    background-color: #a17f1a;
}

/* testimonials-carousel */
.testimonials-carousel {
    padding: 0 0 20px;
}

.testimonials-carousel .item>p {
    font-style: italic;
    padding-left: 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;
    left: -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;
    left: 0;
    top: auto;
    bottom: -18px;
    border-style: solid;
    border-width: 18px 0 0 18px;
    border-color: rgba(0, 0, 0, 0.05) transparent transparent transparent;
}

.testimonials-carousel .media+p:after {
    left: auto;
    right: 0;
    border-style: solid;
    border-width: 18px 18px 0 0;
}

.testimonials-carousel .media-object {
    max-width: 50px;
    border-radius: 50%;
    margin-bottom: 10px;
}

.testimonials-carousel .carousel-indicators li {
    border-color: #a17f1a;
}

.testimonials-carousel .carousel-indicators li.active {
    background-color: #a17f1a;
}

.testimonials-control {
    font-size: 22px;
}

@media (min-width: 768px) {
    .single-slide h2 {
        font-size: 50px;
    }
}

.single-slide h2 {
    font-weight: 900;
}

.single-slide h3 {
    margin-bottom: 10px;
    font-size: 28px;
}

/*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;
    color: #323232;
}

.thumbnail h3 a {
    color: inherit;
}

.thumbnail h3 a:hover {
    color: #a17f1a;
}

.thumbnail h3+p {
    color: #a17f1a;
    margin-bottom: 10px;
}

.thumbnail .caption {
    color: #9a9a9a;
    background-color: #ffffff;
    padding: 16px 20px 26px;
}

.thumbnail a[class*="soc-"]:before {
    color: #9a9a9a;
}

/*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: #a17f1a;
}

.bg_teaser.color_bg_2 .plan-name h3 {
    color: #16a4d6;
}

.bg_teaser.color_bg_3 .plan-name h3 {
    color: #e23751;
}

.bg_teaser .features-list li+li {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.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:first-child {
    font-size: 28px;
    font-weight: 300;
}

.plan-price span+span {
    font-size: 60px;
    font-weight: 700;
}

.plan-price p {
    display: inline;
    font-size: 28px;
    font-weight: 300;
}

.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;
    right: 4px;
    content: "\e116";
    padding-right: 8px;
    color: #323232;
}

.features-list .disabled:before {
    content: "\e117";
}

.call-to-action {
    padding: 20px 40px 38px;
}

.price-table.style1 {
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.price-table.style1 .features-list li+li {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.price-table.style1 .plan-price {
    background-color: #a17f1a;
    color: #ffffff;
    margin: 1px -1px;
}

.price-table.style2 {
    background-color: #f5f5f5;
}

.price-table.style2 .plan-name {
    background-color: #a17f1a;
    padding: 30px 0;
}

.price-table.style2 .plan-name h3 {
    color: #ffffff;
}

.price-table.style2 .plan-price {
    padding-bottom: 0;
    color: #323232;
}

.price-table.style2 .enabled:before,
.price-table.style2 .disabled:before {
    font-family: 'rt-icons-2';
    content: "\e621";
    padding-right: 13px;
    color: #a17f1a;
}

.price-table.style2 .disabled:before {
    color: #323232;
    content: "\e622";
}

/*contacts*/
.contact-form {
    position: relative;
    z-index: 3;
}

.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-right: 10px;
}

.contact-form p {
    margin-bottom: 10px;
    position: relative;
}

.contact-form-submit .theme_button {
    margin-right: 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-left: 20px;
        padding-right: 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.05);
}

.border-paragraphs p:first-child {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

/* partners carousel */
.owl-carousel.partners-carousel {
    margin-bottom: 0;
}

.light-partner-image a {
    display: block;
    background-color: #9a9a9a;
}

.light-partner-image a:hover {
    background-color: #a17f1a;
}

.highlight-partner-image a {
    display: block;
    background-color: #a17f1a;
}

.highlight-partner-image a:hover {
    background-color: #323232;
}

/*
**utilites
*/
.alignleft {
    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: 35px 35px;
}

.table_section_content {
    padding: 30px 50px;
}

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

@media (max-width:600px) {
    .table_section_content {
        padding: 30px 20px;
    }

    .table_section_content h3 {
        font-size: 25px;
    }
}

.with_background {
    background-color: #f5f5f5;
}

.with_background_orange {
    color: #fff;
    background: #e25601 url('../image/title-bg.png') repeat left center;
}

.with_background_orange a {
    color: #fff;
}

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

.with_border {
    border: 1px solid #e1e1e1;
}

.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;
    right: 0;
    bottom: 0;
    left: 0;
}

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

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

.response,
.highlight {
    color: #a17f1a;
    border-color: #a17f1a;
}

.highlight2 {
    color: #ff9c02;
    border-color: #e23751;
}

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

.black {
    color: #1a1a1a;
    border-color: #1a1a1a;
}

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

.greylinks a {
    color: #9a9a9a;
}

.darklinks a {
    color: #323232;
}

.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;
    left: 0;
    top: 0;
    line-height: 1;
}

.light_bg_color {
    background-color: #ffffff;
}

.main_bg_color {
    color: #ffffff;
    background: #e25601 url('../image/title-bg.png') no-repeat center center;
}

.main_bg_color a {
    color: #ffffff;
}

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

.dark_bg_color {
    color: #ffffff;
    background-color: #1a1a1a;
}

.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: #323232;
}

.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;
}

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

.topmargin_1 {
    margin-top: 1px;
}

.topmargin_10 {
    margin-top: 10px;
}

.topmargin_20 {
    margin-top: 20px;
}

.topmargin_30 {
    margin-top: 30px;
}

.topmargin_40 {
    margin-top: 40px;
}

.topmargin_60 {
    margin-top: 60px;
}

.bottommargin_0 {
    margin-bottom: 0;
}

.bottommargin_10 {
    margin-bottom: 10px;
}

.bottommargin_20 {
    margin-bottom: 20px;
}

.bottommargin_30 {
    margin-bottom: 30px;
}

.bottommargin_40 {
    margin-bottom: 40px;
}

.bottommargin_60 {
    margin-bottom: 60px;
}

.margin_0 {
    margin: 0;
}

.padding_0 {
    padding: 0;
}

.padding_10 {
    padding: 10px;
}

.padding_20 {
    padding: 20px;
}

.padding_30 {
    padding: 30px;
}

.padding_40 {
    padding: 40px;
}

.fontsize_16 {
    font-size: 16px;
}

.fontsize_18 {
    font-size: 18px;
}

.fontsize_20 {
    font-size: 20px;
}

.fontsize_24 {
    font-size: 24px;
}

.fontsize_32 {
    font-size: 32px;
}

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

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

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

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

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

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

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

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

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

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

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

/*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: right;
    }

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

    .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: right;
    }

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

    .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: right;
    }

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

    .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: right;
    }

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

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

    .not_found {
        font-size: 130px;
    }
}

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

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

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

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

/* common side and vertical items */
.content-padding.with_border .item-media {
    margin: -1px -1px -1px -1px;
}

.side-item.columns_padding_0 {
    padding: 0 15px;
}

.side-item .item-title+.item-content {
    padding-top: 15px !important;
}

/*-md- paddings and margins*/
@media (max-width: 991px) {
    .side-item.columns_padding_0 [class*="-md-"] .item-media {
        margin-bottom: -20px;
    }

    .side-item [class*="-md-"]>.item-title {
        margin-top: -30px;
    }

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

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

    .side-item [class*="-md-"]>.item-title {
        margin-left: -30px;
    }

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

    .side-item.right [class*="-md-"]>.item-title {
        margin-left: -1px;
        margin-right: -30px;
    }
}

/*-sm- paddings and margins*/
@media (max-width: 767px) {
    .side-item.columns_padding_0 [class*="-sm-"] .item-media {
        margin-bottom: -20px;
    }

    .side-item [class*="-sm-"]>.item-title {
        margin-top: -30px;
    }

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

@media (min-width: 768px) {
    .side-item [class*="-sm-"]>.item-title {
        margin-left: -30px;
    }

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

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

    .side-item.right [class*="-sm-"]>.item-title {
        margin-left: inherit;
        margin-right: -30px;
    }
}

.item-title.with_border {
    border-top: none;
}

.item-title h2,
.item-title h3,
.item-title h4 {
    margin: 0;
}

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

.vertical-item.content-absolute .item-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

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

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

.item-meta i {
    position: relative;
    font-size: 20px;
    top: 3px;
    padding: 0;
    margin: 0 !important;
}

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

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

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

.media-links:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(55, 52, 47, 0.5);
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

[class*="item"]:hover .media-links:before {
    filter: alpha(opacity=50);
    opacity: 0.5;
}

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

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

.media-links a.abs-link:before {
    content: '';
    position: absolute;
    top: 30px;
    left: 30px;
    bottom: 30px;
    right: 30px;
    border: 1px solid #ffffff;
}

.links-wrap a {
    position: relative;
    width: 50px;
    height: 50px;
    line-height: 50px;
    top: -100px;
    display: inline-block;
    z-index: 5;
    font-size: 24px;
    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: 1px solid #a17f1a;
    background-color: #a17f1a;
    color: #ffffff;
}

.links-wrap a:hover {
    color: rgba(255, 255, 255, 0.6);
}

.links-wrap a.p-link {
    background-color: transparent;
    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: 'rt-icons-2';
    content: "\e6d4";
}

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

[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 {
    font-size: 13px;
    display: inline;
}

.item-icons>div {
    padding: 10px;
    padding-bottom: 0;
    display: table-cell;
    vertical-align: top;
}

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

.bottom-border {
    position: relative;
}

.bottom-border:after {
    content: '';
    position: absolute;
    left: 0;
    right: 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;
    left: 0;
    right: 0;
    bottom: -11px;
    height: 3px;
    z-index: 2;
    background-color: #a17f1a;
}

/*
**icons
*/
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-left: 16px;
}

a.social-icon.bg-icon+a.social-icon.bg-icon {
    margin-left: 7px;
}

a.social-icon.color-bg-icon+a.social-icon.color-bg-icon {
    margin-left: 1px;
}

a.social-icon.block-icon {
    width: 100%;
}

a.social-icon {
    color: #9a9a9a;
}

a[class*='soc-']:before {
    font-family: 'socicon';
    font-size: 16px;
}

a.border-icon {
    border: 1px solid #9a9a9a;
    border-color: rgba(154, 154, 154, 0.4);
    padding: 10px 11px;
    margin-bottom: 4px;
}

a.bg-icon {
    color: #ffffff;
    background-color: #9a9a9a;
    padding: 11px 12px;
    margin-bottom: 4px;
}

a.bg-icon:hover {
    color: #ffffff !important;
}

a.color-bg-icon {
    color: #ffffff;
    background-color: #323232;
    margin-bottom: 4px;
    padding: 11px 12px;
}

a.color-bg-icon:hover {
    background-color: #a17f1a;
    color: #ffffff !important;
}

a.color-icon:hover {
    color: #323232 !important;
}

a.color-icon.border-icon:hover {
    color: #ffffff !important;
}

a[class*='soc-'].rounded-icon {
    -webkit-border-radius: 50%;
    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;
}

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

.demo-icon a[class*="soc-"] {
    color: #323232;
    font-size: 24px;
    margin: 10px 0 0;
}

.social-icons-demo a[class*="soc-"] {
    margin: 10px !important;
}

.social-icons-demo a+a {
    margin: 0 !important;
}

/*
**plugins
*/
.owl-carousel {
    position: relative;
    margin-bottom: 50px;
}

.owl-carousel:hover .owl-nav {
    top: 50%;
    opacity: 1;
}

.owl-carousel .owl-nav {
    position: absolute;
    top: -5%;
    opacity: 0;
    margin-top: -30px;
    right: 0;
    left: 0;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
}

.owl-carousel .owl-nav>div {
    color: transparent;
    font-size: 0;
    position: absolute;
    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 {
    font-family: 'rt-icons-2';
    font-size: 20px;
    line-height: 60px;
    content: "\e7c5";
    color: #323232;
}

.owl-carousel .owl-nav>div:first-child:after {
    content: '\e7c4';
}

.owl-carousel .owl-nav>div:hover:after {
    color: #a17f1a;
}

.owl-carousel.owl-center .owl-nav {
    top: 0;
    bottom: 0;
    position: static;
    margin-top: 0;
}

.owl-carousel.owl-center .owl-nav>div {
    right: -15px;
    width: 50px;
    top: 0;
    bottom: 0;
    background-color: rgba(50, 50, 50, 0.6);
}

.owl-carousel.owl-center .owl-nav>div:first-child {
    left: -15px;
    right: auto;
}

.owl-carousel.owl-center .owl-nav>div:first-child:after {
    left: 16px;
}

.owl-carousel.owl-center .owl-nav>div:after {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    color: #ffffff;
    font-size: 20px;
    left: 21px;
}

/* 
 * Owl Carousel CSS File
 *  v2.0
 */
/* 
 *  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;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.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-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.owl-carousel.owl-loaded {
    display: block;
}

.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-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d;
}

.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
}

.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}

/* No Js */
.no-js .owl-carousel {
    display: block;
}

/* 
 *  Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-item img {
    transform-style: preserve-3d;
}

/* 
 *  Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-dots {
    text-align: center;
    margin-top: 40px;
    -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 6px;
    border: 2px solid #323232;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    border-color: #a17f1a;
}

.owl-custom-nav {
    text-align: center;
}

.owl-custom-nav [class*="custom"] {
    cursor: pointer;
    position: relative;
    bottom: 2px;
}

.owl-custom-nav>div {
    display: inline-block;
}

/* owl images fix */
.owl-carousel .owl-item {
    -webkit-transition: opacity 0.4s ease 0.2s;
    -moz-transition: opacity 0.4s ease 0.2s;
    -o-transition: opacity 0.4s ease 0.2s;
    -ms-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;
    overflow: hidden;
}

.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;
    max-height: 400px;
}

.flexslider.flexslider-inner {
    max-height: 200px;
}

.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;
    -moz-transition: all 1s ease;
    -o-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 {
    left: 40px;
}

.flex-direction-nav .flex-next {
    right: 40px;
    text-align: right;
}

.flexslider:hover .flex-prev {
    opacity: 0.7;
    left: 40px;
}

.flexslider:hover .flex-next {
    opacity: 0.7;
    right: 40px;
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
    opacity: 1;
}

.flex-direction-nav .flex-disabled {
    opacity: 0 !important;
    filter: alpha(opacity=0);
    cursor: default;
}

.flex-direction-nav a:before {
    font-family: "fontello";
    font-size: 40px;
    content: '\e833';
    color: #ffffff;
    position: absolute;
    top: 5px;
    left: 12px;
}

.flex-direction-nav a.flex-next:before {
    content: '\e834';
    left: 14px;
}

/* Pause/Play */
.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 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 */
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 42px;
    text-align: center;
    z-index: 10;
}

.flex-control-nav li {
    text-align: center;
    display: inline-block;
    padding: 0 4px;
    zoom: 1;
    *display: inline;
}

.flex-control-paging li a {
    width: 12px;
    height: 12px;
    display: block;
    color: transparent;
    border: 2px solid #323232;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.ds .flex-control-paging li a,
.cs .flex-control-paging li a {
    border-color: #ffffff;
}

.flex-control-paging li a:hover {
    border-color: #a17f1a;
}

.flex-control-paging li a.flex-active {
    border-color: #a17f1a;
}

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}

.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
}

.flex-control-thumbs img {
    width: 100%;
    display: block;
    opacity: .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;
    right: 0;
    left: 0;
    z-index: 3;
    line-height: 1;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-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: #323232;
}

.ds .flex-custom-nav .flex-custom-link,
.cs .flex-custom-nav .flex-custom-link {
    color: #ffffff;
}

.flex-custom-nav .flex-custom-link:hover {
    color: #a17f1a;
}

.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) 0 -26px no-repeat;
    cursor: pointer;
}

div.facebook .pp_contract:hover {
    background: url(../img/prettyPhoto/facebook/sprite.png) 0 -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 37px 0 0;
}

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) 0 -71px no-repeat;
    height: 22px;
    margin-top: 0;
    width: 22px;
}

div.facebook .pp_arrow_previous.disabled {
    background-position: 0 -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 3px 0 4px;
    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 right no-repeat;
    cursor: pointer;
}

div.facebook .pp_previous:hover {
    background: url(../img/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;
    cursor: pointer;
}

div.pp_pic_holder a:focus {
    outline: none;
}

div.pp_overlay {
    background: #000;
    display: none;
    left: 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: left;
    width: 100%;
}

.pp_content_container .pp_left {
    padding-left: 20px;
}

.pp_content_container .pp_right {
    padding-right: 20px;
}

.pp_content_container .pp_details {
    float: left;
    /*margin:10px 0 2px;*/
    padding: 7px 10px;
    background-color: #ffffff;
}

.pp_description {
    display: none;
    margin: 0;
}

.pp_social {
    float: left;
    margin: 0;
}

.pp_social .facebook {
    float: left;
    margin-left: 5px;
    width: auto;
    overflow: hidden;
}

.pp_social .twitter {
    float: left;
}

.pp_nav {
    clear: right;
    float: left;
    margin: 3px 10px 0 0;
}

.pp_nav p {
    float: left;
    white-space: nowrap;
    margin: 2px 4px;
}

.pp_nav .pp_play,
.pp_nav .pp_pause {
    float: left;
    margin-right: 4px;
    text-indent: -10000px;
}

a.pp_arrow_previous,
a.pp_arrow_next {
    display: block;
    float: left;
    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;
    left: 0%;
    margin-top: -50px;
    position: absolute;
    z-index: 10000;
}

.pp_gallery div {
    float: left;
    overflow: hidden;
    position: relative;
}

.pp_gallery ul {
    float: left;
    height: 35px;
    position: relative;
    white-space: nowrap;
    margin: 0 0 0 5px;
    padding: 0;
}

.pp_gallery ul a {
    border: 1px rgba(0, 0, 0, 0.5) solid;
    display: block;
    float: left;
    height: 33px;
    overflow: hidden;
}

.pp_gallery ul a img {
    border: 0;
}

.pp_gallery li {
    display: block;
    float: left;
    margin: 0 5px 0 0;
    padding: 0;
}

.pp_gallery li.default a {
    background: url(../img/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
    display: block;
    height: 33px;
    width: 50px;
}

.pp_gallery .pp_arrow_previous,
.pp_gallery .pp_arrow_next {
    margin-top: 7px !important;
}

a.pp_next {
    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;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}

a.pp_previous {
    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;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}

a.pp_expand,
a.pp_contract {
    cursor: pointer;
    display: none;
    height: 20px;
    position: absolute;
    right: 30px;
    text-indent: -10000px;
    top: 10px;
    width: 20px;
    z-index: 20000;
}

a.pp_close {
    position: absolute;
    right: 6px;
    top: -16px;
    display: block;
    line-height: 22px;
    text-indent: -10000px;
}

.pp_loaderIcon {
    display: block;
    height: 24px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 24px;
    margin: -12px 0 0 -12px;
}

#pp_full_res {
    line-height: 1 !important;
}

#pp_full_res .pp_inline {
    text-align: left;
}

#pp_full_res .pp_inline p {
    margin: 0 0 15px;
}

div.ppt {
    color: #ffffff;
    display: none;
    font-size: 17px;
    z-index: 9999;
    margin: 0 0 5px 15px;
}

.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;
    left: 0;
    position: absolute;
    width: 20px;
}

.pp_top .pp_middle,
.pp_bottom .pp_middle {
    height: 20px;
    left: 20px;
    position: absolute;
    right: 20px;
}

* html .pp_top .pp_middle,
* html .pp_bottom .pp_middle {
    left: 0;
    position: static;
}

.pp_top .pp_right,
.pp_bottom .pp_right {
    height: 20px;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
}

.pp_fade,
.pp_gallery li.default a img {
    display: none;
}

/*
easy pie chart
*/
.chart {
    position: relative;
    display: inline-block;
    width: 270px;
    height: 270px;
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: center;
}

.chart canvas {
    position: absolute;
    top: 0;
    left: 0;
}

.percent {
    display: inline-block;
    padding-top: 103px;
    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.1);
    border-width: 0 1px;
}

#timetable tbody th,
#timetable tbody td {
    border: 1px solid #e1e1e1;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

#timetable tbody .current {
    background-color: #a17f1a;
    border-color: #a17f1a;
}

#timetable tbody .current a {
    color: #ffffff;
}

/* totop */
#toTop {
    bottom: 20px;
    right: 0;
    display: none;
    width: 60px;
    height: 40px;
    overflow: hidden;
    position: fixed;
    text-decoration: none;
    z-index: 9999;
    font-size: 0;
    color: transparent;
    background-color: #a17f1a;
    opacity: 0.7;
}

#toTop:after {
    color: #ffffff;
    content: '\e68a';
    font-size: 16px;
    line-height: 40px;
    font-family: 'rt-icons-2';
    text-align: center;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

#toTopHover,
#toTop:hover {
    bottom: 23px;
    opacity: 1;
}

#toTop:hover:after {
    color: #ffffff;
}

#toTop:active,
#toTop:focus {
    outline: medium none;
}

.modal-open #toTop {
    display: none !important;
}

@media (max-width:768px) {
    #toTop {
        bottom: 50px;
    }
}

/* 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: rtl;
}

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

.countdown-section:first-child {
    border-left-width: 0;
}

.countdown-amount {
    font-size: 90px;
    line-height: 1;
    font-weight: 100;
    color: #a17f1a;
}

.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;
    }
}

/*
isotope portfolio
*/
/* single item */
/*switcher styles*/
#switcher {
    position: fixed;
    top: 22%;
    right: -200px;
    width: 200px;
    background-color: #404040;
    color: #ffffff;
    z-index: 9;
    font-size: 15px;
    padding-bottom: 20px;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

#switcher.active {
    right: 0;
}

#switcher a {
    color: #a17f1a;
}

#switcher .checkbox {
    margin: 4px 0;
    line-height: 1.5;
}

#switcher h4 {
    line-height: 60px;
    font-size: 18px;
    text-align: center;
    color: #999999;
    background-color: #222;
    margin: 0;
    font-weight: 300;
    letter-spacing: 0;
    padding: 0 36px;
}

#switcher span[class^="rt-icon2-"] {
    display: block;
    position: absolute;
    width: 60px;
    height: 60px;
    line-height: 60px;
    color: #ffffff;
    font-size: 24px;
    background-color: #222;
    text-align: center;
    left: -60px;
    top: 0;
    cursor: pointer;
    z-index: 2;
}

#switcher span[class^="rt-icon2-"]:hover {
    color: #999999;
}

#switcher span[class="rt-icon2-delete-outline"] {
    background-color: transparent;
    z-index: 1;
    left: -20px;
}

#switcher li {
    margin-bottom: 0px;
    padding: 0 4px;
}

#switcher p {
    font-weight: 300;
    font-size: 16px;
    line-height: 1;
    margin: 0 0 10px;
}

#switcher label {
    color: #999999;
}

#switcher ul {
    margin-bottom: 0;
}

#switcher .tooltip {
    min-width: 110px;
}

#switcher .tooltip-arrow {
    display: none;
}

#switcher-version a {
    padding: 13px 14px;
    display: inline-block;
    line-height: 1;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
}

#switcher-version a:hover {
    color: #e4344e !important;
}

#switcher-version a.light {
    background-color: #ffffff;
    color: #323232;
}

#switcher-version a.dark {
    color: #ffffff;
    background-color: #262626;
}

#switcher-colors a {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    background-color: #a17f1a;
    overflow: hidden;
}

#switcher-colors a:hover {
    opacity: 0.7;
}

#switcher-colors a:after {
    content: '';
    position: absolute;
    width: 30px;
    height: 74px;
    right: 0;
    background-color: #e23751;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#switcher-colors a.color2 {
    background-color: #e23751;
}

#switcher-colors a.color2:after {
    background-color: #16a4d6;
}

#switcher-colors a.color3 {
    background-color: #16a4d6;
}

#switcher-colors a.color3:after {
    background-color: #a17f1a;
}

#switcher-colors {
    line-height: 0;
}

#switcher-patterns a {
    display: block;
    line-height: 1;
    height: 40px;
    width: 40px;
    overflow: hidden;
    background-color: #ffffff;
}

#switcher-patterns a img {
    opacity: 0;
}

#switcher-patterns a:hover {
    opacity: 0.7;
}

#switcher-patterns li:first-child a img {
    opacity: 1;
}

#switcher_accent_color,
#switcher_color_scheme,
#switcher_layout,
#switcher_patterns {
    padding: 26px 30px 0px;
}

.checkbox-slider--b-flat {
    position: relative;
}

.checkbox-slider--b-flat input {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 0%;
    margin: 0 0;
    cursor: pointer;
    zoom: 1;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

.checkbox-slider--b-flat input+span {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.checkbox-slider--b-flat input+span:before {
    position: absolute;
    left: 0px;
    display: inline-block;
}

.checkbox-slider--b-flat input+span>h4 {
    display: inline;
}

.checkbox-slider--b-flat input+span {
    padding-left: 40px;
}

.checkbox-slider--b-flat input+span:before {
    content: "";
    height: 20px;
    width: 40px;
    background: #ffffff;
}

.checkbox-slider--b-flat input+span:after {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0px;
    top: 0;
    display: block;
    background: #ffffff;
    transition: margin-left 0.4s ease-in-out;
    text-align: center;
    font-weight: bold;
    content: "";
}

.checkbox-slider--b-flat input:checked+span:after {
    margin-left: 20px;
    content: "";
}

.checkbox-slider--b-flat input:checked+span:before {
    transition: background 0.2s ease-in;
}

.checkbox-slider--b-flat input+span {
    padding-left: 30px;
}

.checkbox-slider--b-flat input+span:before {
    border-radius: 20px;
    width: 40px;
}

.checkbox-slider--b-flat input+span:after {
    background: #a17f1a;
    content: "";
    width: 20px;
    border: solid transparent 2px;
    background-clip: padding-box;
    border-radius: 20px;
}

.checkbox-slider--b-flat input:checked+span:after {
    content: "";
    margin-left: 20px;
    border: solid transparent 2px;
    background-clip: padding-box;
}

.checkbox-slider--b-flat input:checked+span:before {
    background: #ffffff;
}

.checkbox-slider--b-flat.checkbox-slider-md input+span:before {
    border-radius: 30px;
}

.checkbox-slider--b-flat.checkbox-slider-md input+span:after {
    border-radius: 30px;
}

.checkbox-slider--b-flat.checkbox-slider-lg input+span:before {
    border-radius: 40px;
}

.checkbox-slider--b-flat.checkbox-slider-lg input+span:after {
    border-radius: 40px;
}

.checkbox-slider--b-flat input+span:before {
    box-shadow: none;
}

.social-share a {
    color: #333;
    margin-left: 20px;
}

@media screen and (min-width: 991px) {
    .widget-language {
        position: fixed;
        top: 5px;
        right: 10px;
    }
}

@media screen and (max-width: 991px) {
    .widget-language {
        position: fixed;
        top: 65px;
        right: 10px;
    }
}



@media screen and (max-width: 767px) {
    .social-share a {
        display: block;
        margin-top: 10px;
    }

    .widget_mailchimp {
        padding: 10px;
    }

}

.featured-links .teaser {
    background-color: #a17f1a;
    background: #e25601 url('../image/background.jpg') repeat left center;
    background-size: cover;
}

.featured-links .teaser a,
.featured-links .teaser h3,
.featured-links .teaser h4 {
    color: #fff;
    font-weight: bold;
    font-size: 16px;
}

.featured-links .teaser a:hover {
    color: #fff;
}

.featured-links .teaser h3 {
    padding-top: 10px;
    padding-bottom: 10px;
    -moz-border-top-left-radius: 15px;
    -moz-border-radius-bottomright: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -webkit-border-top-left-radius: 15px;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.featured-links .teaser h3 span {
    display: block;
    font-size: 12px;
    color: #fff;
    margin-top: 5px;
}

.featured-links .rounded-button a {
    border: 1px solid #e25b01;
    border-radius: 20px;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    display: block;
    position: relative;
}

.featured-links .rounded-button a i {
    color: #e25b01;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    left: 15px;
}

.galeria-featured .gallery-item>div[class*='col-'] {
    padding: 0 !important;
    margin: 0 !important;
}

.features-featured .item-content {
    background: rgba(255, 255, 255, 0.8);
    padding-top: 10px;
}

.features-featured .item-content h4 a {
    color: #333;
}

.galeria-featured .item-content h4 {
    background: rgba(255, 255, 255, 0.8);
    padding-top: 10px;
    padding-bottom: 10px;
    color: #333;
}

.section-pages .table_section_content h3 {
    color: var(--theme-color1);
    font-weight: 500;
}

.communicateweb-social-links {
    text-align: center;
}

.communicateweb-social-links .thumbnail {
    display: inline-block;
    width: 17%;
    margin: 1%;
    padding: 20px 10px;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
}

@media (min-width: 769px) and (max-width: 900px) {
    .featured-links .rounded-button a {
        font-size: 10px;
    }
}

@media (max-width: 768px) {
    .communicateweb-social-links .thumbnail {
        width: 30%;
    }
}

@media (max-width: 480px) {
    .communicateweb-social-links .thumbnail {
        width: 47%;
    }

    .featured-links .rounded-button a {
        padding: 3px 8px;
    }

    .featured-links .rounded-button a i {
        left: 10px;
    }
}

/* 
Horizontal responsive table on mobile */

@media screen and (max-width: 600px) {
    table.responsive-table {
        border: 1px solid #ccc;
        border-collapse: collapse;
        margin: 0;
        padding: 0;
        width: 100%;
        table-layout: fixed;
    }

    table.responsive-table caption {
        font-size: 1.5em;
        margin: .5em 0 .75em;
    }

    table.responsive-table tr {
        background-color: #f8f8f8;
        border: 1px solid #ddd;
        padding: .35em;
    }

    table.responsive-table th,
    table.responsive-table td {
        padding: .625em;
        text-align: center;
        padding-bottom: 20px !important;
    }

    table.responsive-table th {
        font-size: .85em;
        letter-spacing: .1em;
        text-transform: uppercase;
    }

    table.responsive-table {
        border: 0;
    }

    table.responsive-table caption {
        font-size: 1.3em;
    }

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

    table.responsive-table tr {
        border-bottom: 3px solid #ddd;
        display: block;
        margin-bottom: .625em;
    }

    table.responsive-table td {
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: .8em;
        text-align: right;
    }

    table.responsive-table td::before {
        /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
        margin-right: 8px;
    }

    table.responsive-table td:last-child {
        border-bottom: 0;
    }
}

span.disabled {
    color: #666666;
}

.view-password,
.unview-password {
    position: relative;
    top: 8px;
    right: 33px;
}

.view-password {
    display: inline;
}

.unview-password {
    display: none;
}



.view-password-account-creation,
.unview-password-account-creation {
    position: relative;
    left: 68%;
    top: 36px;
}

.view-password-account-creation {
    display: inline;
}

.unview-password-account-creation {
    display: none;
}

/* International phone input */
.iti__flag {
    background-image: url("../intl-tel-input-17.0.0/build/img/flags.png");
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .iti__flag {
        background-image: url("../intl-tel-input-17.0.0/build/img/flags@2x.png");
    }
}

.iti {
    width: 100%;
}

/* Menu Teaser buttons (front header.tpl) */
.menu-teaser .btn.btn-default.dropdown-toggle {
    background: #e25601 url(../image/background.jpg) repeat left center;
    background-size: cover;
    color: white;
    font-weight: bold;
    width: 100%;
}

.menu-teaser {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
}

.menu-teaser .teaser-main-buttons .btn-group {
    width: 100%;
    padding: 3px 25px;
}

@media (min-width: 767px) {
    .menu-teaser .teaser-main-buttons .dropdown-menu {
        position: absolute;
        width: calc(100% - 50px) !important;
        margin-left: 25px;
    }
}

@media (max-width: 767px) {
    .menu-teaser .teaser-main-buttons .dropdown-menu {
        position: relative;
    }
}

.menu-teaser .teaser-main-buttons .dropdown-menu {
    width: 100%;
    background: #e25601 url(../image/background.jpg) repeat left center;
    background-size: cover;
    margin-top: -15px;
}

.menu-teaser .teaser-main-buttons .dropdown-menu>li>a {
    color: white;
}

@media (min-width: 767px) {
    .menu-teaser .teaser-main-buttons {
        display: flex;
        flex-direction: row;
    }
}

@media (max-width: 767px) {
    .menu-teaser .teaser-main-buttons {
        display: flex;
        flex-direction: column;
    }
}

.menu-teaser .teaser-secondary-buttons {
    flex-basis: 50%;
}

.menu-teaser .teaser-main-buttons .btn-group button {
    text-transform: capitalize;
    color: white;
}

.menu-teaser .teaser-main-buttons .btn-group.open button {
    text-transform: uppercase;
    color: white;
}

@media (max-width: 767px) {
    .menu-teaser .teaser-secondary-buttons {
        display: flex;
        margin: 8px 25px;
        gap: 25px;
    }
}

@media (min-width: 767px) {
    .menu-teaser .teaser-secondary-buttons {
        display: flex;
        margin-left: 53%;
        margin-right: 25px;
        margin-top: 8px;
        gap: 25px;
    }
}

@media (max-width: 767px) {
    .menu-teaser .teaser-secondary-button {
        flex-basis: 100%;
    }
}

@media (min-width: 767px) {
    .menu-teaser .teaser-secondary-button {
        flex-basis: 100%;
    }
}

.btn-primary {
    background-color: #6189ad;
    border-color: #6189ad;
}

.btn-warning {
    background-color: var(--theme-color1);
    border-color: var(--theme-color1);
}

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

.btn-warning,
.btn-warning:visited,
.btn-warning a,
.btn-warning a:visited {
    color: #fff !important;
}

.banner {
    color: #fff;
    max-height: 350px;
    overflow: hidden;
}

.banner.mini-banner {
    max-height: 200px;
}

.banner.mini-banner .image {
    max-height: 200px;
}

.banner .image {
    background-size: cover;
    background-repeat: no-repeat;
    height: 250px;
    background-position: 50% 50%;
}

@media (max-width: 600px) {
    .banner .image {
        max-height: 170px;
    }
}

.banner .container {
    position: relative;
}

.banner h1,
.banner h2 {
    font-family: 'Permanent Marker';
    position: absolute;
    top: 0;
    z-index: 9;
}

.banner a,
.banner a:visited,
.banner a:hover {
    color: #fff;
}

@media (max-width: 991px) {
    .banner {
        margin-top: 60px;
    }
}

.affix-top .menu-nav {
    padding: 10px;
}

.menu-nav {
    padding: 0 10px;
}

.menu-nav-footer {
    padding: 0 10px;
    position: absolute;
    width: 100%;
}

.language .container {
    position: absolute;
    top: 0;
    z-index: 999;
}

.language .btn {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    color: #fff;
    background: var(--theme-color1);
}

.page-content {
    background-color: #fff;
    padding: 30px 20px;
    color: #333;
}

.single-image {
    margin-right: 20px;
}

.post-item {
    border-bottom: 1px solid #eee;
    padding-top: 20px;
    padding-bottom: 20px;
}

.post-item img {
    border: 4px solid #c7d6e2;
}

.post-content-bottom {
    background: #fafafa;
    padding: 10px;
    color: #333;
    font-size: 12px;
}

.post-mais-vistos ul {
    padding: 0;
    list-style: none;
    padding-right: 20px;
}

.post-mais-vistos li {
    border-bottom: 1px solid #c7d6e2;
    border-left: 2px solid var(--theme-color1);
    margin-bottom: 10px;
    padding-left: 10px;
}

.post-mais-vistos li a {
    color: #333;
}

.single-post-date {
    color: #666;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.books h3 {
    margin-top: 0;
}

.book-item-price {
    color: var(--theme-color1);
    font-weight: bold;
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

#shipping_form fieldset {
    background: #c7d6e2;
    padding: 10px;
    color: #333;
    font-size: 12px;
}

#shipping_form fieldset>div {
    padding-left: 5px;
    padding-right: 5px;
}

.agenda_content-item {
    margin-bottom: 20px;
}

.agenda_content-item div.col1 {
    padding-right: 0;
}

.agenda_content-item div.col2 {
    padding-left: 0;
}

.agenda_content-item h2 {
    margin-top: 0;
}

.agenda_content-item-date,
.agenda_content-item-desc {
    min-height: 150px;
}

.agenda_content-item-date {
    background: #c7d6e2;
    padding: 10px;
    color: #333;
    font-size: 12px;
    text-align: center;
    font-size: 20px;
    padding-top: 15px;
    padding-bottom: 19px;
    min-height: 210px;
    width: 30%;
    align-content: center;
}

.agenda_content-item-date .smaller {
    font-size: 14px;
    margin-top: 5px;
}

.agenda_content-item-date span {
    display: block;
}

.agenda_content-item-desc {
    background: #fafafa;
    padding: 20px;
    color: #333;
    font-size: 12px;
    min-height: 210px;
    width: 70%;
}

.videos-list .thumbnail {
    border-radius: 0;
    padding: 0;
}

.videos-list h3 {
    font-size: 16px;
    font-weight: bold;
    margin-top: 0;
}

.carousel-movies {
    margin-top: 40px;
    margin-bottom: 20px;
}

.carousel-movies .flipster {
    overflow: hidden;
}

.carousel-movies li {
    text-align: center;
}

.carousel-movies li h3 {
    background: var(--theme-color1);
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
}

.carousel-movies iframe,
.carousel-movies img {
    outline: var(--theme-color1) 7px solid;
    background: var(--theme-color1);
    margin-top: 10px;
    max-width: 100%;
}


.flipster__button {
    position: absolute;
    top: 50%;
    display: block;
    appearance: none;
    background: none;
    border: none;
    padding: 0;
    z-index: 999;
    cursor: pointer;
    font-size: 15px;
    opacity: 1;
}

.flipster__button svg {
    color: #333;
    width: 2em;
    fill: transparent;
    stroke-width: 3;
    stroke-linecap: round;
}

.flipster__button:hover,
.flipster__button:focus {
    opacity: 1;
}

.flipster__button--prev {
    left: 0;
}

.flipster__button--next {
    right: 0;
}

.flipster--infinite-carousel .flipster__item--past-2 .flipster__item__content:before,
.flipster--infinite-carousel .flipster__item--future-2 .flipster__item__content:before,
.flipster--infinite-carousel .flipster__item--past-1 .flipster__item__content:before,
.flipster--infinite-carousel .flipster__item--future-1 .flipster__item__content:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.4);
}

footer {
    background-color: #cadfef;
    background-repeat: repeat;
    background-position: top center;
}

.footer-featured {
    padding-top: 40px;
    padding-bottom: 40px;
}

.footer-featured .container>div {
    padding-left: 5px;
    padding-right: 5px;
}

.footer-featured .container>div:first-child {
    padding-left: 0;
}

.footer-featured .container>div:last-child {
    padding-right: 0;
}

.featured-item {
    background: #f4f4f4;
    margin-bottom: 2px;
    min-height: 270px;
}

.featured-item h3 {
    position: relative;
    background: #e8770c;
    min-height: 65px;
    font-size: 20px;
    margin: 0;
    padding: 5px 20px;
}

.featured-item h3:after {
    position: absolute;
    bottom: -20px;
    left: 5%;
    content: ' ';
    border-width: 10px;
    border-style: solid;
    border-color: transparent;
    border-top-color: #e8770c;
}

.featured-item h3 a {
    color: #fff;
}

.featured-item .text {
    color: #666;
    padding: 10px 20px;
    font-size: 16px;
}

.featured-item p {
    padding: 10px 20px;
}

.featured-item .btn,
.featured-item .btn:visited {
    color: #333;
}

.newsletter {
    background: #666;
    padding: 5px 20px;
}

.newsletter input {
    border-radius: 0;
}

.newsletter .btn {
    padding-left: 20px;
    padding-right: 20px;
}

.newsletter-info {
    text-align: center
}

.newsletter-info h3 {
    color: var(--theme-color1);
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 0;
    text-transform: uppercase;
}

.newsletter-info p {
    font-size: 15px;
    line-height: 20px;
    color: #fff;
}

.comments-item {
    color: #333;
    border: 1px solid #eee;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 10px;
}

.comment-answer {
    background: #fafafa;
    padding: 10px;
}

.footer-menu {
    position: relative;
    top: -45px;
    font-family: "Allura", cursive;
    font-weight: 400;
    font-style: normal;
    background-color: #1f8ecc;
    border-radius: 0 !important;
    font-size: 15px;
}

.footer-menu .nav>li>a {
    color: #fff;
}

.footer-menu .nav>li:hover>a,
.footer-menu .nav>li>a:hover {
    background: #fff;
    color: #333;
}

.footer-menu a:hover {
    color: #333;
}

.footer-menu .dropdown-menu {
    display: none;
    bottom: 45px;
    min-width: 100%;
}

.footer-menu li.dropdown:hover>ul.dropdown-menu {
    display: block;
}

.footer-menu li.dropdown ul a,
.footer-menu li.dropdown ul a:visited {
    font-size: 15px;
}

.footer-menu-welcome {
    position: relative;
    top: -45px;
    z-index: 99;
    background-color: rgb(255, 198, 33);
}

.footer-menu-welcome .nav>li:first-child {
    border-right: 1px solid rgba(255, 255, 255, 0.7);
}

.footer-menu-welcome .nav>li>a {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.footer-menu-welcome a:hover {
    color: #333;
}

.copyright {
    margin-top: 130px;
}

@media screen and (min-width: 960px) {
    .copyright {
        margin-top: 230px;
    }
}

.copyright,
.copyright a {
    color: #fff;
    font-size: 12px;
}

.copyright span {
    color: #fff;
}

.pagination {
    display: inline-block;
    padding-top: 0;
    margin-top: 0;
}

.pagination a {
    float: left;
    padding: 10px 18px !important;
    text-decoration: none;
    font-size: 18px;
    font-weight: 300;
    color: #999 !important;
    border-radius: 0 !important;
}

.pagination a:hover,
.pagination .active a:hover,
.pagination a:focus,
.pagination .active a:focus {
    color: #333;
}

.pagination .active a,
.pagination .active a:hover,
.pagination .active a:focus {
    background: var(--theme-color1) !important;
    border-color: var(--theme-color1);
    color: #fff !important;
    font-weight: 500;
}

.results {
    color: #999;
    font-size: 12px;
}

/* GALLERY */
.bottommargin_30 {
    margin-bottom: 30px;
}

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

.vertical-item.content-absolute .item-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

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

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

.item-meta i {
    position: relative;
    font-size: 20px;
    top: 3px;
    padding: 0;
    margin: 0 !important;
}

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

.gallery-item {
    overflow: hidden;
    position: relative;
}

.gallery-item .item-content {
    padding: 0 40px 5px;
    background: transparent;
}

.gallery-item:hover .item-content {
    z-index: 99;
}

.gallery-item h4.item-meta {
    font-weight: 300;
    z-index: 5;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    color: #323232;
    background-color: rgba(238, 238, 238, 0.8);
    padding: 5px;
}

.gallery-item:hover h4.item-meta {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.galeria-featured .gallery-item>div[class*='col-'] {
    padding: 0 !important;
    margin: 0 !important;
}

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

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

.media-links:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(55, 52, 47, 0.5);
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

[class*="item"]:hover .media-links:before {
    filter: alpha(opacity=50);
    opacity: 0.5;
}

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

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

.media-links a.abs-link:before {
    content: '';
    position: absolute;
    top: 30px;
    left: 30px;
    bottom: 30px;
    right: 30px;
    border: 1px solid #ffffff;
}

.links-wrap a {
    position: relative;
    width: 50px;
    height: 50px;
    line-height: 50px;
    top: -100px;
    display: inline-block;
    z-index: 5;
    font-size: 24px;
    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: 1px solid #a17f1a;
    background-color: #a17f1a;
    color: #ffffff;
}

.links-wrap a:hover {
    color: rgba(255, 255, 255, 0.6);
}

.links-wrap a.p-link {
    background-color: transparent;
    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: 'fontAwesome';
    content: "\f002";
}

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

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

.communicateweb-social-links {
    text-align: center;
}

.communicateweb-social-links .thumbnail {
    display: inline-block;
    width: 17%;
    margin: 1%;
    padding: 20px 10px;
}

.satsang-feature {
    margin-top: 20px;
    margin-bottom: 50px;
}

.whatsapp-questions {
    color: #333;
    font-size: 25px;
    margin-top: 20px;
    margin-bottom: 50px;
}

.whatsapp-questions-link,
.whatsapp-questions-link:visited {
    position: relative;
    background-color: #16bd41;
    padding: 10px 20px 10px 55px;
    margin-left: 15px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    color: #fff;
}

.whatsapp-questions-link:hover {
    text-decoration: none;
    color: #ccc;
}

.whatsapp-questions-link::before {
    position: absolute;
    left: -10px;
    top: 50%;
    margin-top: -31px;
    z-index: 1;
    width: 62px;
    height: 62px;
    content: ' ';
    background-image: url('../image/whatsapp-icon.png');
}

@media (max-width: 768px) {

    header h1,
    header h2 {
        text-align: center;
    }

    header h1 {
        font-size: 30px;
        margin-top: 0;
    }

    header h2 {
        font-size: 22px;
    }

    header .slogan {
        padding-top: 160px;
    }

    .menu-nav .nav>li {
        width: 100%;
        padding-bottom: 12px;
    }

    .menu-nav .dropdown-menu {
        position: relative;
        top: 0 !important;
        display: block;
        width: 99%;
    }



    .communicateweb-social-links .thumbnail {
        width: 30%;
    }

    .whatsapp-questions {
        font-size: 20px;
        margin-top: 20px;
        margin-bottom: 50px;
    }

    .whatsapp-questions-link,
    .whatsapp-questions-link:visited {
        display: block;
        margin-top: 10px;
        padding: 10px 10px 10px 55px;
        margin-left: 15px;
        margin-right: 15px;
        -moz-border-radius: 25px;
        -webkit-border-radius: 25px;
        border-radius: 25px;
    }

    .post-single .btn-group .btn {
        width: 100%;
    }

    .agenda_content-item div.col1 {
        padding-right: 15px;
    }

    .agenda_content-item div.col2 {
        padding-left: 15px;
    }

    .featured-item {
        min-height: inherit;
    }

    .footer-featured .container>div:first-child {
        padding-left: 5px;
    }

    .footer-featured .container>div:last-child {
        padding-right: 5px;
    }
}

@media (max-width: 480px) {
    .carousel-movies iframe {
        height: 100%;
    }

    .communicateweb-social-links .thumbnail {
        width: 47%;
    }
}

.highlight-item {
    display: flex;
    padding: 10px 50px;
}

@media (max-width: 600px) {
    .highlight-item {
        display: flex;
        flex-direction: column !important;
        padding: 10px 10px;
    }
}

.highlight-item-info {
    display: flex;
    flex-direction: column;
    font-family: "Allura", cursive;
    font-weight: 400;
    font-style: normal;
    padding: 5% 12px;
    flex-grow: 1;
}

@media (min-width: 1000px) {
    .highlight-item-info {
        max-width: 60%;
    }
}

@media (max-width: 600px) {
    .highlight-item-info {
        padding: 5px 12px 0px 12px;
    }
}

@media (min-width: 600px) {
    .highlight-item-info-odd {
        border: 1px solid var(--theme-color1);
        border-radius: 0px 12px 12px 0px;
    }

    .highlight-item-info-even {
        border: 1px solid var(--theme-color1);
        border-radius: 12px 0px 0px 12px;
    }
}

.img-highlight {
    width: 600px;
    display: block;
    margin: auto;
}

.highlight-item-title {
    text-align: center;
    font-size: 3vw;
    line-height: 1.2;
    flex-basis: 60%;
}

@media (max-width: 600px) {
    .highlight-item-title {
        text-align: center;
        font-size: 4.5vw;
        line-height: 1.2;
        flex-basis: 60%;
    }
}

.highlight-item-see-more-content {
    font-size: 2vw;
    font-weight: bold;
    text-transform: none;
}

@media (max-width: 600px) {
    .highlight-item-see-more-content {
        font-size: 3.5vw;
        font-weight: bold;
        padding-bottom: 0px;
    }
}

.highlight-img {
    width: 45%;
}

@media (max-width: 600px) {
    .highlight-img {
        align-self: center;
        width: 80%;
    }
}

@media (max-width: 990px) {
    .page_header {
        height: 0px;
    }
}

@media (min-width: 990px) {
    .dropdown-menu-language {
        margin-left: -165px;
    }
}

.container-page {
    background: linear-gradient(90deg, rgba(210, 160, 43, 1) 0%, rgba(224, 184, 77, 1) 35%, rgba(243, 220, 123, 1) 100%);
    padding: 12px;
}

@media screen and (max-width: 600px) {
    .container-page {
        background: linear-gradient(90deg, rgba(210, 160, 43, 1) 0%, rgba(224, 184, 77, 1) 35%, rgba(243, 220, 123, 1) 100%);
        padding: 8px;
    }
}

.container-page-inner {
    background: white;
    border-radius: 10px;
    min-height: 100vh;
}

.section-home-highlight-items {
    padding-top: 15px;
}

.header-icons {
    display: flex;
    gap: 10px;
    position: absolute;
    top: 10px;
    right: 20px;
    max-width: 75%;
}

.header-location-menu {
    display: flex;
    color: var(--theme-color1);
    gap: 5px;
    align-items: center;
}

.header-location-menu a {
    color: var(--theme-color1);
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
    margin: 0 10px;
}

.header-location-menu a:hover {
    text-decoration: underline;
}

.login-icon {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: var(--theme-color1);
}

.schedule-icon,
.location-icon {
    display: flex;
    flex-direction: row;
    gap: 2px;
    border: 1px solid var(--theme-color1);
    border-radius: 10px;
    padding: 5px;
    align-items: center;
    width: 76px;
    text-align: center;
    color: var(--theme-color1);
    font-weight: 16px;
    font-size: 20px;
    width: fit-content;
}

.participant-name {
    width: 45px;
    white-space: nowrap;
    overflow: hidden;
    font-size: 1rem;
    text-align: center;
}

@media screen and (max-width: 991px) {
    .participant-name {
        width: 60px;
        white-space: nowrap;
        overflow: hidden;
        font-size: 1.3rem;
        text-align: center;
    }
}

.language .dropdown-menu {
    left: 50px !important;
}

@media (min-width: 900px) {
    .language .dropdown-menu {
        left: 100px !important;
    }
}

.welcome-page .language {
    position: fixed;
    top: 5px;
    right: 0px
}

.welcome-page .language .dropdown-menu {
    left: -110px !important;
}

@media (min-width: 900px) {
    .welcome-page .language .dropdown-menu {
        left: -60px !important;
    }
}

@media (min-width: 990px) {
    .welcome-page .language .dropdown-menu {
        left: 20px !important;
    }
}

.header-logo {
    position: fixed;
    top: 0px;
    left: 17px;
}

/* Hide when scrolling */
.affix .header-logo {
    display: none;
}

.header-logo-non-mobile {
    padding: 0px 20px 0px 0px !important;
    margin: 0px !important;
}

@media screen and (max-width: 991px) {
    .header-logo-non-mobile {
        display: none !important;
    }
}

/* modal */
.modal-backdrop.in {
    filter: alpha(opacity=80);
    opacity: .8;
}

#modal-title {
    text-align: center;
    color: #a17f1a;
}

.modal-footer {
    padding: 0;
}

.modal-body {
    display: flow-root;
}

.media-viewer-docs {
    display: flex;
    flex-direction: column;
    margin: 0 10%;
}

.buttons-media-viewer-docs {
    display: flex;
    gap: 10px;
    justify-content: center;
    margin: 0 15%;
}

.viewer-title {
    font-weight: bold;
    margin-bottom: 5px;
    text-align: center;
}

.media-viewer-audios {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 10px;
}

.video-player-container {
    width: fit-content;
    margin: 0 auto;
    position: relative;
}

.video-player {
    aspect-ratio: 1;
    width: 250px;
    height: 250px;
}

@media (min-width: 350px) {
    .video-player {
        aspect-ratio: 1;
        width: 300px;
        height: 300px;
    }
}

@media (min-width: 500px) {
    .video-player {
        aspect-ratio: 1;
        width: 400px;
        height: 400px;
    }
}



.vjs-theme-sea .vjs-big-play-button {
    width: 103px;
    height: 79px;
    object-fit: contain;
    background-color: rgba(255, 255, 255, 0.25);
    border: none;
    margin: 0 auto;
    line-height: 79px;
    top: 50%;
    left: 50%;
    border-radius: 30px;
    margin-top: -51.5px;
    margin-left: -39.5px;
}

.vjs-theme-sea .vjs-control-bar {
    height: 4em;
    background-color: rgba(255, 255, 255, 0.4);
}

.vjs-theme-sea .vjs-button:hover {
    color: #4176bc;
    background: linear-gradient(to top, #d0ddee, #fff);
}

.vjs-theme-sea .vjs-button>.vjs-icon-placeholder::before {
    line-height: 2.2;
}

.vjs-theme-sea .vjs-time-control {
    line-height: 4em;
}

/* .vjs-theme-sea .vjs-volume-panel {
    display: none;
} */

.vjs-theme-sea .vjs-picture-in-picture-control {
    display: none;
}

.vjs-theme-sea .vjs-progress-control .vjs-play-progress {
    background-color: rgba(65, 118, 188, 0.9);
}

.vjs-theme-sea .vjs-progress-control .vjs-play-progress:before {
    display: none;
}

.vjs-theme-sea .vjs-progress-control .vjs-slider {
    background-color: rgba(65, 118, 188, 0.1);
}

.vjs-theme-sea .vjs-progress-control .vjs-load-progress div {
    background: rgba(255, 255, 255, 0.5);
}

.vjs-theme-sea .vjs-progress-control .vjs-progress-holder {
    margin: 0;
    height: 100%;
}

.vjs-theme-sea .vjs-progress-control .vjs-time-tooltip {
    background-color: rgba(65, 118, 188, 0.5);
    color: #fff;
}

.vjs-theme-sea .vjs-progress-control .vjs-mouse-display .vjs-time-tooltip {
    background-color: rgba(255, 255, 255, 0.7);
    color: #4176bc;
}

.video-player .vjs-big-play-button,
#video-player .vjs-big-play-button {
    background-color: var(--theme-color1) !important;
    border-radius: 30px !important;
}

.video-player.video-js .vjs-big-play-button:hover,
.video-player.video-js:hover .vjs-big-play-button,
#video-player.video-js .vjs-big-play-button:hover,
#video-player.video-js:hover .vjs-big-play-button {
    background-color: #d4a43c !important;
}

.video-player .vjs-control-bar,
#video-player .vjs-control-bar {
    background-color: var(--theme-color1) !important;
}

.video-player .vjs-slider-bar,
#video-player .vjs-slider-bar {
    background-color: white !important;
}

.vjs-menu-content {
    background-color: var(--theme-color1) !important;
    color: white !important;
}

.spiritual-rebirth-footer-container {
    height: 60px;
    width: 100%;
    background-color: var(--theme-color1);
    position: fixed;
    bottom: 0px;
    z-index: 2;
    border: 2px groove #d4a43c;
    z-index: 99998;
}

.spiritual-rebirth-footer {
    display: flex;
    align-items: center;
    width: 85%;
    height: 100%;
}

.footer-icons {
    display: flex;
    gap: 10px;
    font-size: 25px;
    padding: 5px;
    flex-basis: 58%;
}

.footer-icon-label {
    cursor: pointer;
    text-align: center;
    font-size: 12px;
}

@media (max-width: 320px) {
    .footer-icon-label {
        cursor: pointer;
        text-align: center;
        font-size: 8px;
    }
}

.footer-icon {
    font-size: 20px;
}

.footer-icon-label.label-active {
    font-weight: bold;
}

@media screen and (min-width: 600px) {
    .footer-icons {
        display: flex;
        gap: 10px;
        font-size: 35px;
        padding: 15px;
        flex-basis: 34%;
    }

    .footer-icon-label {
        font-size: 22px;
    }
}

.footer-info {
    display: flex;
    flex-direction: column;
    font-size: 11px;
    font-weight: bold;
    white-space: nowrap;
    margin: 0 auto;
}

.footer-info-disabled {
    color: darkslategray;
    pointer-events: none;
    cursor: auto;
}

.footer-info-process {
    display: none;
}

@media (min-width: 600px) {
    .footer-info-process {
        display: block;
    }
}

@media screen and (min-width: 900px) {
    .footer-info {
        display: flex;
        flex-direction: row;
        font-size: 14px;
        font-weight: bold;
        white-space: nowrap;
        align-items: center;
    }

    .footer-info-process {
        display: block;
    }

    .footer-info-meta:before {
        content: "\00a0 ";
    }
}

.button-next-process {
    padding: 5px 3px;
    text-wrap: wrap;
}

@media (min-width: 900px) {
    .button-next-process {
        padding: 8px 6px;
    }
}

.whatsappme {
    display: none;
}

.whatsappme-spiritual-rebirth {
    position: fixed !important;
    bottom: 5px !important;
    right: 5px !important;
    transform: scale3d(0.7, 0.7, 0.7) !important;
    z-index: 99998;
    display: block;
}

@media screen and (min-width: 480px) {
    .whatsappme-spiritual-rebirth {
        position: fixed !important;
        bottom: -1px !important;
        right: 20px !important;
        transform: scale3d(0.85, 0.85, 0.85) !important;
        width: 40px !important;
        height: 40px !important;
        z-index: 100000 !important;
        display: block;
    }
}

br.responsive {
    display: inline;
}

@media screen and (min-width: 480px) {
    br.responsive {
        display: none;
    }
}

.grid-thumbnails {
    display: flex;
    flex-wrap: wrap;
}

.spiritual-rebirth-thumbnail {
    flex: 0 0 40%;
    margin: 10px;
    aspect-ratio: 1;
    position: relative;
    background-color: var(--theme-color1);
    border: yellow 1px solid;
    cursor: pointer;
}

.thumbnail-disabled {
    filter: grayscale(1);
    cursor: auto !important;
}

.thumbnail-active {
    border: green 4px solid !important;
}

.thumbnail-video-title {
    color: white;
    font-weight: bold;
    padding: 2px;
    overflow: hidden;
    display: -webkit-box;
    /* number of lines to show */
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.thumbnail-video-title:hover {
    /* number of lines to show */
    -webkit-line-clamp: 10;
    line-clamp: 10;
}

.thumbnail-active .thumbnail-video-title {
    /* number of lines to show */
    -webkit-line-clamp: 10;
    line-clamp: 10;
}

@media (max-width: 480px) {
    .thumbnail-video-title {
        font-size: 11px;
    }
}

@media (min-width: 480px) {
    .spiritual-rebirth-thumbnail {
        flex: 0 0 21%;
        margin: 10px;
        aspect-ratio: 1;
        position: relative;
        background-color: orange;
        border: yellow 1px solid;
        cursor: pointer;
    }
}

.spiritual-rebirth-thumbnail .glyphicon {
    position: absolute;
    left: 43%;
    top: 43%;
    color: white;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    font-size: 18px;
}

.spiritual-rebirth-thumbnail .glyphicon.glyphicon-file,
.spiritual-rebirth-thumbnail .glyphicon.glyphicon-music {
    position: absolute;
    left: 31%;
    top: 33%;
    color: white;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    font-size: 36px;
}

.spiritual-rebirth-videos-playlists {
    color: var(--theme-color1);
    font-weight: 500;
    text-align: center;
}

/* Checked icon */
.spiritual-rebirth-thumbnail .badge {
    position: absolute;
    right: 0px;
    bottom: 0px;
    color: green;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    font-size: 21px;
    background: transparent;
}

@media (min-width: 480px) {
    .spiritual-rebirth-thumbnail .badge {
        position: absolute;
        right: 5px;
        bottom: 5px;
        color: green;
        text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
        font-size: 36px;
        background: transparent;
    }
}

.spiritual-rebirth-thumbnail .thumbnail-label {
    position: absolute;
    left: 2px;
    top: 2px;
    color: black;
    font-weight: bold;
    font-size: 10px;
    width: 100%;
}

@media (min-width: 375px) {
    .spiritual-rebirth-thumbnail .thumbnail-label {
        position: absolute;
        left: 2px;
        top: 2px;
        color: black;
        font-weight: bold;
        font-size: 12px;
        width: 100%;
    }
}

@media (min-width: 480px) {
    .spiritual-rebirth-thumbnail .thumbnail-label {
        position: absolute;
        left: 5px;
        font-weight: bold;
        bottom: 5px;
        color: black;
        font-size: 18px;
        width: 100%;
    }
}

@media (min-width: 480px) {
    .spiritual-rebirth-thumbnail .glyphicon {
        position: absolute;
        left: 45%;
        top: 43%;
        color: white;
        text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
        font-size: 24px;
    }

    .spiritual-rebirth-thumbnail .thumbnail-label {
        position: absolute;
        left: 5px;
        bottom: 5px;
        color: white;
        text-shadow: black -1px 0px, black 0px 1px, black 1px 0px, black 0px -1px;
        font-size: 18px;
        width: 100%;
    }
}

@media (min-width: 900px) {

    .spiritual-rebirth-thumbnail .glyphicon.glyphicon-file,
    .spiritual-rebirth-thumbnail .glyphicon.glyphicon-music {
        position: absolute;
        left: 37%;
        top: 30%;
        color: white;
        text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
        font-size: 53px;
    }
}

.grid-thumbnails img {
    object-fit: cover;
    width: 100%;
    height: 75%;
}

.spiritual-rebirth-diary select {
    border-color: var(--theme-color1);
    font-size: 18px;
}

.spiritual-rebirth-diary {
    display: flex;
    flex-direction: column;
}

.spiritual-rebirth-playlists {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.accordeon {
    border: 1px solid rgba(251, 148, 2, .4);
    border-radius: 15px;
    background-color: #f5f5f5;
}

.accordeon-title {
    display: flex;
    font-weight: bold;
    background: linear-gradient(90deg, rgba(210, 160, 43, 1) 0%, rgba(224, 184, 77, 1) 35%, rgba(243, 220, 123, 1) 100%);
    border-radius: 15px;
    padding: 10px 35px;
    color: white;
    justify-content: space-between;
    cursor: pointer;
}

.accordeon-title-txt {
    margin-right: 5px;
}

.accordeon-title i {
    font-size: 12px;
    align-self: center;
}

.accordeon-content {
    padding: 20px 35px;
}

.accordeon.accordeon-close .accordeon-content {
    display: none;
}

.accordeon.accordeon-open .accordeon-content {
    display: flex;
}

.image-centered-horizontally {
    display: block;
    margin: auto;
}

.spiritual-rebirth-golden-frame-img {
    border-image: url(/front/view/image/golden-frame.jpg) 40 round;
    border-width: 30px;
    border-style: solid;
    max-height: 50vh;
    width: auto;
    height: auto;
}

@media (min-width: 480px) {
    .spiritual-rebirth-golden-frame-img {
        border-image: url(/front/view/image/golden-frame.jpg) 40 round;
        border-width: 30px;
        border-style: solid;
        max-height: 60vh;
        width: auto;
        height: auto;
    }
}

.spiritual-rebirth-intro {
    border: 1px var(--theme-color1) solid;
    padding: 5px;
    text-align: justify;
}

.spiritual-rebirth-processes {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    text-align: justify;
}

@media (min-width: 480px) {
    .spiritual-rebirth-processes {
        display: flex;
        flex-direction: row;
        align-items: unset;
        justify-content: space-between;
        gap: 10px;
    }
}

.spiritual-rebirth-process {
    background: linear-gradient(90deg, rgba(210, 160, 43, 1) 0%, rgba(224, 184, 77, 1) 35%, rgba(243, 220, 123, 1) 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    color: white;
    padding: 15px;
    text-align: center;
    border-radius: 5px;
    width: 200px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.new-life {
    margin: 0 auto;
    margin-top: 20px;
}

.spiritual-rebirth-process-disabled {
    filter: grayscale(1);
    cursor: auto !important;
    pointer-events: none;
}

.spiritual-rebirth-process-title {
    font-weight: bold;
    font-size: 16px;
}

.spiritual-rebirth-process-info {
    font-size: 10px;
    font-weight: bold;
}

.spiritual-rebirth-process button {
    border-radius: 5px;
    padding: 10px 13px 10px;
}

.share-buttons {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.ashram-buttons {
    display: flex;
}

.bold {
    font-weight: bold;
}

.ashram-buttons button {
    background: linear-gradient(90deg, rgba(210, 160, 43, 1) 0%, rgba(224, 184, 77, 1) 75%, rgba(243, 220, 123, 1) 100%);
    border-radius: 4px;
    border: none;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 32px;
    color: white;
    line-height: 32px;
    margin-right: 8px;
    padding: 0 10px;
    position: relative;
    text-align: center;
    top: 0;
    vertical-align: top;
    white-space: nowrap;
    padding: 0px 25px;
    transition: opacity 0.2s ease-in, top 0.2s ease-in;
}

.ashram-buttons button:hover {
    opacity: .8;
    top: -4px;
}

@media (max-width: 480px) {
    .ashram-buttons {
        gap: 5px;
        flex-direction: column;
    }

    .ashram-buttons>* {
        width: 100%;
    }

    .ashram-buttons button {
        width: 100%;
    }
}

.sharethis-inline-share-buttons {
    z-index: 2 !important;
}

.video-playlist-grid {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 40px;
}

.video-playlist-grid.video-playlist-grid-highlight {
    justify-content: space-around;
}

@media (min-width: 600px) {
    .video-playlist-grid {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        gap: 25px;
    }
}

.video-playlist-card {
    flex-basis: 210px;
    height: 325px;
    cursor: pointer;
}

@media (max-width: 600px) {
    .video-playlist-card {
        width: 220px;
    }
}

.video-playlist-card:hover {
    opacity: 0.8;
    transition: opacity 0.2s;
}

.video-playlist-card-img {
    height: 155px;
    width: 100%;
    object-fit: contain;
}

.video-playlist-card-content {
    display: flex;
    flex-direction: column;
    position: relative;
    top: -50px;
    height: 195px;
    background: linear-gradient(90deg, rgba(210, 160, 43, 1) 0%, rgba(224, 184, 77, 1) 35%, rgba(243, 220, 123, 1) 100%);
    border-top-left-radius: 85% 60px;
    border-top-right-radius: 85% 60px;
}

.video-playlist-card-content-title {
    font-weight: bold;
    padding: 14px 20px 5px 20px;
    text-align: center;
}

.video-playlist-card-content-desc {
    font-size: 10px;
    max-height: 120px;
    padding: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: 400;
}

@media (max-width: 600px) {
    .video-playlist-card-content-title {
        font-size: 17px;
    }

    .video-playlist-card-content-desc {
        font-size: 14px;
    }
}

.video-playlist-container {
    position: fixed;
    height: 100vh;
    width: 100vw;
    left: 0;
    top: 0;
    right: 0;
    z-index: 9999;
    display: flex;
    visibility: hidden;
    opacity: 0;
    transition: opacity 1.5s;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.video-playlist-container-visible {
    visibility: visible;
    opacity: 1;
}

.video-playlist-container video {
    flex: 9 0 90%;
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto;
}

.video-playlist-container .video-playlist {
    flex: 1 0 10%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    align-content: start;
    gap: 20px;
    overflow-x: auto;
    overflow-y: hidden;
    background: linear-gradient(90deg, rgba(210, 160, 43, 1) 0%, rgba(224, 184, 77, 1) 50%, rgba(243, 220, 123, 1) 100%);
    width: 100%;
    padding: 10px 5px;
    border: #a28834 1px solid;
}

.video-playlist-container .video-playlist .video-thumbnail {
    width: 28%;
    height: 105%;
    position: relative;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    margin: 0px 20px;
}

@media (max-width: 350px) {
    .video-playlist-container .video-playlist .video-thumbnail {
        width: 35%;
        margin: 0px 5px;
    }
}

@media (min-width: 400px) {
    .video-playlist-container .video-playlist .video-thumbnail {
        width: 25%;
        margin: 0px 5px;
    }
}

@media (min-width: 500px) {
    .video-playlist-container .video-playlist .video-thumbnail {
        width: 20%;
        margin: 0px 5px;
    }
}

@media (min-width: 600px) {
    .video-playlist-container .video-playlist .video-thumbnail {
        width: 16.5%;
        margin: 0px 5px;
    }
}

@media (min-width: 750px) {
    .video-playlist-container .video-playlist .video-thumbnail {
        width: 13.5%;
        margin: 0px 5px;
    }
}

@media (min-width: 900px) {
    .video-playlist-container .video-playlist .video-thumbnail {
        width: 10%;
        margin: 0px 20px;
    }
}

@media (min-width: 1100px) {
    .video-playlist-container .video-playlist .video-thumbnail {
        width: 9%;
        margin: 0px 20px;
    }
}

@media (min-width: 1300px) {
    .video-playlist-container .video-playlist .video-thumbnail {
        width: 8%;
        margin: 0px 20px;
    }
}

.video-thumbnail-img-container {
    position: relative;
}

.video-thumbnail img {
    object-fit: cover;
    aspect-ratio: 16/9;
    max-width: 100%;
    height: auto;
    position: relative;
}

.video-thumbnail label {
    position: relative;
    font-weight: bold;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.2;
}

.video-thumbnail .video-watched {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    color: white;
    font-size: 22px;
}

.video-playlist-container .video-js.vjs-16-9 {
    padding-top: 81vh !important;
}

.video-playlist-container .video-js {
    background: linear-gradient(90deg, rgba(210, 160, 43, 1) 0%, rgba(224, 184, 77, 1) 50%, rgba(243, 220, 123, 1) 100%);
}

.video-playlist-container .close-playlist {
    position: fixed;
    top: 25px;
    right: 30px;
    z-index: 2;
    cursor: pointer;
}

.video-playlist-container .close-playlist::after {
    font-family: rt-icons-2;
    content: "\e117";
    font-size: 60px;
    color: #fff;
    text-shadow: 1px 0 #000, -1px 0 #000, 0 1px #000, 0 -1px #000, 1px 1px #000, -1px -1px #000, 1px -1px #000, -1px 1px #000;
}

.video-playlist-container .previous-video {
    position: fixed;
    width: 50px;
    top: 34%;
    left: 5px;
    font-size: 40px;
    color: #fff;
    text-shadow: 1px 0 #000, -1px 0 #000, 0 1px #000, 0 -1px #000, 1px 1px #000, -1px -1px #000, 1px -1px #000, -1px 1px #000;
    z-index: 2;
    cursor: pointer;
}

.video-playlist-container .next-video {
    position: fixed;
    width: 50px;
    top: 34%;
    right: 5px;
    font-size: 40px;
    color: #fff;
    text-shadow: 1px 0 #000, -1px 0 #000, 0 1px #000, 0 -1px #000, 1px 1px #000, -1px -1px #000, 1px -1px #000, -1px 1px #000;
    z-index: 2;
    cursor: pointer;
}

@media (max-width: 600px) {
    .video-playlist-container .close-playlist {
        top: 10px;
        right: -6px;
    }

    .video-playlist-container .previous-video {
        top: 34%;
        left: -5px;
    }

    .video-playlist-container .next-video {
        top: 34%;
        right: -7px;
    }
}

.video-playlist-container ::-webkit-scrollbar {
    width: 12px;
    background-color: white;
    border-radius: 25px;
}

.video-playlist-container ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: rgba(243, 220, 123, 1);
}

.video-playlist-container ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px white;
    border-radius: 25px;
}

.highlight-heading h2 {
    color: var(--theme-color1);
    font-weight: 500;
    text-align: center;
}

.closed-testimonial {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    /* number of lines to show */
    line-clamp: 8;
    -webkit-box-orient: vertical;
}

.closed-processes-introduction {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    /* number of lines to show */
    line-clamp: 7;
    -webkit-box-orient: vertical;
}

@media(max-width: 600px) {
    .closed-processes-introduction {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 15;
        /* number of lines to show */
        line-clamp: 15;
        -webkit-box-orient: vertical;
    }
}

.closed-process-introduction {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    /* number of lines to show */
    line-clamp: 5;
    -webkit-box-orient: vertical;
}

@media(max-width: 600px) {
    .closed-process-introduction {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        /* number of lines to show */
        line-clamp: 4;
        -webkit-box-orient: vertical;
    }
}

.badge-message-nbr {
    background-color: red;
    border-radius: 8px;
    font-size: 18px;
    width: 16px;
    display: inline-block;
    position: absolute;
    bottom: 0px;
    margin-left: -14px;
    font-weight: bold;
    cursor: pointer;
}

.welcome-page {
    position: fixed;
    width: 100%;
    height: 100%;
    /* Set in JS */
    display: none;
    flex-direction: column;
    background-color: white;
    z-index: 100;
}

@media (min-width: 600px) {
    .welcome-page {
        flex-direction: row;
    }
}

.welcome-page>* {
    align-content: center;
}

.welcome-page-img {
    flex-basis: 70%;
    flex-grow: 0;
    flex-shrink: 0;
    background-image: url('../../../image/data/Main_Page/the-last-altar.jpeg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    color: white;
    text-align: center;
    align-content: center;
}

@media (min-width: 600px) {
    .welcome-page-img {
        height: 100%;
        flex-basis: 50%;
        flex-grow: 0;
        flex-shrink: 0;
        background-position: center;
    }
}

.welcome-page-enter {
    display: flex;
    flex-direction: column;
    flex-basis: 45%;
    flex-basis: 30%;
    flex-grow: 0;
    flex-shrink: 0;
    justify-content: center;
    margin-top: -85px;
    z-index: 10;
}

@media (min-width: 600px) {
    .welcome-page-enter {
        flex-basis: 50%;
        flex-grow: 0;
        flex-shrink: 0;
        align-self: center;
        margin-top: 0;
    }
}

.welcome-page-title {
    font-family: "Allura", cursive;
    font-weight: 600;
    font-style: normal;
    font-size: 7vh;
    line-height: 0.9;
    color: var(--light-gold);    
    text-align: center;
    padding: 15px 20px;
}

@media (min-width: 600px) {
    .welcome-page-title {
        font-size: 9vh;
        color: var(--theme-color1);
    }
}

.welcome-page-enter-button {
    color: white;
    cursor: pointer;
    background-image: url('../../../image/data/Main_Page/enter_lotus.jpeg');
    background-position-x: 50%;
    background-color: white;
    background-position: center;
    width: 100%;
    height: 115px;
    align-self: center;
    background-size: contain;
    background-repeat: no-repeat;
    border: 0px;
    margin-top: 30px;
    margin-bottom: 5px;
}

.welcome-page-enter-button-label {
    font-weight: 500;
    font-style: normal;
    font-size: 4vh;
    color: var(--theme-color1);
    text-align: center;
    cursor: pointer;
    padding: 8px 0px 8px 0px;
    text-transform:uppercase;    
}

@media (min-width: 600px) {
    .welcome-page-enter-button{
        margin-top:15px;
    }
    .welcome-page-enter-button-label {
        font-size: 6vh;
    }
}
.welcome-page .language {
    position: absolute !important;
    top: 15px;
    right: 15px;
    z-index: 110;
}

.top-links {
    text-align: center;
    font-family: "Allura", cursive;
    font-weight: 500;
    font-style: normal;
    font-size: 68px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    justify-content: center;
    width: 500px;
    margin: 0 auto;
    padding-top: 15px;
    padding-bottom: 50px;
}

.top-links a {
    color: var(--theme-color1);
}

@media (max-width: 768px) {
    .top-links {
        width: 100%;
        font-size: 48px;
    }

    .top-links img {
        width: 100px;
        height: auto;
    }
}

.top-links_link {
    margin-top: 13px;
    line-height: 1.2;
}

@media (max-width: 600px) {
    .top-links_link {
        margin-top: 40px;
    }
}

.list-pipe {
    display: inline;
    margin: 0;
    padding: 0;
}

.list-pipe li {
    display: inline-block;
}

.list-pipe li:after {
    content: '|';
    margin: 0 4px;
}

.list-pipe li:last-child:after {
    content: '';
}

.article-meta {
    color: gray;
    display: inline;
}

/* new layout */
.desktop-only {
    display: none !important;
}

.mobile-only {
    display: block !important;
}

/* --- Header (Sem alterações drásticas) --- */
.main-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    background: white;
    position: relative;
    z-index: 5;
}

.logo-placeholder {
    width: 40px;
    height: 50px;
    background-color: var(--light-gold);
    border-radius: 5px 5px 0 0;
}

.header-controls {
    display: flex;
    gap: 15px;
    align-items: center;
    font-size: 0.9rem;
    color: var(--primary-gold);
}

.btn-header {
    border: 1px solid var(--primary-gold);
    padding: 5px 10px;
    border-radius: 20px;
    display: none;
}

.lang-flag {
    display: flex;
    align-items: center;
    gap: 5px;
}

/* --- Hero Section --- */
.hero-section {
    position: relative;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(to bottom, white, var(--bg-cream));
    z-index: 5;
}

.hero-content {
    text-align: center;
    position: relative;
    z-index: 2;
}

.deity-illustration {
    font-size: 150px;
    color: var(--light-gold);
    text-shadow: 0 0 10px rgba(212, 175, 55, 0.5);
}

.nav-arrow {
    background: var(--primary-gold);
    color: white;
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 1.2rem;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
}

.left-arrow {
    left: 20px;
}

.right-arrow {
    right: 20px;
}

/* --- Divisores e Títulos --- */
.lotus-divider-container {
    text-align: center;
    margin: 20px 0;
    color: var(--primary-gold);
    position: relative;
    z-index: 5;
}

.lotus-icon {
    font-size: 3rem;
    margin-bottom: 10px;
}

.main-title {
    font-family: var(--text-script);
    font-size: 3.5rem;
    color: var(--primary-gold);
    font-weight: normal;
}

/* --- Menu Principal (Grid) --- */
.home-page {
    /*background: linear-gradient(to bottom, #fcf3db, #ffffff);*/
    border-radius: 10px;
    min-height: 100vh;
    padding-top: 15px;
    padding-bottom: 100px;
}

.main-menu-container {
    padding-bottom: 50px;
}

.main-menu-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    padding: 10px 40px 10px 40px;
    position: relative;
    z-index: 5;
    transition: z-index 0.3s step-start;
    width: 100%;
}

body.is-focusing .main-menu-grid {
    z-index: 100;
}

.menu-card {
    display: flex;
    order: 1;
    flex-direction: column;
    align-items: center;
    justify-content: top;
    padding: 15px;
    background: #ffffff;
    border: 1px solid var(--theme-color1);
    border-radius: 8px;
    text-align: center;
    transition: all 0.3s ease;
    cursor: pointer;
    position: relative;
    width: 100%;
    height: auto;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .main-menu-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 768px) {
    .menu-card {
        width: 100%;
        height: auto;
    }
}

@media (max-width: 480px) {
    .main-menu-grid {
        grid-template-columns: repeat(2, 1fr);
        padding: 10px 20px 10px 20px;
    }

    .menu-card {
        width: 100%;
        height: auto;
    }
}

.menu-card:hover {
    border-color: var(--light-gold);
    transform: translateY(-3px);
}

.menu-card.is-active-parent {
    z-index: 101;
    background: #ffffff !important;
    border-color: var(--light-gold) !important;
    box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4);
    animation: gentle-pulse 2s infinite;
    transform: scale(1.05);
}

/* Quando em foco, apaga os outros */
body.is-focusing .menu-card:not(.is-active-parent):not(:hover) {
    background-color: transparent;
}

.card-icon-box>.card-icon {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

body.is-focusing .menu-card:not(.is-active-parent):not(:hover) .card-icon {
    opacity: 0.4;
}

.menu-title {
    font-family: var(--text-script);
    font-size: 2.8rem;
    color: var(--theme-color1);
}

/* submenus */
.submenu-full-row {
    grid-column: 1 / -1;
    display: none;
    scroll-margin-top: 20px;
    order: 2;
    margin-top: 10px;
    z-index: 101;
}

.submenu-full-row.is-visible {
    display: block;
    animation: slideDown 0.3s ease-out;
}

.submenu-content {
    display: flex;
    flex-wrap: wrap;
    grid-template-columns: repeat(4, 1fr);
    gap: 5px;
    justify-items: center;
    animation: fadeInSubmenu 0.5s ease forwards;
}

@media (max-width: 768px) {
    .submenu-content {
        grid-template-columns: repeat(3, 1fr);
    }
}

.submenu-item {
    background: #f8e9dd;
    border-radius: 20%;
    border: 1px solid var(--theme-color1);
    padding: 8px 10px;
    width: 85px;
    height: 85px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transition: transform 0.2s;
}

.submenu-item:hover {
    transform: translateY(-3px);
}

.card-subicon-box>.card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.submenu-item span {
    font-size: 1.4rem;
    color: var(--theme-color1);
}

@keyframes gentle-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.4);
    }

    70% {
        box-shadow: 0 0 20px 20px rgba(212, 175, 55, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(212, 175, 55, 0);
    }
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.focus-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.5s ease;
    z-index: 90;
    pointer-events: none;
}

body.is-focusing .focus-overlay {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

/* Apaga também o conteúdo do site atrás do overlay */
body.is-focusing header,
body.is-focusing .hero-section,
body.is-focusing .desktop-features,
body.is-focusing .lotus-divider-container {
    filter: brightness(0.7);
    transition: filter 0.5s ease;
}

@keyframes fadeInSubmenu {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* =========================================
   MEDIA QUERIES - DESKTOP (>= 1024px)
========================================= */
@media (min-width: 1024px) {
    .desktop-only {
        display: block !important;
    }

    .mobile-only {
        display: none !important;
    }

    /* ... (Header, Hero, Features Desktop styles from previous code remain here) ... */
    .main-header {
        padding: 15px 5%;
    }

    .logo-area {
        display: flex;
        align-items: flex-end;
        gap: 20px;
    }

    .header-title {
        font-family: var(--text-script);
        color: var(--primary-gold);
        font-size: 2.5rem;
        font-weight: normal;
        margin-bottom: -10px;
    }

    .btn-header {
        display: inline-block;
    }

    .header-controls {
        font-size: 1rem;
        gap: 25px;
    }

    .hero-section {
        height: 400px;
        background: var(--bg-gradient-gold);
        justify-content: space-between;
        padding: 0 10%;
        overflow: hidden;
    }

    .hero-content {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        gap: 50px;
    }

    .deity-illustration {
        font-size: 300px;
        color: rgba(255, 255, 255, 0.3);
        text-shadow: none;
    }

    .hero-quote {
        font-family: var(--text-script);
        color: white;
        font-size: 3.5rem;
        font-weight: normal;
        text-align: right;
        max-width: 600px;
    }

    .hero-section .nav-arrow {
        display: none;
    }

    .feature-circles {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 40px;
        padding: 40px 0;
        background: var(--bg-cream);
        position: relative;
        z-index: 5;
    }

    .circle-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        width: 150px;
    }

    .circle-icon {
        width: 120px;
        height: 120px;
        background: var(--primary-gold);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 3rem;
        color: white;
        margin-bottom: 15px;
    }

    .circle-item span {
        font-family: var(--text-script);
        color: var(--dark-gold);
        font-size: 1.4rem;
    }

    .circle-arrow-left,
    .circle-arrow-right {
        position: absolute;
        background: var(--dark-gold);
    }

    .circle-arrow-left {
        left: 5%;
    }

    .circle-arrow-right {
        right: 5%;
    }

    .title-divider {
        margin-top: -30px;
        position: relative;
        z-index: 10;
    }

    .cta-cards-container {
        display: flex;
        justify-content: center;
        gap: 30px;
        padding: 0 10% 60px 10%;
        position: relative;
        z-index: 5;
    }

    .cta-card {
        flex: 1;
        background: var(--bg-gradient-gold);
        padding: 40px;
        border-radius: 20px;
        color: white;
    }

    .cta-card h3 {
        font-size: 2rem;
        margin-bottom: 15px;
    }

    .cta-card p {
        font-size: 1.2rem;
        margin-bottom: 30px;
        max-width: 80%;
    }

    .btn-gold {
        background: var(--dark-gold);
        color: white;
        border: none;
        padding: 15px 30px;
        border-radius: 30px;
        font-weight: bold;
        cursor: pointer;
        transition: background 0.3s;
    }

    .btn-gold:hover {
        background: #7a5a1a;
    }

    /* Menu Principal Desktop */
    .main-menu-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(180px, 214px));
        flex-direction: row;
        justify-content: center;
        max-width: 1360px;
        gap: 15px;
        margin: 0 auto;
    }

    .submenu-content.is-active {
        display: flex;
        gap: 5px;
    }
}

/* Swiper override */
.swiper {
    width: 500px;
    max-width: 500px;
    height: auto;
}

.swiper-button-next,
.swiper-button-prev {
    font-size: 8px;
    background-color: var(--theme-color1);
    border: none;
    padding: 5px 10px;
    cursor: pointer;
    border-radius: 50%;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    background-color: var(--light-gold);
}

.swiper-button-next svg,
.swiper-button-prev svg {
    color: #ffffff;
    height: 15px !important;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
}

.swiper-wrapper {
    align-items: center;
}

.swiper-slide {
    width: 80%;
    text-align: center;
}

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

.swiper-description{
    background-color:#efbf39;
    padding:15px;
    color:#fff;
    font-size:18px;
    margin:30px 0;
    border-radius:20px;
}
.swiper-description a, 
.swiper-description a:visited{
    color:#fff;
    font-size:18px;
}

.swiper-description-closed {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    /* number of lines to show */
    line-clamp: 5;
    -webkit-box-orient: vertical;
}

@media (max-width: 768px) {
    .swiper {
        max-width: 380px;
    }

    .swiper-slide img {
        width: 240px;
    }

    .swiper-button-next,
    .swiper-button-prev {
        font-size: 6px;
        padding: 2px 5px;
        width: 28px;
        height: 28px;
    }

    .swiper-button-next svg,
    .swiper-button-prev svg {
        height: 10px !important;
    }
    .swiper-description{
        padding:10px;
        font-size:14px;
        margin:15px 0;
        border-radius:10px;
    }
    .swiper-description a, 
    .swiper-description a:visited{
        font-size:16px;
    }
}

@media (max-width: 380px) {
    .swiper {
        max-width: 280px;
    }

    .swiper-slide img {
        width: 180px;
    }
}

@media (max-width: 320px) {
    .swiper {
        max-width: 180px;
    }

    .swiper-slide img {
        width: 140px;
    }
}

/* video page */
.video-page-container {
    /*background: linear-gradient(to bottom, #fcf3db, #ffffff);*/
    border-radius: 10px;
    min-height: 100vh;
    overflow-x: hidden;
}

.video-page-container .row.no-gutter {
    display: flex;
    flex-wrap: wrap;
}

.video-page-container .main-content {
    padding-bottom: 70px;
}

.video-sidebar {
    background-color: #6d5a20;
    min-height: 100vh;
    height: auto;
    padding: 30px 0 30px 15px;
    color: #f4e4bc;
}

.search-box {
    margin: 30px 15px;
    border: 1px solid var(--light-gold);
    border-radius: 15px;
}

.search-box .form-control {
    background: transparent;
    height: 30px;
    color: #fff;
}

.search-box .input-group-addon,
.search-box .input-group-addon button {
    background: transparent;
    border: none;
    color: var(--light-gold);
}

.search-box-mobile {
    text-align: center;
    padding: 0 30px;
}

.search-box-mobile .input-group {
    background: #fff;
    border: 1px solid var(--light-gold);
    border-radius: 15px;
}

.search-box-mobile .form-control {
    background: transparent;
    height: 30px;
}

.search-box-mobile .input-group-addon,
.search-box-mobile .input-group-addon button {
    background: transparent;
    border: none;
    color: var(--light-gold);
}

.side-menu li a {
    color: #f4e4bc;
    font-size: 25px;
    font-family: var(--text-script);
    padding: 8px 15px;
    transition: 0.3s;
}

.side-menu li img {
    width: 28px;
    margin-right: 15px;
}

.side-menu li.active a,
.side-menu li a:hover {
    background: transparent !important;
    color: #fff;
}

.main-content {
    padding: 20px 30px;
    min-height: 100vh;
}

@media (max-width: 767px) {
    .video-page-container .row.no-gutter {
        display: block;
    }

    .video-sidebar {
        min-height: auto;
    }

    .main-content {
        border-radius: 0;
        padding: 10px;
    }
}

.video-gallery {
    background-color: #121212;
    padding: 10px;
    margin-top: 40px;
}

.video-gallery .row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.video-col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 10px;
}

.video-card {
    flex: 1;
    display: flex;
    flex-direction: column;
    cursor: pointer;
}

.video-card:hover img {
    transform: scale(1.05);
    transition: transform 0.3s ease;

}

.medias-page-title {
    font-family: var(--text-script);
    color: #d29f2d;
    font-size: 5rem;
    margin-bottom: 20px;
}

.thumb-container {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #333;
}

.video-card .duration-label {
    position: absolute;
    bottom: 5px;
    right: 5px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    padding: 0 4px;
    border-radius: 3px;
}

.video-info {
    position: relative;
    padding-right: 15px;
}

.video-title {
    color: #fff !important;
    font-size: 13px;
    font-family: 'Arial', sans-serif;
    font-weight: bold;
    line-height: 18px;
    margin: 8px 0 3px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: left !important;
}

.video-stats {
    color: #888;
    font-size: 11px;
}

.video-card:hover .video-title {
    color: #999 !important;
    transition: color 0.3s ease;
}

.mobile-tab-bar {
    background-color: #6d5a20;
    border: none;
    padding: 5px 0;
}

.mobile-tab-bar a {
    color: #f4e4bc;
    font-family: var(--text-script);
    font-size: 15px;
    text-decoration: none;
    line-height: 15px;
    ;
}

.mobile-tab-bar a:hover {
    color: #fff;
}

.mobile-tab-bar span {
    display: block;
    text-align: center;
}

/* video player */
.video-player-frame {
    border: 4px solid #f7d46e;
    padding: 0 10px 80px 0;
    background: #121212;
    position: relative;
    margin-bottom: 20px;
    margin-top: 50px;
}

.video-cinema-black {
    background: #000;
    padding: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: all 0.5s ease;
    border: 6px solid #ffd500;
    margin: -50px 0 0 -4px;
}

.video-main-wrapper {
    position: relative;
    aspect-ratio: 16 / 9;
    width: 100%;
    max-width: 900px;
    overflow: hidden;
    margin: 0 auto;
}

.video-element {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* Garante que o vídeo não deixe faixas pretas internas */
    display: none;
    /* Só aparece no play */
}

.duration-text {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    min-width: 40px;
}

/* O elemento vídeo deve manter a proporção */
#videoPlayer {
    width: 100%;
    height: auto;
    display: block;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    z-index: 1;
}

/* Custom Play Button do Anexo */
.play-btn-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 150px;
    height: 150px;
    border: 12px solid #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -75px auto 20px -75px;
    cursor: pointer;
    pointer-events: auto;
    background: rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease, opacity 0.3s ease;
    z-index: 3;
}

.play-btn-circle:hover {
    transform: scale(1.1);
}

.play-btn-circle i {
    color: #fff;
    font-size: 60px;
    margin-left: 10px;
}

.progress-container {
    display: flex;
    align-items: center;
    gap: 15px;
}

.video-controls-bottom {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    padding: 0 20px;
}

.progress-line {
    flex-grow: 1;
    height: 4px;
    background: #444;
    width: 100%;
    position: relative;
}

.progress-filled {
    position: relative;
    height: 100%;
    background: #e67e22;
}

.scrubber-dot {
    position: absolute;
    right: -8px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: #e67e22;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.video-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: none;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s ease;
    opacity: 0;
    z-index: 5;
}

.video-loader.active {
    display: flex;
    opacity: 1;
}

.spinner-gold {
    width: 50px;
    height: 50px;
    border: 5px solid rgba(210, 159, 45, 0.2);
    border-top: 5px solid #d29f2d;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

/* Proporção YouTube */
.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

/* Proporção Instagram */
.embed-responsive-4by5 {
    padding-bottom: 110%;
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    overflow: hidden;
}

.embed-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

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

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

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

    .video-cinema-black {
        margin: 0;
    }

    .play-btn-circle {
        width: 80px;
        height: 80px;
        border-width: 8px;
        margin: -40px auto 20px -40px;
    }

    .play-btn-circle i {
        font-size: 40px;
    }

    .title-main {
        font-size: 2rem;
    }
}

/* lives page */
.lives-page {
    & .page-heading h1 {
        border: 3px solid var(--theme-color1);
        border-radius: 25px;
        margin: 40px 150px;
    }

    & .container-page-inner {
        background: #fff;
    }

    & .lives-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        margin-bottom: 50px;
    }

    & .lives-card {
        position: relative;
        border-right: 8px solid #484848;
        padding: 10px 15px 20px 0;
        margin-left: 30px;
    }

    & .lives-card::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 8px;
        background: linear-gradient(to left, #484848, #484848, white);
    }

    & .lives-card-content {
        padding: 10px;
        background: #fff;
        border: 4px solid #ebc961;
        text-align: center;
        cursor: pointer;
    }

    & .lives-card-title {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        /* Limita a 2 linhas */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 16px;
        margin: 5px 0;
        color: var(--theme-color1);
    }

    & .lives-card-desc {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        /* Limita a 2 linhas */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 5px;
    }

    & .lives-card-stats {
        font-size: 12px;
        color: var(--theme-color1);
        text-align: left;
        margin-left: 20px;
    }

    & .lives-card-btn {
        margin-top: 10px;
    }

    & .follow-us-card {
        position: relative;
        border-right: 15px solid #484848;
        padding-bottom: 16px;
        max-width: 550px;
        width: 100%;
        margin: 50px auto 0 auto;
        text-align: center;
    }

    & .follow-us-card::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 15px;
        background: linear-gradient(to left, #484848, #484848, white);
    }

    & .follow-us-content {
        padding: 10px;
        box-shadow: -2px 5px 10px rgba(0, 0, 0, 0.1);
    }

    & .follow-us-title {
        font-size: 16px;
        margin: 5px 0;
    }

    & .follow-us-desc {
        margin: 10px 0;
    }

    & .follow-us-icons {
        margin: 20px 0 10px 0;
    }

    & .follow-us-icons img {
        margin: 0 10px;
    }

    @media (max-width: 1024px) {
        & .lives-grid {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    @media (max-width: 768px) {
        & .page-heading h1 {
            border-radius: 25px;
            margin: 20px 0;
        }

        & .lives-grid {
            grid-template-columns: repeat(1, 1fr);
        }

        & .lives-card {
            margin-left: 10px;
        }
    }
}

.temples-page {
    .temples-map-container {
        position: relative;
        display: inline-block;
        width: 100%;
    }

    .map-image {
        width: 100%;
        height: auto;
        display: block;
        border-radius: 3%;
    }

    .marker {
        position: absolute;
        width: 20px;
        height: 20px;
        cursor: pointer;
        z-index: 10;
        transform: translate(-50%, -50%);
    }

    .marker-icon {
        display: block;
        width: 100%;
        height: 100%;
        background-color: #ffcc00;
        border: 3px solid #ff9900;
        border-radius: 50%;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        transition: transform 0.2s ease-in-out;
    }

    .marker:hover .marker-icon {
        transform: scale(1.3);
        background-color: #fff;
        border-color: #ffcc00;
    }

    .marker::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background: rgba(255, 204, 0, 0.4);
        animation: pulse-marker 2s infinite;
        z-index: -1;
    }

    .temples-description {
        margin-top: 20px;
        font-size: 20px;
        line-height: 28px;
    }

    .temples-items {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .temples-item {
        display: flex;
        background: #fde39a;
        border: 3px solid var(--theme-color1);
        padding: 20px;
        margin-bottom: 50px;
    }

    .temples-item-image {
        flex-basis: 40%;
        margin-right: 15px;
    }

    .temples-item-image img {
        width: 100%;
        border: 3px solid #fff500;
    }

    .temples-item-info {
        flex-basis: 100%;
        font-size: 16px;
        line-height: 24px;
    }

    .temples-item-info h3 {
        font-family: "Roboto", sans-serif;
        color: #555;
        font-size: 24px;
        text-align: left;
        margin-top: 5px;
    }

    .temples-item-info {
        margin-bottom: 0;
    }

    @media (min-width: 768px) and (max-width: 990px) {
        .temples-items {
            grid-template-columns: repeat(2, 1fr);
        }

        .temples-item+.temples-item {
            margin-left: 15px;
        }
    }

    @media (max-width: 990px) {
        .temples-item {
            flex-direction: column;
            padding: 0;
            margin-bottom: 15px;
        }

        .temples-item-image {
            flex-basis: 100%;
            margin-right: 0;
        }

        .temples-item-info {
            padding: 10px;
        }
    }

    @media (max-width: 768px) {
        .page-heading {
            margin-bottom: 20px;
        }

        .page-heading h1 {
            font-size: 3.5rem;
        }
    }

    @keyframes pulse-marker {
        0% {
            transform: scale(1);
            opacity: 1;
        }

        100% {
            transform: scale(2.5);
            opacity: 0;
        }
    }
}

.tooltip-inner {
    background-color: var(--theme-color1) !important;
    font-weight: bold;
}

.tooltip.top .tooltip-arrow {
    border-top-color: var(--theme-color1) !important;
}

/* Load more button */
.btn-load-more {
    display: none;
    background-color: transparent;
    color: #d29f2d;
    border: 2px solid #d29f2d;
    padding: 12px 40px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    position: relative;
    outline: none;
    cursor: pointer;
    min-width: 220px;

    & .loader-inline {
        display: none;
        vertical-align: middle;
    }

    & .mini-spinner {
        width: 20px;
        height: 20px;
        border: 3px solid rgba(255, 255, 255, 0.3);
        border-top: 3px solid #fff;
        border-radius: 50%;
        animation: spin 0.8s linear infinite;
    }
}

.btn-load-more:hover {
    background-color: #d29f2d;
    color: #fff;
    box-shadow: 0 5px 15px rgba(210, 159, 45, 0.3);
}

.btn-load-more:disabled {
    border-color: #666;
    color: #666;
    cursor: not-allowed;
    opacity: 0.6;
}

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

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

.btn-home-page {
    position: fixed;
    left: 20px;
    bottom: 20px;
}

.btn-home-page i {
    vertical-align: middle;
}

.blog-home {
    display: flex;
    flex-direction: row;
    column-gap: 60px;
    justify-content: space-between;
}

.blog-card {
    position: relative;
    background-size: cover;
    background-position: center;
    border-radius: 20px;
    color: #fff;
    flex: 1;
}

.blog-card::before {
    position: absolute;
    content: ' ';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 20px;
    background-color: rgba(241, 207, 75, 0.9);
    z-index: 1
}

.blog-card-content {
    position: relative;
    z-index: 2;
    padding: 20px;
}

.blog-card-title {
    font-family: var(--text-script);
    font-size: 4.8rem;
    font-weight: 500;
    line-height: 65px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog-card-summary {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.btn-blog-card {
    background-color: #e38806;
    padding: 10px 20px;
    border-radius: 10px;
}

@media (max-width: 1024px) {
    .blog-card-title {
        font-size: 3.5rem;
    }

    .blog-card-summary {
        font-size: 1.6rem;
    }

    .btn-blog-card {
        padding: 5px 10px;
    }
}

@media (max-width: 768px) {
    .blog-home {
        flex-direction: column;
        row-gap: 30px;
    }
}


#welcome-modal .modal-dialog{
    padding:10px;
}

.welcome-modal {
    padding: 10px !important;
    border: none !important;
}

.welcome-modal .welcome-header,
.welcome-modal .close{
    color:#d1b03f;
}
.welcome-modal .welcome-header,
.welcome-modal .welcome-buttons{
    display: flex;
  justify-content: center; /* Centraliza horizontalmente */
  align-items: center;
  flex-direction:column;
}
.welcome-modal .welcome-header h2{
    font-size:40px;
}

.welcome-modal .modal-body {
  position: relative;
  border: 1px solid #d1b03f !important;
  border-radius:41px;
  padding: 25px !important;
}

.welcome-modal .modal-body::before,
.welcome-modal .modal-body::after,
.welcome-modal .welcome-modal-body::before,
.welcome-modal .welcome-modal-body::after {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  z-index: 1055;
  background-image: url('../image/welcome-frame.jpg');
  background-size: contain;
  background-repeat: no-repeat;
}

/* Frame 1: */
.welcome-modal .modal-body::before {
  top: -1px;
  left: -1px;
}

/* Frame 2: */
.welcome-modal .modal-body::after {
  top: -1px;
  right: -1px;
  transform: rotate(90deg);
}

/* Frame 3: */
.welcome-modal .welcome-modal-body:first-child::before {
  bottom: -1px;
  right: -1px;
  transform: rotate(180deg);
}

/* Frame 4: */
.welcome-modal .welcome-modal-body:first-child::after {
  bottom: -1px;
  left: -1px;
  transform: rotate(270deg);
}
.welcome-buttons p{
    margin-bottom:10px;
}
.welcome-button-continue{
    font-weight:bold;
    font-size:16px;
}