/*
Theme Name: Kriya
Theme URI: https://kriyawp.wpengine.com/
Author: the DesignThemes team
Author URI: http://wedesignthemes.com/
Description: Kriya - the best yoga theme
Version: 3.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: kriya

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@charset "utf-8";
@import "css/reset.css";

/*------------------------------------------------------------------
[Table of contents]
--------------------------------------------------------------------

1. General
   	1.1. Body
	1.2. Headings
	1.3. Text Elements
	1.4. Tables
	1.5. Definition Lists
	1.6. Galleries
	1.7. Forms
	1.8. Images
	1.9. Columns
	1.10. Widgets

2. Layout
	2.1. Container / .container, .wrapper
	2.2. Header / #header
		2.2.1. Menu / #main-menu
		2.2.2. Sticky Header
		2.2.3. Simple Drop Down Menu
		2.2.4. Mega Menu / .megamenu-child-container
		2.2.5. Mobile Menu / #dt-menu-toggle

	2.3. Main Content
		2.3.1. Slider / #slider
		2.3.2. Title & Breadcrumb / .main-title-section-wrapper
		2.3.3. Blog / .blog-entry
		2.3.4. Portfolio / .portfolio
		2.3.5. Side Navigation / .side-navigation
	2.4. Footer
	2.5. Contact form 7
	2.6. Google Maps
	2.7. Visual Composer
	2.8. Generic BG, Borders & Colors
	2.9. Box Sizing
	2.10. Transitions
	2.11. Retina Images


/*----*****---- << 1.1. Body >> ----*****----*/

body {
    font-size: 16px;
    font-weight: normal;
    line-height: 28px;
}

body,
html {
    overflow-x: hidden;
    width: 100%;
}

body,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="range"],
input[type="date"],
textarea,
input.text,
input[type="search"],
select,
textarea,
input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button,
.vc_btn3,
.portfolio .portfolio-detail h5,
.portfolio .portfolio-detail .dt-portfolio-like .label,
blockquote>q:before,
blockquote>p:before,
blockquote>q:after,
blockquote>p:after,
.dt-sc-testimonial.type5 .dt-sc-testimonial-author cite:before,
.dt-sc-counter.type5 h4 {
    font-family: 'Rosario', sans-serif;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button,
.vc_btn3 {
    font-weight: bold;
}

h1,
h2,
h3,
h4,
h5,
h6,
.blog-entry.entry-date-left .entry-date span,
.blog-entry.entry-date-author-left .entry-date-author .entry-date span,
.pagination ul li a,
.pagination ul li span,
.dt-sc-sorting-container a,
.dt-sc-theme-type.vc_pie_chart .vc_pie_chart_value,
.vc_general.vc_tta.vc_tta-style-bottomline .vc_tta-tab>a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.dt-sc-counter.type5 .dt-sc-counter-number,
.tribe-events-list .tribe-events-event-cost span,
.tribe-grid-allday .column.first span,
.tribe-events-grid .column.first div,
.tribe-week-grid-hours div,
.page-links .post-page-numbers {
    font-family: 'PT Serif', serif;
}

#logo h1,
#logo h2 {
    font-family: 'Bree Serif', serif;
}

#main-menu>ul.menu>li>a {
    font-family: 'Overlock', cursive;
    font-weight: bold;
}


/*----*****---- << 1.2. Headings >> ----*****----*/

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
    line-height: normal;
    margin-bottom: 20px;
}

h1 {
    font-size: 35px;
    line-height: 42px;
}

h2 {
    font-size: 30px;
    line-height: 36px;
    letter-spacing: 0.15em;
}

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

h4 {
    font-size: 24px;
    line-height: 30px;
}

h5 {
    font-size: 20px;
    line-height: 28px;
}

h6 {
    font-size: 18px;
    line-height: 24px;
}


/*----*****---- << 1.3. Text Elements >> ----*****----*/

a {
    text-decoration: none;
}

a img {
    border: none;
}

p {
    margin-bottom: 10px;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

hr {
    margin: 10px 0;
}

address {
    display: block;
    margin: 10px 0 20px;
}

abbr {
    border-bottom: 1px dotted;
    cursor: help;
}

ins {
    background: #fff9c0;
    color: #000;
}

sub,
sup {
    font-size: 75%;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -3px;
}

sup {
    top: -5px;
}

ul,
ol,
pre,
code {
    margin-bottom: 20px;
}

pre {
    border: 1px solid #d1d1d1;
    max-width: 100%;
    overflow: auto;
    padding: 1.75em;
    white-space: pre;
}

ul {
    list-style-position: inside;
    list-style-type: disc;
}

ul li {
    padding-bottom: 10px;
}

ul li ul {
    list-style-type: disc;
    margin: 10px 0 0;
    padding-left: 20px;
}

ul ul ul {
    list-style-type: circle;
    margin-bottom: 0;
}

ol ul,
ol ul ul {
    margin-bottom: 0;
}

ol li:last-child,
ol ul li:last-child,
ol ul ul li:last-child {
    padding-bottom: 0;
}

ul ol {
    margin-bottom: 0;
}

ul li:last-child {
    padding-bottom: 0;
}

ol {
    list-style-position: outside;
    list-style-type: decimal;
    padding-left: 20px;
    padding-top: 10px;
}

ol li {
    padding-bottom: 10px;
}

ol li ol {
    margin-bottom: 0;
}

ol ol ol {
    margin-bottom: 0;
}

blockquote {
    clear: left;
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
}

blockquote>p {
    display: inline-block;
    font-size: 20px;
    font-style: italic;
    line-height: 30px;
    margin-bottom: 10px;
}

blockquote>p:before,
blockquote>q:before {
    content: "\201C";
}

blockquote>p:after,
blockquote>q:after {
    content: "\201D";
}

blockquote>p:before {
    float: left;
    font-size: 60px;
    font-style: italic;
    line-height: 0;
    margin: 30px 12px 0 0;
}

blockquote>p:after,
blockquote>q:after {
    content: none;
}

blockquote.alignleft {
    float: left;
    margin-right: 20px;
    text-align: left;
    width: 30%;
}

blockquote.alignright {
    float: right;
    margin-left: 20px;
    text-align: left;
    width: 30%;
}

blockquote.aligncenter {
    text-align: center;
}

.post-edit-link,
.vc_inline-link {
    clear: both;
    float: right;
    font-size: 12px;
    line-height: 24px;
    margin: 20px 0;
    padding: 2px 13px;
}

.vc_inline-link {
    clear: none;
    margin-right: 10px;
}

.page-link {
    clear: both;
    float: left;
    margin: 10px 0 0;
    padding: 0;
}

.page-link a {
    border: 1px solid;
    float: left;
    font-weight: bold;
    line-height: normal;
    margin-right: 10px;
    padding: 7px 13px 5px;
}

.page-link a span {
    margin: 0;
    padding: 0;
}

.page-link>span {
    border: 1px solid;
    float: left;
    font-weight: bold;
    line-height: normal;
    margin-right: 10px;
    padding: 7px 13px 5px;
}


/*----*****---- << 1.4. Tables >> ----*****----*/

table {
    border-collapse: separate;
    border-spacing: 0;
    margin-bottom: 20px;
    width: 100%;
    clear: both;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

th {
    color: #ffffff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 15px;
    font-size: 14px;
    line-height: normal;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
}

td,
tbody th {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 14px;
    line-height: normal;
    text-align: center;
    padding: 13px 15px;
}

tbody tr:nth-child(2n) {
    background: rgba(0, 0, 0, 0.03);
}

tbody td .dt-sc-button.small {
    padding: 7px 14px;
    font-size: 12px;
    margin: 0px;
}

th a,
th a:hover {
    color: #ffffff;
}

th a:hover,
td a:hover {
    text-decoration: underline;
}

.blog-entry .entry-body tbody th {
    background-color: #ffffff;
}

.blog-entry .entry-body tbody th,
.blog-entry .entry-body tbody th a {
    color: inherit;
}

body:not(.vc_transform) tbody td,
body:not(.vc_transform) tbody td a,
body:not(.vc_transform) .commententries tbody td,
body:not(.vc_transform) .commententries tbody td a {
    font-weight: 600;
    color: inherit;
}

.blog-entry .entry-body tbody th a {
    text-transform: none;
}

.tribe-events-list .tribe-events-loop .tribe-events-event-image {
    width: 100% !important;
}


/*----*****---- << 1.5. Definition Lists >> ----*****----*/

dl,
dl.gallery-item {
    margin: 0;
}

.gallery-caption {
    margin-bottom: 10px;
}

.gallery-item img {
    border: 10px solid;
}

dt {
    font-weight: bold;
    margin-bottom: 10px;
}

dd {
    line-height: 20px;
    margin-bottom: 20px;
}


/*----*****---- << 1.6. Galleries >> ----*****----*/

.gallery {
    margin: 0 -1.1666667% 1.75em;
}

.gallery-item {
    display: inline-block;
    max-width: 33.33%;
    padding: 0 1.1400652% 2.2801304%;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-1 .gallery-item {
    max-width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-icon img {
    margin: 0 auto;
}

.gallery-caption {
    display: block;
    font-size: 13px;
    font-size: 0.8125rem;
    font-style: italic;
    line-height: 1.6153846154;
    padding-top: 0.5384615385em;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none;
}

figcaption {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
}


/*----*****---- << 1.7. Forms >> ----*****----*/

fieldset {
    border: 1px solid;
    margin: 0 0 20px;
    padding: 15px;
}

legend {
    font-weight: bold;
}

label {
    padding-bottom: 5px;
}

.required {
    color: red;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="range"],
input[type="date"],
textarea,
input.text,
input[type="search"],
select,
textarea,
.woocommerce .select2-chosen,
.woocommerce .select2-results {
    font-size: 15px;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="range"],
input[type="date"],
textarea,
input.text,
input[type="search"] {
    border: 1px solid;
    display: block;
    margin: 0;
    padding: 16px 12px 15px;
    width: 100%;
    -webkit-appearance: none;
}

textarea {
    height: 190px;
    overflow: auto;
}

select {
    height: 51px;
    border: 1px solid;
    width: 100%;
    margin: 0;
    padding: 15px 50px 15px 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    text-indent: 0.01px;
    text-overflow: '';
    -webkit-border-radius: 0;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    letter-spacing: 1px;
    margin: 10px 0 0;
    padding: 11px 20px;
    -webkit-appearance: none;
}

.aligncenter input[type="submit"] {
    float: none;
}


/* Moz Reset */


/*input[type="submit"]{ border: 0;  padding: 0; margin-top: -1px; margin-bottom: -1px; }*/

#searchform {
    clear: both;
}

.mfp-close-btn-in .mfp-close {
    position: absolute;
    font-size: 28px;
}

.mfp-close-btn-in .mfp-close:hover {
    background-color: #000;
}

.selection-box {
    position: relative;
    clear: both;
}

.selection-box:before,
.selection-box:after {
    content: "";
    pointer-events: none;
    position: absolute;
}

.selection-box:before,
.selection-box:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    right: 17px;
    height: 0;
    margin: auto;
    z-index: 1;
}

.selection-box:before {
    border-top: 7px solid;
    bottom: -11px;
    top: 0;
}

.selection-box:after {
    border-bottom: 7px solid;
    bottom: 0;
    top: -11px;
}


/*----*****---- << 1.8. Images >> ----*****----*/

.alignleft,
img.alignleft {
    display: inline;
    float: left;
    margin-right: 20px;
}

.alignright,
img.alignright {
    display: inline;
    float: right;
    margin-left: 20px;
}

.aligncenter,
img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.column .aligncenter img {
    display: inline-block;
}

img.alignleft,
img.alignright,
img.aligncenter {
    margin-bottom: 20px;
}

.column.aligncenter {
    clear: none;
}

.aligncenter.wpb_column {
    clear: none;
}

.alignright {
    text-align: right;
}

img.no-bottom-margin {
    margin-bottom: -10px;
}

.wpb_column.alignleft,
.wpb_column.alignright,
.wpb_column.aligncenter,
.wpb_column.alignnone {
    margin: auto;
}

.wp-caption {
    border: 1px solid;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 100%;
    padding: 10px;
    text-align: center;
    max-width: 100%;
}

.wp-caption img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.wp-caption .wp-caption-text {
    text-align: center;
    padding-top: 10px;
    margin: 0;
}

.wp-caption.alignnone {
    clear: both;
}

.wp-caption.alignright {
    margin: 0.375em 0 1.75em 1.75em;
}

.wp-caption.alignleft {
    margin: 0.375em 1.75em 1.75em 0;
}


/*----*****---- << 1.9. Columns >> ----*****----*/

.column {
    margin: 0 0 0 2%;
    float: left;
    min-height: 1px;
    position: relative;
}

.column.first {
    margin-left: 0;
    clear: both;
}

.dt-sc-full-width,
.dt-sc-one-column {
    width: 100%;
}

.column.dt-sc-full-width,
.column.dt-sc-one-column {
    margin-left: 0;
}

.dt-sc-one-half {
    width: 49%;
}

.dt-sc-one-third {
    width: 32%;
}

.dt-sc-two-third {
    width: 66%;
}

.dt-sc-one-fourth {
    width: 23.5%;
}

.dt-sc-three-fourth {
    width: 74.5%;
}

.dt-sc-one-fifth {
    width: 18.4%;
}

.dt-sc-two-fifth {
    width: 38.8%;
}

.dt-sc-three-fifth {
    width: 59.2%;
}

.dt-sc-four-fifth {
    width: 79.6%;
}

.dt-sc-one-sixth {
    width: 15%;
}

.dt-sc-two-sixth {
    width: 32%;
}

.dt-sc-three-sixth {
    width: 49%;
}

.dt-sc-four-sixth {
    width: 66%;
}

.dt-sc-five-sixth {
    width: 83%;
}

.column img,
.wpb_column img {
    max-width: 100%;
    height: auto;
    display: inherit;
}

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

.dt-sc-one-half iframe,
.dt-sc-one-third iframe,
.dt-sc-one-fourth iframe,
.dt-sc-three-fourth iframe,
.dt-sc-two-third iframe,
iframe {
    max-width: 100%;
}

embed,
iframe,
object,
video {
    max-width: 100%;
}

.column.no-space {
    margin-left: 0;
    margin-right: 0;
}

.column.no-space.dt-sc-one-fourth {
    width: 24.985%;
}

.column.no-space.dt-sc-one-third {
    width: 33.333333%;
}

.column.no-space.dt-sc-one-half {
    width: 50%;
}

.column.no-space.dt-sc-one-fifth {
    width: 20%;
}

.column.no-space.dt-sc-one-sixth {
    width: 16.666%;
}

.column.no-space.dt-sc-three-fourth {
    width: 75%;
}

.column.no-space.dt-sc-two-third {
    width: 66.666666%;
}

.column.no-space.dt-sc-four-fifth {
    width: 80%;
}

.column.no-space.dt-sc-three-fifth {
    width: 60%;
}

.column.no-space.dt-sc-two-fifth {
    width: 40%;
}

.column.no-space.dt-sc-two-sixth {
    width: 33.2%;
}

.column.no-space.dt-sc-three-sixth {
    width: 49.98%;
}

.column.no-space.dt-sc-four-sixth {
    width: 66.4%;
}

.column.no-space.dt-sc-five-sixth {
    width: 83%;
}

.vc_row.vc_row-no-padding .wpb_column {
    padding-left: 0;
    padding-right: 0;
}


/*----*****---- << 1.10. Widgets >> ----*****----*/

.widgettitle {
    clear: both;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: normal;
    margin: 15px 0 50px;
    position: relative;
}

.widgettitle:before {
    border-style: dashed none solid;
    border-width: 1px 0;
    content: "";
    height: 2px;
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 64px;
}

.widget ul {
    padding: 0;
    margin: 0;
    width: 100%;
    float: left;
    clear: both;
}

.widget ul li,
.widget.widget_nav_menu ul.menu li {
    display: block;
    clear: both;
    margin: 0;
    padding: 10px 0 10px 20px;
    width: 100%;
    border-bottom: 1px dashed;
    position: relative;
}

.widget ul li>a,
.widget.widget_nav_menu ul.menu li>a {
    display: inline-block;
    line-height: 24px;
    width: 100%;
}

.widget ul li:last-child>a {
    padding-bottom: 0;
}

.widget ul li:first-child,
.widget.widget_nav_menu ul.menu li:first-child {
    padding-top: 0;
}

.widget ul li:before {
    content: "\f10c";
    font-family: FontAwesome;
    font-size: 11px;
    left: 0;
    position: absolute;
    top: 10px;
}

.widget ul li:first-child:before {
    top: 0;
}

.woocommerce .widget ul.product-categories li:first-child:before,
.woocommerce.widget ul.product-categories li:first-child:before {
    top: 10px;
}

.widget.widget_nav_menu ul.menu li a {
    text-transform: lowercase;
    padding: 0;
    font-weight: normal;
    background: none;
    border: none;
}

.widget.widget_nav_menu ul.menu li a:first-letter {
    text-transform: uppercase;
}

.widget.widget_archive ul li,
.widget.widget_categories ul li,
.widget.widget_pages ul li,
.widget.widget_meta ul li,
.widget.widget_nav_menu ul.menu li,
.widget.widget_text ul li {
    padding: 0;
}

.widget.widget_archive ul li>a,
.widget.widget_categories ul li>a,
.widget.widget_pages ul li>a,
.widget.widget_meta ul li>a,
.widget.widget_nav_menu ul.menu li>a,
.widget.widget_text ul li>a {
    padding: 10px 0 10px 20px;
}

.widget.widget_archive ul li:first-child>a,
.widget.widget_categories ul li:first-child>a,
.widget.widget_pages ul li:first-child>a,
.widget.widget_meta ul li:first-child>a,
.widget.widget_nav_menu ul.menu li:first-child>a,
.widget.widget_text ul li:first-child>a {
    padding-top: 0;
}

.widget.widget_categories ul li>a {
    position: relative;
    text-transform: capitalize;
}

.widget.widget_categories ul li>a span,
.widget.widget_archive ul li>a span {
    position: absolute;
    right: 0;
    padding: 0 10px;
}

.widget_categories label,
.widget_archive label {
    margin: 0 0 10px;
    display: inline-block;
    font-size: 14px;
}

.widget_text ul.no-border li {
    border: none;
}

.widget_text ul.no-bullet li a {
    padding-left: 0;
}

.widget_text ul.no-bullet li:before,
.widget_text ul.no-bullet li:hover:before {
    content: "";
}

.widget_text ul.split-list {
    width: 48%;
    margin-right: 2%;
    float: left;
    clear: none;
}

.widget_text ul.split-list li {
    position: relative;
    width: 100%;
    border: none;
}

.widget_text ul.split-list li:before {
    content: "\f105";
}

.widget_tag_cloud .tagcloud {
    float: left;
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
}

.tagcloud a {
    margin: 0 10px 10px 0;
    padding: 8px 15px;
    float: left;
    font-size: 14px !important;
    text-transform: capitalize;
}

.widget #searchform {
    position: relative;
}

.widget #searchform input[type="text"] {
    padding-right: 70px;
}

.widget #searchform input[type="submit"] {
    position: absolute;
    right: 0;
    top: 0;
    padding: 18px 20px 17px;
    margin: 0;
}

.widget #wp-calendar caption {
    font-weight: 300;
    font-size: 16px;
    margin-bottom: 10px;
}

.widget #wp-calendar th {
    padding: 10px;
}

.widget #wp-calendar td {
    padding: 9px 10px;
}

.widget .dt-sc-single-line-separator {
    margin: 13px 0;
}

.widget.widget_pages ul li ul.children,
.widget.widget_nav_menu ul li ul.sub-menu {
    padding: 10px 0 0 20px;
    width: 100%;
}

.widget ul.dt-sc-sociable li:before,
.widget ul.dt-sc-sociable li:hover:before {
    content: "";
}

.widget ul.dt-sc-sociable li a {
    padding: 0;
}

.widget_rss .widgettitle .rsswidget>img {
    display: none;
}


/* Sidebar */

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

.secondary-sidebar .widget {
    float: left;
    clear: both;
    width: 100%;
    margin-bottom: 40px;
}

.secondary-sidebar .widget:last-child {
    margin-bottom: 80px;
}

.secondary-sidebar .flickr-widget div a {
    max-width: 75px;
}


/*----*****---- << 2. Layout >> ----*****----*/


/*----*****---- << 2.1. Container >> ----*****----*/

.container {
    width: 1170px;
    margin: 0 auto;
    position: relative;
    clear: both;
}

#main {
    clear: both;
    display: block;
    min-height: 900px;
    padding: 0;
}

#primary {
    float: left;
    margin: 0;
    padding: 0 0 0;
    position: relative;
    width: 870px;
}

#primary.content-full-width {
    width: 100%;
}

#primary.with-left-sidebar {
    float: right;
    margin-left: 30px;
}

#primary.with-right-sidebar {
    float: left;
    margin-right: 30px;
}

#primary.with-both-sidebar {
    width: 570px;
    float: left;
    margin: 0 30px;
}

#secondary,
#secondary-right,
#secondary-left {
    width: 270px;
    margin: 0;
    float: left;
    padding: 0;
    position: relative;
    z-index: 1;
}

#secondary-right.secondary-has-right-sidebar {
    float: right;
}

#secondary-left.secondary-has-left-sidebar {
    float: left;
}

#secondary.secondary-has-both-sidebar {
    margin: 0;
}

.wrapper {
    clear: both;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

.layout-boxed .wrapper {
    width: 1250px;
    margin: 0 auto;
    float: none;
}

.inner-wrapper {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

.page-template-tpl-blog #primary,
.page-template-tpl-portfolio #primary,
.page-template-tpl-sidenavigation #primary,
.single #primary,
.archive #primary,
.search #primary,
.buddypress #primary,
.bbpress #primary,
.post-type-archive-tribe_events #primary,
.woocommerce-page #primary {
    padding-bottom: 75px;
}


/*----*****---- << 2.2. Header >> ----*****----*/

#header-wrapper {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}

#header {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

.header-with-topbar .main-header-wrapper,
.header-with-topbar.header-on-slider .main-header-wrapper {
    top: 50px;
}

.main-header-wrapper {
    float: left;
    width: 100%;
}

.main-header {
    float: left;
    padding: 0;
    margin: 0;
    position: relative;
    width: 100%;
}

.header-on-slider .main-header-wrapper {
    position: absolute;
    left: 0;
    top: 0;
}

.split-header #logo {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 12%;
    text-align: center;
    z-index: 9999;
}

.split-header #logo a {
    display: inline-block;
    max-width: 100%;
}

.split-header #logo a img {
    max-width: 100%;
    max-height: 100%;
}

.split-header #main-menu .menu-left,
.split-header #main-menu .menu-right {
    width: 46%;
}

.split-header #main-menu .menu-right {
    float: right;
}

.split-header .menu-wrapper,
.split-header #main-menu {
    width: 100%;
    margin: 0;
}

.split-header #main-menu ul.menu>li>a,
.split-header #main-menu ul.menu>li>span {
    font-size: 18px;
    padding: 0 18px;
    letter-spacing: 0;
}

.split-header #main-menu ul.menu {
    text-align: left;
    line-height: 0;
}

.split-header #main-menu ul.menu.menu-left {
    padding-right: 10px;
    text-align: right;
}

.split-header #main-menu ul.menu.menu-right {
    padding-left: 15px;
    text-align: left;
}

.split-header #main-menu ul.menu li {
    line-height: 24px;
}

.split-header #main-menu ul.menu>li {
    float: none;
    display: inline-block;
    text-align: center;
}

.split-header.transparent-header #main-menu ul.menu>li>a {
    line-height: 40px;
    padding: 0;
}

.split-header.transparent-header #main-menu ul.menu>li {
    padding: 0 20px;
}

.split-header.boxed-header.transparent-header .main-header-wrapper {
    top: 75px;
}

.split-header.boxed-header #main {
    margin: 0 30px;
    position: relative;
    z-index: 1;
}

.split-header.boxed-header #header-wrapper::before {
    content: "";
    height: 530px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: auto;
    z-index: 0;
}

.split-header.boxed-header #slider {
    display: block;
    padding: 0 30px;
    position: relative;
}

.split-header.boxed-header #slider:after {
    content: "";
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: -1;
}

.split-header.boxed-header #slider .dt-sc-main-slider>div {
    border: 5px solid;
    overflow: hidden;
}

.split-header.boxed-header.page-template-tpl-onepage #main {
    z-index: auto;
}

#logo {
    float: left;
    padding: 0;
    margin: 0;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
     ::i-block-chrome,
    #logo a {
        position: relative;
        z-index: 1;
    }
}

#logo a {
    display: block;
    height: 80px;
    overflow: hidden;
    padding: 10px 0;
}

#logo a img {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

#logo .logo-title {
    margin-top: 11px;
}

#logo .logo-title>h1 {
    line-height: normal;
    margin-bottom: 0;
    font-weight: bold;
}

#logo .logo-title h2 {
    font-size: 20px;
}

#logo .logo-title>h1 a {
    height: auto;
    line-height: normal;
    width: auto;
    padding: 0;
}

.header-align-center .main-header #logo a {
    padding: 0;
}

.left-header #logo .logo-title {
    padding: 0 20px;
}


/* 2.2.1. Menu */

.menu-wrapper {
    float: right;
    margin: 0 0 0 20px;
}

#main-menu,
#main-menu ul.menu {
    float: left;
    margin: 0;
    padding: 0;
}

#main-menu ul.menu li {
    float: left;
    display: inline;
    margin: 0;
    padding: 0;
}

#main-menu>ul.menu>li>a,
#main-menu>ul.menu>li>span {
    float: left;
    font-size: 18px;
    line-height: 100px;
    padding: 0 20px;
    position: relative;
}

#main-menu ul.menu>li>a:before,
#main-menu ul.menu>li>a:after {
    content: "";
    height: 0;
    position: absolute;
    width: 0;
}

#main-menu ul.menu>li>a:before {
    border-style: solid;
    border-width: 4px 0 0;
    right: 100%;
    top: 0;
}

#main-menu ul.menu>li>a:after {
    border-style: dashed;
    border-width: 0 0 1px;
    bottom: 1px;
    left: 100%;
}

#main-menu ul.menu>li:hover>a:before,
#main-menu ul.menu>li>a:hover:before,
#main-menu>ul.menu>li.current_page_item>a:before,
#main-menu>ul.menu>li.current_page_ancestor>a:before,
#main-menu>ul.menu>li.current-menu-item>a:before,
#main-menu>ul.menu>li.current-menu-ancestor>a:before {
    right: 0;
}

#main-menu ul.menu>li:hover>a:after,
#main-menu ul.menu>li>a:hover:after,
#main-menu>ul.menu>li.current_page_item>a:after,
#main-menu>ul.menu>li.current_page_ancestor>a:after,
#main-menu>ul.menu>li.current-menu-item>a:after,
#main-menu>ul.menu>li.current-menu-ancestor>a:after {
    left: 0;
}

#main-menu ul.menu>li:hover>a:before,
#main-menu ul.menu>li>a:hover:before,
#main-menu>ul.menu>li.current_page_item>a:before,
#main-menu>ul.menu>li.current_page_ancestor>a:before,
#main-menu>ul.menu>li.current-menu-item>a:before,
#main-menu>ul.menu>li.current-menu-ancestor>a:before,
#main-menu ul.menu>li:hover>a:after,
#main-menu ul.menu>li>a:hover:after,
#main-menu>ul.menu>li.current_page_item>a:after,
#main-menu>ul.menu>li.current_page_ancestor>a:after,
#main-menu>ul.menu>li.current-menu-item>a:after,
#main-menu>ul.menu>li.current-menu-ancestor>a:after {
    width: 100%;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
    -moz-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
    -ms-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
    -o-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
    transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}


/*----*****---- << 2.2.2. Sticky Header >> ----*****----*/

.sticky-wrapper {
    float: left;
    position: relative;
    width: 100%;
    z-index: 9999;
}

.main-header-wrapper,
.sticky-wrapper .main-header-wrapper {
    z-index: 9999;
}


/****** 2.2.3. Simple Drop Down Menu *****/

#main-menu ul.menu>li {
    position: relative;
}

#main-menu ul li.menu-item-simple-parent ul,
#main-menu ul li.menu-item-simple-parent ul li ul,
#main-menu ul li.menu-item-simple-parent ul li ul li ul {
    display: none;
    text-align: left;
    z-index: 9999;
}

#main-menu ul li.menu-item-simple-parent ul {
    width: 260px;
    padding: 10px 0 10px;
    position: absolute;
    top: 90px;
    left: 0;
    float: left;
}

#main-menu ul li.menu-item-simple-parent ul li {
    display: block;
    padding: 0 15px;
    position: relative;
    width: 100%;
}

#main-menu ul li.menu-item-simple-parent ul li a {
    position: relative;
    padding: 10px 0 10px 10px;
    font-size: 14px;
    line-height: 24px;
    display: block;
}

#main-menu ul li.menu-item-simple-parent ul li:last-child>a {
    border: none;
}

#main-menu ul li.menu-item-simple-parent ul li ul {
    left: 260px;
    top: -10px;
    padding-top: 5px;
}

#main-menu ul li.menu-item-simple-parent ul li a .fa {
    /*color: #000;*/
    margin-right: 10px;
    position: relative;
    top: -1px;
}


/****** 2.2.4. Mega Menu *****/

#main-menu ul.menu>li>.megamenu-child-container {
    display: none;
    z-index: 9999;
}

#main-menu .megamenu-child-container {
    padding: 10px 10px 0;
    position: absolute;
    top: 100px;
    left: 0;
    float: left;
}

#main-menu .megamenu-child-container img {
    max-width: 100%;
}


/* Mega Menu Columns */

#main-menu .megamenu-2-columns-group .megamenu-child-container,
#main-menu .megamenu-child-container>ul.sub-menu>li.fill-two-columns {
    width: 580px;
}

#main-menu .megamenu-3-columns-group .megamenu-child-container,
#main-menu .megamenu-child-container>ul.sub-menu>li.fill-three-columns {
    width: 870px;
}

#main-menu .megamenu-4-columns-group .megamenu-child-container,
#main-menu .megamenu-child-container>ul.sub-menu>li.fill-four-columns {
    width: 1160px;
}

#main-menu .megamenu-child-container>ul.sub-menu>li {
    width: 290px;
    padding: 15px;
    float: left;
    display: inline;
}

#main-menu .megamenu-2-columns-group .megamenu-child-container>ul.sub-menu>li.menu-item-fullwidth {
    width: 100%;
    display: block;
}

#main-menu .megamenu-3-columns-group .megamenu-child-container>ul.sub-menu>li.menu-item-fullwidth {
    width: 100%;
    display: block;
}

#main-menu .megamenu-4-columns-group .megamenu-child-container>ul.sub-menu>li.menu-item-fullwidth {
    width: 100%;
    display: block;
}

#main-menu .megamenu-2-columns-group .megamenu-child-container>ul.sub-menu>li.fill-three-columns,
#main-menu .megamenu-2-columns-group .megamenu-child-container>ul.sub-menu>li.fill-four-columns {
    width: 580px;
}

#main-menu .megamenu-3-columns-group .megamenu-child-container>ul.sub-menu>li.fill-four-columns {
    width: 870px;
}

#main-menu .megamenu-4-columns-group .megamenu-child-container ul.sub-menu li.fill-two-columns.menu-item-fullwidth .widget {
    width: 545px;
}

#main-menu .megamenu-4-columns-group .megamenu-child-container ul.sub-menu li.fill-three-columns.menu-item-fullwidth .widget {
    width: 356px;
}

#main-menu .megamenu-3-columns-group .megamenu-child-container ul.sub-menu li.fill-two-columns.menu-item-fullwidth .widget {
    width: 400px;
}

#main-menu .megamenu-child-container ul.sub-menu li.menu-item-fullwidth .widget {
    float: left;
    margin: 0;
    padding: 0 15px 30px;
}

#main-menu .megamenu-4-columns-group .megamenu-child-container ul.sub-menu li.menu-item-fullwidth .widget {
    width: 282px;
}

#main-menu .megamenu-3-columns-group .megamenu-child-container ul.sub-menu li.menu-item-fullwidth .widget {
    width: 280px;
}

#main-menu .megamenu-2-columns-group .megamenu-child-container ul.sub-menu li.menu-item-fullwidth .widget {
    width: 275px;
}

#main-menu .megamenu-child-container>ul.sub-menu {
    padding: 0;
    margin: 0;
    text-align: left;
}

#main-menu .megamenu-child-container>ul.sub-menu>li>a,
#main-menu .megamenu-child-container>ul.sub-menu>li>.nolink-menu {
    text-transform: uppercase;
    font-weight: 600;
    padding: 0;
    margin-bottom: 15px;
    display: block;
    font-size: 14px;
}

#main-menu .megamenu-child-container>ul.sub-menu>li a .fa,
#main-menu .megamenu-child-container>ul.sub-menu>li .fa {
    margin-right: 5px;
}

#main-menu .megamenu-child-container>ul.sub-menu>li .featured-product .featured-tag a .fa,
#main-menu .megamenu-child-container>ul.sub-menu>li .featured-product .featured-tag .fa {
    margin-right: 0;
}

#main-menu .megamenu-child-container>ul.sub-menu>li>a .menu-item-description,
#main-menu .menu-item-description {
    display: block;
    font-weight: normal;
    padding: 0;
    text-transform: none;
    font-size: 12px;
    position: relative;
    top: -3px;
}

.dt-megamenu-custom-content {
    display: block;
    padding: 10px 0 0;
}

#main-menu .megamenu-child-container ul.sub-menu>li>ul {
    padding: 0;
    margin: 0;
}

#main-menu .megamenu-child-container ul.sub-menu>li>ul li {
    display: block;
    padding: 0;
}

#main-menu .megamenu-child-container ul.sub-menu>li>ul li,
#main-menu .megamenu-child-container ul.sub-menu>li>ul li a {
    clear: both;
}

#main-menu .megamenu-child-container ul.sub-menu>li>ul li a {
    position: relative;
    padding: 10px 0;
    font-size: 14px;
    line-height: 24px;
    display: block;
}

#main-menu .megamenu-child-container ul.sub-menu>li>ul li:last-child a {
    border: none;
}

#main-menu .megamenu-child-container ul.sub-menu>li>ul li a .fa {
    margin-right: 10px;
    position: relative;
    top: -1px;
}

#main-menu .megamenu-child-container ul.sub-menu>li>ul>li>ul {
    padding-left: 20px;
}

#main-menu .megamenu-child-container>ul.sub-menu>li.fulwidth-image-link>.nolink-menu {
    padding: 0;
}

#main-menu .megamenu-child-container>ul.sub-menu>li.fulwidth-image-link ul.sub-menu {
    padding-top: 0;
}

#main-menu .megamenu-child-container>ul.sub-menu>li.fulwidth-image-link img {
    max-width: 100%;
}


/****** Mega Menu Widgets *****/

#main-menu .menu-item-widget-area-container {
    width: 100%;
    margin: 10px 0 0;
    padding: 0;
    float: left;
}

#main-menu .menu-item-widget-area-container ul {
    padding: 0;
    margin: 0;
}

#main-menu .menu-item-widget-area-container .widget {
    padding: 0 0 30px;
    display: inline;
}

#main-menu .menu-item-widget-area-container .widget.widget_pages ul li ul.children,
#main-menu .menu-item-widget-area-container .widget.widget_nav_menu ul li ul.sub-menu {
    padding: 10px 0 0 20px;
}

#main-menu .menu-item-widget-area-container .widget table {
    margin-bottom: 0;
}

#main-menu .menu-item-widget-area-container textarea {
    height: 120px;
}

#main-menu .menu-item-widget-area-container .widget #wp-calendar td {
    padding: 9px;
}

#main-menu .menu-item-widget-area-container .flickr-widget div a {
    max-width: 65px;
}

#main-menu .menu-item-widget-area-container .widget img {
    max-width: 100%;
    height: auto;
}

#main-menu .menu-item-widget-area-container .widget ul li {
    padding: 10px 0 10px 20px;
}

#main-menu .menu-item-widget-area-container .widget ul li:first-child,
#main-menu .menu-item-widget-area-container .widget.widget_nav_menu ul.menu li:first-child {
    padding-top: 0;
}

#main-menu .menu-item-widget-area-container .widget.widget_archive ul li,
#main-menu .menu-item-widget-area-container .widget.widget_categories ul li,
#main-menu .menu-item-widget-area-container .widget.widget_pages ul li,
#main-menu .menu-item-widget-area-container .widget.widget_meta ul li,
#main-menu .menu-item-widget-area-container .widget.widget_nav_menu ul.menu li,
#main-menu .menu-item-widget-area-container .widget.widget_text ul li {
    padding: 0;
}

#main-menu .menu-item-widget-area-container .widget.widget_archive ul li>a,
#main-menu .menu-item-widget-area-container .widget.widget_categories ul li>a,
#main-menu .menu-item-widget-area-container .widget.widget_pages ul li>a,
#main-menu .menu-item-widget-area-container .widget.widget_meta ul li>a,
#main-menu .menu-item-widget-area-container .widget.widget_nav_menu ul.menu li>a,
#main-menu .menu-item-widget-area-container .widget.widget_text ul li>a {
    padding: 10px 0 10px 20px;
}

#main-menu .menu-item-widget-area-container .widget.widget_archive ul li:first-child>a,
#main-menu .menu-item-widget-area-container .widget.widget_categories ul li:first-child>a,
#main-menu .menu-item-widget-area-container .widget.widget_pages ul li:first-child>a,
#main-menu .menu-item-widget-area-container .widget.widget_meta ul li:first-child>a,
#main-menu .menu-item-widget-area-container .widget.widget_nav_menu ul.menu li:first-child>a,
#main-menu .menu-item-widget-area-container .widget.widget_text ul li:first-child>a {
    padding-top: 0;
}

#main-menu .menu-item-widget-area-container .widget .recent-portfolio-widget ul li {
    padding: 0;
}

#main-menu .menu-item-widget-area-container .widget .recent-posts-widget li {
    padding-left: 0;
}

#main-menu .menu-item-widget-area-container .widget .tweet_list li {
    padding: 0 0 20px 40px;
}


/****** Mega Menu & Sub Menu Containers  *****/


/* Mega Menu Title With Background */

#main-menu .menu-item-megamenu-parent.menu-title-with-bg .megamenu-child-container>ul.sub-menu>li>a,
#main-menu .menu-item-megamenu-parent.menu-title-with-bg .megamenu-child-container>ul.sub-menu>li>.nolink-menu {
    padding: 10px 15px;
    margin-bottom: 10px;
}

#main-menu .megamenu-child-container.menu-hasbg {
    background-position: right bottom;
    background-repeat: no-repeat;
}


/* Mega Menu Title With Border */

#main-menu .menu-item-megamenu-parent.menu-title-with-border .megamenu-child-container>ul.sub-menu>li>a,
#main-menu .menu-item-megamenu-parent.menu-title-with-border .megamenu-child-container>ul.sub-menu>li>.nolink-menu {
    padding-bottom: 10px;
}


/* Mega Menu Links With Background */

#main-menu .menu-item-megamenu-parent.menu-links-with-bg .megamenu-child-container ul.sub-menu>li>ul>li,
#main-menu .menu-item-megamenu-parent.menu-links-with-border .megamenu-child-container ul.sub-menu>li>ul>li {
    width: 100%;
}

#main-menu .menu-item-megamenu-parent.menu-links-with-bg .megamenu-child-container ul.sub-menu>li>ul>li>a,
#main-menu ul li.menu-item-simple-parent.menu-links-with-bg ul>li>a {
    padding: 7px 12px;
    margin-bottom: 7px;
    float: left;
    width: 100%;
    display: inline-block;
}


/* Mega Menu Links With Border */

#main-menu .menu-item-megamenu-parent.menu-links-with-border .megamenu-child-container ul.sub-menu>li>ul>li>a,
#main-menu ul li.menu-item-simple-parent.menu-links-with-border ul>li>a {
    padding-bottom: 10px;
}

#main-menu .menu-item-megamenu-parent.menu-links-with-border .megamenu-child-container ul.sub-menu>li>ul>li:last-child>a,
#main-menu ul li.menu-item-simple-parent.menu-links-with-border ul>li:last-child>a {
    border: none !important;
}

#main-menu .menu-item-megamenu-parent.menu-links-with-border .megamenu-child-container ul.sub-menu>li>ul>li>a {
    float: left;
    width: 100%;
    display: inline-block;
}


/* Mega Menu Links With Arrow */

#main-menu .menu-item-megamenu-parent.menu-links-with-arrow .megamenu-child-container ul.sub-menu>li>ul>li>a,
#main-menu ul li.menu-item-simple-parent.menu-links-with-arrow ul>li>a {
    padding-left: 15px;
}

#main-menu .menu-item-megamenu-parent.menu-links-with-arrow .megamenu-child-container ul.sub-menu>li>ul>li>a:before,
#main-menu ul li.menu-item-simple-parent.menu-links-with-arrow ul>li>a:before {
    position: absolute;
    left: 0;
    font-family: FontAwesome;
    font-size: 14px;
}

#main-menu .menu-item-megamenu-parent.menu-links-with-arrow.single .megamenu-child-container ul.sub-menu>li>ul>li>a:before,
#main-menu ul li.menu-item-simple-parent.menu-links-with-arrow.single ul>li>a:before {
    content: "\f105";
}

#main-menu .menu-item-megamenu-parent.menu-links-with-arrow.double .megamenu-child-container ul.sub-menu>li>ul>li>a:before,
#main-menu ul li.menu-item-simple-parent.menu-links-with-arrow.double ul>li>a:before {
    content: "\f101";
}

#main-menu .menu-item-megamenu-parent.menu-links-with-arrow.disc .megamenu-child-container ul.sub-menu>li>ul>li>a:before,
#main-menu ul li.menu-item-simple-parent.menu-links-with-arrow.disc ul>li>a:before {
    content: "\f111";
    font-size: 8px;
}

#main-menu .menu-item-megamenu-parent.menu-links-with-bg.menu-links-with-arrow .megamenu-child-container ul.sub-menu>li>ul>li>a,
#main-menu ul li.menu-item-simple-parent.menu-links-with-bg.menu-links-with-arrow ul>li>a {
    padding-left: 27px;
}

#main-menu .menu-item-megamenu-parent.menu-links-with-bg.menu-links-with-arrow .megamenu-child-container ul.sub-menu>li>ul>li>a:before,
#main-menu ul li.menu-item-simple-parent.menu-links-with-bg.menu-links-with-arrow ul>li>a:before {
    left: 12px;
}

#main-menu ul li ul.children,
#main-menu ul li ul li ul.children,
#main-menu ul li ul li ul li ul.children {
    display: none;
}

#main-menu ul li:hover>ul.children,
#main-menu ul li ul li:hover ul.children,
#main-menu ul li ul li ul li:hover ul.children {
    display: block;
}

#main-menu ul li ul.children {
    float: left;
    left: 0;
    padding: 10px 0;
    position: absolute;
    top: 80px;
    width: 260px;
    z-index: 2;
}

#main-menu ul li ul.children li {
    display: block;
    padding: 0 15px;
    position: relative;
    width: 100%;
}

#main-menu ul li ul.children li a {
    display: block;
    font-size: 14px;
    line-height: 24px;
    padding: 10px 0 10px 10px;
    position: relative;
}

#main-menu ul li ul li ul.children {
    left: 260px;
    padding-top: 5px;
    top: -10px;
}

.is-sticky #main-menu ul li ul.children {
    top: 60px;
}


/****** 2.2.5. Mobile Menu *****/

.dt-menu-toggle {
    display: none;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 15px;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.dt-menu-toggle-icon {
    display: inline-block;
    float: right;
    height: 2px;
    margin-top: 13px;
    position: relative;
    text-align: left;
    width: 20px;
}

.dt-menu-toggle-icon:before,
.dt-menu-toggle-icon:after {
    content: "";
    position: absolute;
    height: 2px;
    width: 20px;
    left: 0;
    top: -5px;
}

.dt-menu-toggle-icon:after {
    top: 5px;
}

#main-menu ul.menu li a.dt-menu-expand {
    border: none !important;
    cursor: pointer;
    display: none;
    font-family: FontAwesome;
    font-weight: normal;
    font-size: 20px;
    height: 38px;
    line-height: 38px;
    margin: auto;
    padding: 0 !important;
    position: absolute !important;
    right: 0;
    top: 0;
    text-align: center;
    width: 38px !important;
}

.header-align-left.fullwidth-menu-header .is-sticky #main-menu ul.menu>li>a.dt-menu-expand {
    display: none;
}

#main-menu ul.menu li a.dt-menu-expand.dt-mean-clicked {
    font-family: monospace;
}


/*----*****---- << 2.3. Main Content >> ----*****----*/


/*----*****---- << 2.3.1. Slider >> ----*****----*/

#slider {
    float: left;
    clear: both;
    width: 100%;
    margin: 0 0 40px;
    min-height: 300px;
    padding: 0;
    display: block;
    line-height: 0;
}

#slider img {
    max-width: 100%;
}

#dt-sc-custom-slider {
    position: relative;
}


/*----*****---- << 2.3.2. Title & Breadcrumb >> ----*****----*/

.main-title-section-wrapper {
    border-bottom: 1px solid;
    clear: both;
    float: left;
    margin: 0 0 85px;
    padding: 15px 0;
    position: relative;
    width: 100%;
    z-idnex: 1;
}

.main-title-section-wrapper .container {
    float: left;
    padding: 0 50px;
    width: 100%;
}

.header-on-slider .main-title-section-wrapper {
    padding-top: 130px;
}

.boxed-header.header-on-slider .main-title-section-wrapper {
    padding-top: 190px;
}

.main-title-section {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
}

.main-title-section h1 {
    font-size: 40px;
    letter-spacing: 1px;
    line-height: normal;
    margin-bottom: 0;
    text-transform: capitalize;
    word-break: break-word;
}

.breadcrumb {
    clear: both;
    float: left;
    margin: 0;
    padding: 0;
    font-size: 12px;
    letter-spacing: 1px;
    width: 100%;
}

.breadcrumb .fa {
    display: inline-block;
    margin: 0 10px;
    padding: 0;
}

.breadcrumb .fa.default {
    display: inline-block;
    height: 14px;
    width: 1px;
    top: 3px;
    position: relative;
    margin: 0 5px 0 10px;
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
}

.main-title-section.aligncenter {
    text-align: center;
}

.main-title-section.alignright {
    text-align: right;
}

.main-title-section-wrapper.breadcrumb-left .breadcrumb {
    clear: none;
    float: left;
    width: 35%;
    padding-right: 20px;
    margin-top: 13px;
}

.main-title-section-wrapper.breadcrumb-left .main-title-section {
    float: right;
    width: 65%;
    text-align: right;
}

.main-title-section-wrapper.breadcrumb-right .breadcrumb {
    clear: none;
    float: right;
    margin-top: 15px;
    padding-left: 20px;
    text-align: right;
    text-transform: uppercase;
    width: 35%;
}

.main-title-section-wrapper.breadcrumb-right .main-title-section {
    float: left;
    width: 65%;
}

.main-title-section-wrapper.breadcrumb-top-left-title-center .main-title-section {
    width: 100%;
    text-align: center;
}

.main-title-section-wrapper.breadcrumb-top-left-title-center .breadcrumb {
    margin-top: -70px;
    width: 100%;
    float: left;
}

.main-title-section-wrapper.breadcrumb-top-right-title-center .main-title-section {
    width: 100%;
    text-align: center;
}

.main-title-section-wrapper.breadcrumb-top-right-title-center .breadcrumb {
    margin-top: -70px;
    width: 100%;
    float: right;
    text-align: right;
}

.page-template-tpl-onepage .main-title-section-wrapper {
    display: none;
}


/*----*****---- << 2.3.3. Blog >> ----*****----*/

.apply-isotope .column {
    margin-left: 0;
    padding: 0 1px;
}

.blog-entry {
    clear: both;
    float: left;
    margin: 0 0 30px;
    padding: 0;
    position: relative;
    width: 100%;
}

.blog-entry.outer-frame-border {
    width: 100%;
}

.fullwidth-header .blog-entry.outer-frame-border {
    z-index: 9;
}

.blog-entry .entry-thumb {
    float: left;
    line-height: 0;
    margin: 0;
    position: relative;
    width: 100%;
}

.blog-entry .entry-thumb img {
    height: auto;
    max-width: 100%;
}

.blog-entry .entry-format {
    position: absolute;
    bottom: 0;
    right: 0;
}

.blog-entry .entry-format a {
    width: 65px;
    height: 65px;
    text-align: center;
    line-height: 65px;
    float: left;
    margin: 0;
    position: relative;
}

.blog-entry .entry-format a:before {
    font-family: Stroke-Gap-Icons;
    font-size: 50px;
    height: 100%;
    line-height: inherit;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    width: 100%;
    margin: 0;
}

.blog-entry.format-standard .entry-format a:before {
    content: "\e6bd";
}

.blog-entry.format-image .entry-format a:before {
    content: "\e6ac";
}

.blog-entry.format-gallery .entry-format a:before {
    content: "\e6be";
}

.blog-entry.format-status .entry-format a:before {
    content: "\e69e";
}

.blog-entry.format-link .entry-format a:before {
    content: "\e67b";
}

.blog-entry.format-aside .entry-format a:before {
    content: "\e684";
}

.blog-entry.format-quote .entry-format a:before {
    content: "\e6b2";
}

.blog-entry.format-video .entry-format a:before {
    content: "\e69a";
}

.blog-entry.format-chat .entry-format a:before {
    content: "\e6b3";
}

.blog-entry.format-audio .entry-format a:before {
    content: "\e699";
}

.blog-entry.tribe_events .ico-format {
    display: none;
}

.blog-entry .entry-details {
    clear: both;
    display: inline-block;
    width: 100%;
}

.blog-entry .entry-meta {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.5px;
    margin-bottom: 7px;
}

.blog-entry .entry-title h4 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 15px;
    word-break: break-word;
}

.blog-entry .entry-body {
    clear: both;
    float: left;
    font-size: 14px;
    line-height: 26px;
    margin: 0 0 15px;
    width: 100%;
}

.blog-entry.entry-date-left .entry-body {
    margin-bottom: 0;
}

.blog-entry.entry-date-left .entry-details {
    min-height: 120px;
    padding: 20px 15px 25px 90px;
    position: relative;
}

.blog-entry.entry-date-left.entry-date-hidden .entry-details {
    padding-left: 30px;
    padding-right: 30px;
}

.blog-entry.entry-date-left .entry-date,
.blog-entry.entry-date-author-left .entry-date-author .entry-date {
    font-size: 15px;
    letter-spacing: 1px;
    line-height: normal;
    padding: 12px 0 16px;
    position: absolute;
    left: 0;
    top: 20px;
    text-align: center;
    text-transform: uppercase;
    width: 70px;
}

.blog-entry.entry-date-left .entry-date span,
.blog-entry.entry-date-author-left .entry-date-author .entry-date span {
    display: inline-block;
    font-size: 30px;
    font-weight: bold;
    width: 100%;
}

.blog-entry.entry-date-left .entry-date .comments i {
    margin-right: 5px;
}

.blog-entry.entry-date-left .entry-date a {
    font-size: 16px;
    margin: 10px 0 0;
    display: inline-block;
    width: 100%;
}

.blog-entry.entry-date-left .entry-title {
    margin-top: 10px;
}

.blog-entry.entry-date-left.blog-thumb-style .entry-details {
    min-height: 50px;
}

.entry-thumb .bx-wrapper {
    position: relative;
    overflow: hidden;
}

.entry-thumb .bx-controls a {
    font-size: 0;
    height: 40px;
    margin: auto;
    position: absolute;
    bottom: 0;
    top: 0;
    width: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.entry-thumb .bx-controls a.bx-prev:before,
.entry-thumb .bx-controls a.bx-next:before {
    content: "\f054";
    font-family: FontAwesome;
    font-size: 14px;
    line-height: 40px;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    width: 100%;
}

.entry-thumb .bx-controls a.bx-prev:before {
    content: "\f053";
}

.entry-thumb .bx-controls a.bx-prev {
    left: -40px;
}

.entry-thumb .bx-controls a.bx-next {
    right: -40px;
}

.entry-thumb:hover .bx-controls a.bx-prev {
    left: 20px;
}

.entry-thumb:hover .bx-controls a.bx-next {
    right: 20px;
}

.entry-gallery-post-slider li {
    display: inline;
    padding: 0;
}

.entry-meta .date,
.entry-meta .comments,
.entry-meta .author {
    display: inline-block;
}

.entry-meta .comments i,
.entry-meta .author i {
    font-size: 16px;
    position: relative;
    top: 2px;
}

.entry-meta-data {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%;
}

.entry-meta-data p {
    display: inline;
    font-size: 12px;
    letter-spacing: 1px;
    margin: -5px 0 0;
    padding: 0;
    position: relative;
    text-transform: uppercase;
}

.entry-meta-data p:after {
    content: "/";
    font-size: 15px;
    padding: 0 5px;
}

.entry-meta-data p:last-child:after {
    display: none;
}

.entry-meta-data p a,
.entry-meta-data p i {
    display: inline-block;
}

.entry-meta-data p i {
    display: none;
    font-size: 14px;
    margin: 0 8px 0 0;
    font-size: 20px;
    position: relative;
    top: 2px;
}

.blog-entry.entry-date-left .entry-details .vc_btn3-container {
    clear: both;
    margin: 10px 0 0;
}

.blog-entry.entry-date-left .entry-details .vc_general.vc_btn3.vc_btn3-color-skincolor {
    background: none;
    border-width: 0;
    display: block;
    font-size: 11px;
    /*font-style: italic;*/
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: inherit;
    margin-top: 0;
    padding: 0;
}

.blog-entry.entry-date-left .entry-details .vc_general.vc_btn3.vc_btn3-color-skincolor::before {
    content: none;
}

.blog-entry.entry-date-left .entry-details .entry-format {
    margin: auto;
    position: absolute;
    bottom: 50%;
    right: 50%;
    text-align: center;
}

.blog-entry.entry-date-left .entry-details .entry-format a:before {
    font-size: 150px;
}

.blog-entry.entry-date-left:hover .entry-details .entry-format {
    bottom: 10px;
    right: 15px;
}

.blog-entry.entry-date-left:hover .entry-details .entry-format a:before {
    font-size: 50px;
}

.page-with-sidebar .apply-isotope .column {
    padding: 0;
}

.page-with-sidebar .apply-isotope .column.dt-sc-one-half {
    width: 48.9%;
}

.page-with-sidebar .apply-isotope .column.dt-sc-one-third {
    width: 31.6%;
}

.page-with-sidebar .column.dt-sc-one-third .blog-entry.entry-date-left .entry-details .entry-meta-data p {
    font-size: 10px;
}

.single .blog-entry.entry-date-left .entry-details {
    padding-right: 45px;
}

.single .blog-entry {
    clear: both;
    ;
    float: left;
    margin-bottom: 60px;
    width: 100%;
}

.single .blog-entry .entry-body {
    font-size: 16px;
    line-height: 30px;
}

.single .blog-entry~h3 {
    clear: both;
}


/*----*****---- << Blog Comment Entries >> ----*****----*/

.commententries {
    float: left;
    margin: 40px 0 0;
    padding: 0;
    width: 100%;
}

.commententries h3 {
    font-size: 20px;
}

ul.commentlist {
    float: left;
    margin: 20px 0;
    padding: 0 0 20px 0;
    list-style: none;
}

ul.commentlist>li {
    clear: both;
    display: block;
    float: left;
    list-style: none;
    margin: 0 0 35px;
    padding: 0;
    position: relative;
}

ul.commentlist li.pingback {
    margin: 0;
    padding-left: 0;
}

ul.commentlist li.pingback:before,
ul.commentlist li.pingback:after {
    display: none;
}

ul.commentlist li.pingback>p>a {
    margin-left: 5px;
}

ul.commentlist li article.comment {
    display: inline-block;
    padding-left: 110px;
    position: relative;
}

ul.commentlist,
ul.commentlist li,
ul.commentlist li article.comment {
    float: right;
    width: 100%;
}

ul.commentlist li ul.children {
    border: none;
    clear: both;
    float: left;
    margin: 35px 0 0;
    padding: 0;
    width: 100%;
}

ul.commentlist li ul.children li {
    list-style-type: none;
    margin-right: -20px;
    padding: 0 20px;
    margin-bottom: 30px;
}

ul.commentlist li ul.children li:last-child {
    margin-bottom: 0;
}

ul.commentlist li .comment-body {
    margin: 10px 0 0;
}

ul.commentlist li .comment-body p {
    line-height: 28px;
}

ul.commentlist li .comment-author {
    bottom: 0;
    left: 15px;
    top: 0;
    position: absolute;
}

ul.commentlist li .comment-author img {
    display: block;
    max-height: 80px;
    max-width: 80px;
    margin: auto;
    position: absolute;
    bottom: 0;
    top: 0;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    -ms-border-radius: 80px;
    -o-border-radius: 80px;
    border-radius: 80px;
}

ul.commentlist li .comment-details {
    display: block;
    margin: 0;
    padding: 10px 20px 15px;
    position: relative;
}

ul.commentlist li .author-name>a {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
}

ul.commentlist li .author-name span {
    font-size: 14px;
}

ul.commentlist li .author-name .reply {
    float: right;
    margin: 0;
}

ul.commentlist li .reply a {
    border: 1px solid;
    clear: both;
    display: inline-block;
    margin: 10px 0 0;
    padding: 4px 20px;
}

ul.commentlist li .reply a:hover {
    color: inherit;
}

ul.commentlist li #respond {
    clear: both;
    display: inline-block;
    margin: 35px 0 0 10px;
    padding: 15px 20px 0;
    width: 100%;
}

ul.commentlist li #respond form {
    margin-bottom: 10px;
}

ul.commentlist li .outer-frame-border {
    padding: 0;
}

ul.commentlist li .outer-frame-border::before,
ul.commentlist li .outer-frame-border:hover::after {
    bottom: -10px;
    right: -10px;
}

ul.commentlist li .outer-frame-border:hover:before {
    bottom: 25px;
    right: 25px;
}

.comment-respond form {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

.comment-respond.outer-frame-border {
    content: none;
}

#respond {
    clear: both;
}

#respond h3#reply-title {
    font-size: 20px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

#respond h3#reply-title small {
    font-size: 12px;
    text-transform: none;
}

#respond .dt-sc-one-half p span {
    width: 10%;
}

#respond .dt-sc-one-half textarea {
    height: 125px;
}


/*#respond p { display: block; margin-bottom: 15px; float:left; }*/

#respond .form-submit {
    clear: both
}

.comment-body ul li,
.comment-body ol li {
    padding-left: 0;
    list-style: circle;
    display: list-item;
}

.comment-form p {
    margin-bottom: 10px;
}

.comment-notes #email-notes {
    display: block;
}


/*----*****---- << 2.3.4. Portfolio >> ----*****----*/

.dt-sc-sorting-container {
    clear: both;
    float: left;
    margin: 0 0 60px;
    padding: 0;
    text-align: center;
    width: 100%;
}

.dt-sc-sorting-container a {
    display: inline-block;
    font-size: 18px;
    letter-spacing: 0.5px;
    line-height: 50px;
    margin: 0 12px 0;
    padding: 0 2px;
    position: relative;
    text-transform: capitalize;
}

.dt-sc-sorting-container a.active-sort {
    font-weight: bold;
}

.dt-sc-sorting-container a:before,
.dt-sc-sorting-container a:after {
    content: "";
    height: 0;
    position: absolute;
    width: 0;
}

.dt-sc-sorting-container a:before {
    border-style: solid;
    border-width: 0 0 1px;
    bottom: 0;
    right: 100%;
}

.dt-sc-sorting-container a:after {
    border-style: dashed;
    border-width: 0 0 1px;
    bottom: 3px;
    left: 100%;
}

.dt-sc-sorting-container a:hover:before,
.dt-sc-sorting-container a.active-sort:before {
    right: 0;
}

.dt-sc-sorting-container a:hover:after,
.dt-sc-sorting-container a.active-sort:after {
    left: 0;
}

.dt-sc-sorting-container a:hover:before,
.dt-sc-sorting-container a:hover:after,
.dt-sc-sorting-container a.active-sort:before,
.dt-sc-sorting-container a.active-sort:after {
    width: 100%;
}

.dt-sc-portfolio-container {
    clear: both;
    display: block;
    margin: 0;
    padding: 0;
    width: auto;
}

.dt-sc-portfolio-container[data-column=".dt-sc-one-fourth"] {
    margin: 0 -1px;
}

.dt-sc-portfolio-container .column {
    clear: none;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.dt-sc-portfolio-container .dt-sc-one-fourth,
.dt-sc-portfolio-container .column.no-space.dt-sc-one-fourth {
    width: 25%;
}

.dt-sc-portfolio-container .dt-sc-one-third,
.dt-sc-portfolio-container .column.no-space.dt-sc-one-third {
    width: 33.333333%;
}

.dt-sc-portfolio-container .dt-sc-one-half,
.dt-sc-portfolio-container .column.no-space.dt-sc-one-half {
    width: 50%;
}

.dt-sc-portfolio-container .dt-sc-one-half.grid-sizer1,
.dt-sc-portfolio-container .dt-sc-one-half.grid-sizer2,
.dt-sc-portfolio-container .column.no-space.dt-sc-one-half.grid-sizer1,
.dt-sc-portfolio-container .column.no-space.dt-sc-one-half.grid-sizer2 {
    width: 100%;
}

.dt-sc-portfolio-container .dt-sc-one-third.grid-sizer1,
.dt-sc-portfolio-container .column.no-space.dt-sc-one-third.grid-sizer1 {
    width: 66.666666%;
}

.dt-sc-portfolio-container .dt-sc-one-third.grid-sizer2,
.dt-sc-portfolio-container .column.no-space.dt-sc-one-third.grid-sizer2 {
    width: 99.999999%;
}

.dt-sc-portfolio-container .dt-sc-one-fourth.grid-sizer1,
.dt-sc-portfolio-container .column.no-space.dt-sc-one-fourth.grid-sizer1 {
    width: 50%;
}

.dt-sc-portfolio-container .dt-sc-one-fourth.grid-sizer2,
.dt-sc-portfolio-container .column.no-space.dt-sc-one-fourth.grid-sizer2 {
    width: 74.955%;
}

.dt-sc-portfolio-container .portfolio {
    float: left;
    width: 100%;
}

.dt-sc-portfolio-container[data-gutter="5"] .portfolio {
    padding: 2.5px;
}

.dt-sc-portfolio-container[data-gutter="10"] .portfolio {
    padding: 5px;
}

.dt-sc-portfolio-container[data-gutter="20"] .portfolio {
    padding: 10px;
}

.portfolio.column.no-space {
    margin-bottom: 0;
}

.portfolio figure {
    position: relative;
    overflow: hidden;
}

.portfolio figure img {
    float: left;
    width: 100%;
}

.portfolio:hover figure img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.portfolio .image-overlay {
    height: 100%;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
}

.portfolio .image-overlay:before {
    content: "";
    height: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.portfolio:hover .image-overlay:before {
    height: 100%;
}

.portfolio .portfolio-detail {
    clear: both;
    display: inline-block;
    margin: 0;
    min-height: 48px;
    padding: 10px 30px 10px 85px;
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
}

.portfolio .portfolio-detail .dt-portfolio-like {
    display: block;
    float: left;
    height: 100%;
    margin: 0;
    padding: 10px 0;
    position: absolute;
    bottom: 0;
    left: -85px;
    text-align: center;
    width: 85px;
}

.portfolio .portfolio-detail .dt-portfolio-like span {
    display: block;
    font-size: 20px;
    line-height: 28px;
    margin: 0;
}

.portfolio .portfolio-detail .dt-portfolio-like .label {
    display: block;
    font-style: normal;
}

.portfolio .portfolio-detail .dt-portfolio-like::after {
    bottom: 5px;
    content: "";
    position: absolute;
    right: 0;
    top: 5px;
    width: 1px;
}

.portfolio .portfolio-detail .dt-portfolio-meta {
    display: block;
    float: right;
    text-align: right;
    width: 100%;
    -webkit-transform: translateX(85px);
    -moz-transform: translateX(85px);
    -ms-transform: translateX(85px);
    -o-transform: translateX(85px);
    transform: translateX(85px);
}

.portfolio .portfolio-detail h5,
.portfolio .portfolio-detail .dt-portfolio-like .label {
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 25px;
}

.portfolio .portfolio-detail h5,
.portfolio .portfolio-detail p {
    margin: 0;
}

.portfolio .portfolio-detail h5 {
    font-weight: normal;
    text-transform: uppercase;
}

.portfolio .portfolio-detail p {
    font-size: 14px;
    text-transform: capitalize;
}

.portfolio:hover .portfolio-detail .dt-portfolio-like,
.dt-sc-one-third .portfolio:hover .portfolio-detail .dt-portfolio-like,
.dt-sc-one-fourth .portfolio:hover .portfolio-detail .dt-portfolio-like {
    left: 0;
}

.portfolio:hover .portfolio-detail .dt-portfolio-meta {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}


/* Portfolio Columns */

.dt-sc-one-third .portfolio .portfolio-detail {
    padding-left: 65px;
    padding-right: 25px;
}

.dt-sc-one-third .portfolio .portfolio-detail .dt-portfolio-like {
    left: -60px;
    width: 60px;
}

.dt-sc-one-third .portfolio .portfolio-detail h5 {
    font-size: 14px;
}

.dt-sc-one-third .portfolio .portfolio-detail p {
    font-size: 12px;
}

.dt-sc-one-fourth .portfolio .portfolio-detail {
    padding-left: 55px;
    padding-right: 20px;
}

.dt-sc-one-fourth .portfolio .portfolio-detail .dt-portfolio-like {
    left: -50px;
    width: 50px;
}

.dt-sc-one-fourth .portfolio .portfolio-detail h5 {
    font-size: 13px;
}

.dt-sc-one-fourth .portfolio .portfolio-detail p {
    font-size: 11px;
}

.page-with-sidebar .dt-sc-one-fourth .portfolio .portfolio-detail h5 {
    font-size: 11px;
}

.page-with-sidebar .dt-sc-one-fourth .portfolio .portfolio-detail p {
    font-size: 10px;
}

.page-with-sidebar .portfolio .portfolio-detail .dt-portfolio-like span,
.page-with-sidebar .portfolio .portfolio-detail .dt-portfolio-like .label {
    font-size: 16px;
}

.isotope-hidden,
.hidden {
    display: none !important;
}

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: top, left, opacity;
    transition-property: transform, opacity;
}

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}


/* Portfolio Single */

.dt-portfolio-single {
    width: 100%;
    margin: 0;
    padding: 0 0 6px;
    float: left;
    clear: both;
    position: relative;
}

.dt-portfolio-single:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 6px;
}

.dt-portfolio-single-details,
.dt-therapist-single-details {
    padding: 40px 0 0;
    display: block;
    clear: both;
    float: left;
}

.dt-portfolio-single-details h5,
.dt-portfolio-single-details h6,
.related-portfolios h6,
.dt-therapist-single-details h5,
.dt-therapist-single-details h6 {
    line-height: 34px;
    margin-bottom: 15px;
}

.dt-portfolio-single-details h5,
.dt-therapist-single-details h5 {
    font-size: 24px;
}

.dt-portfolio-single-details h6,
.related-portfolios h6,
.dt-therapist-single-details h6 {
    letter-spacing: 1px;
}

.dt-sc-one-third .dt-portfolio-single-details,
.dt-sc-one-third .dt-therapist-single-details {
    padding-top: 10px;
}

.dt-sc-one-third .dt-portfolio-single-details .dt-sc-three-fourth,
.dt-sc-one-third .dt-portfolio-single-details .dt-sc-one-fourth,
.dt-sc-one-third .dt-therapist-single-details .dt-sc-three-fourth,
.dt-sc-one-third .dt-therapist-single-details .dt-sc-one-fourth {
    width: 100%;
    margin: 0;
}

.dt-sc-one-third .dt-portfolio-single-details .dt-sc-three-fourth,
.dt-sc-one-third .dt-therapist-single-details .dt-sc-three-fourth {
    padding-bottom: 40px;
}

.dt-sc-one-third .dt-portfolio-single-details .dt-sc-three-fourth,
.dt-sc-one-third .dt-therapist-single-details .dt-sc-three-fourth {
    padding-right: 0;
}

.dt-portfolio-single>.dt-sc-two-third {
    margin-right: 2%;
    margin-left: 0;
}

.dt-portfolio-single>.dt-sc-one-third {
    margin-left: 0;
    margin-right: 0;
}

.dt-portfolio-single .dt-sc-two-third.right-gallery {
    float: right;
    margin-left: 2%;
    margin-right: 0;
}

.dt-portfolio-single-slider-wrapper,
.dt-portfolio-single-slider,
.dt-therapist-single-slider-wrapper,
.dt-therapist-single-slider {
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
    width: 100%;
    line-height: 0;
}

.dt-portfolio-single-slider li,
.dt-therapist-single-slider li {
    display: block;
    margin: 0 1px 0 0;
    padding: 0;
}

.dt-portfolio-single-slider li span,
.dt-portfolio-single-slider li img,
.dt-therapist-single-slider li span,
.dt-therapist-single-slider li img {
    float: left;
    width: 100%;
}

.dt-portfolio-single-slider li img,
.dt-therapist-single-slider li img {
    height: auto;
    max-width: 100%;
}

.dt-portfolio-single-slider-wrapper #bx-pager,
.dt-therapist-single-slider-wrapper #bx-pager {
    float: left;
    display: inline;
    margin: 30px 0 0;
    padding: 0;
    width: 100%;
    text-align: center;
}

.dt-portfolio-single-slider-wrapper #bx-pager a,
.dt-therapist-single-slider-wrapper #bx-pager a {
    border: 1px solid transparent;
    cursor: pointer;
    display: inline-block;
    line-height: 0;
    margin: 0 10px 15px;
    max-height: 60px;
    overflow: hidden;
    padding: 3px;
    position: relative;
}

.dt-portfolio-single-slider-wrapper #bx-pager a img,
.dt-therapist-single-slider-wrapper #bx-pager a img {
    height: auto;
    max-width: 85px;
    position: relative;
    z-index: -1;
}

.dt-portfolio-single-slider-wrapper #bx-pager a {
    z-index: 9;
    display: inline-table;
}

.dt-portfolio-single-details .dt-sc-three-fourth,
.dt-therapist-single-details .dt-sc-three-fourth {
    padding-right: 40px;
}

.portfolio-categories,
.portfolio-tags,
.therapist-categories {
    float: left;
    clear: both;
    width: 100%;
    margin: 15px 0 0;
    padding: 0;
}

.portfolio-categories a,
.portfolio-tags a,
.therapist-categories a {
    font-size: 12px;
    letter-spacing: 1px;
}

.portfolio-categories i,
.portfolio-tags i,
.therapist-categories i {
    float: left;
    font-size: 20px;
    margin: 0 8px 0 0;
    position: relative;
    top: 3px;
}

.project-details {
    margin: 0;
    float: left;
    clear: both;
    width: 100%;
}

.project-details li {
    float: left;
    display: block;
    margin: 0;
    padding: 10px 0;
    font-size: 14px;
    border-bottom: 1px solid;
    width: 100%;
}

.project-details li span {
    font-weight: bold;
    width: 85px;
    display: inline-block;
}

.post-nav-container {
    float: left;
    width: 100%;
    margin: 40px 0 0;
    padding: 0;
    display: block;
    clear: both;
    position: relative;
}

.post-nav-container:before {
    content: "";
    position: absolute;
    left: 0;
    top: 18px;
    border-top: 1px solid;
    width: 100%;
    height: 1px;
}

.post-nav-container .post-next-link a,
.post-nav-container .post-prev-link a {
    font-size: 13px;
    font-weight: 600;
    padding: 6px 15px 5px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: 1px solid;
    margin: 0 20px 0 0;
    display: inline-block;
    position: relative;
}

.post-nav-container .post-prev-link {
    float: left;
}

.post-nav-container .post-next-link {
    float: right;
}

.post-nav-container .post-next-link a i {
    margin-left: 10px;
}

.post-nav-container .post-prev-link a i {
    margin-right: 10px;
}

.post-nav-container .post-next-link a i,
.post-nav-container .post-prev-link a i {
    position: relative;
    top: -1px;
}

.post-nav-container .post-next-link a {
    margin-right: 0;
}


/* Portfolio Single Layout */

.full-width-portfolio {
    display: block;
    margin: 0 auto;
    width: 70%;
}

.with-both-sidebar .dt-portfolio-single-details .column {
    width: 100%;
    margin: 0;
    padding: 0;
}

.with-both-sidebar .dt-portfolio-single-details .dt-sc-one-fourth {
    margin-top: 40px;
}

.with-both-sidebar .dt-portfolio-single .dt-sc-two-third,
.with-both-sidebar .dt-portfolio-single .dt-sc-one-third {
    margin: 0;
    width: 100%;
}

.with-both-sidebar .dt-portfolio-single-details {
    margin: 30px 0 0;
}


/* Related Portfolio */

.related-portfolios,
.related-portfolio-items {
    clear: both;
    float: left;
    margin: 60px 0 0;
    padding: 0;
    width: 100%;
}

.related-portfolio-items {
    margin: 0;
}

.related-portfolio-items .portfolio {
    float: left;
    margin-bottom: 10px;
    margin-left: 2%;
    max-height: 100px;
    overflow: hidden;
    position: relative;
    width: 32%;
}

.full-width-portfolio .related-portfolio-items .portfolio {
    width: 15%;
}

.related-portfolio-items .portfolio:first-child,
.full-width-portfolio .related-portfolio-items .portfolio:nth-child(6n+1),
.with-left-portfolio .related-portfolio-items .portfolio:nth-child(3n+1),
.with-right-portfolio .related-portfolio-items .portfolio:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
}

.related-portfolio-items .portfolio figure {
    position: static;
}

.related-portfolio-items .portfolio .portfolio-detail {
    padding: 0;
    bottom: 0;
    right: 0;
    top: 100%;
}

.related-portfolio-items .portfolio .portfolio-detail p,
.related-portfolio-items .portfolio .portfolio-detail p {
    line-height: 0;
}

.related-portfolio-items .portfolio .portfolio-detail a {
    display: block;
    font-size: 0;
    height: 100%;
}

.related-portfolio-items .portfolio .portfolio-detail a::after {
    content: "\e67b";
    display: block;
    font-family: "Stroke-Gap-Icons";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    height: 0;
    line-height: 0;
    margin: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    width: 20px;
}

.related-portfolio-items .portfolio:hover .portfolio-detail {
    top: 0;
}


/* Pagination */

.pagination {
    clear: both;
    float: left;
    padding: 0;
    text-align: center;
    width: 100%;
}

.pagination ul {
    display: inline-block;
    margin-top: 60px;
    margin-bottom: 10px;
    padding: 0;
}

.pagination ul li {
    float: left;
    display: inline;
    margin: 0;
    padding: 0;
}

.pagination ul li a,
.pagination ul li span,
.page-links .post-page-numbers {
    border: 1px solid;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    margin: 10px 20px 0 0;
    padding: 6px 20px 5px;
    position: relative;
    text-transform: uppercase;
}

.pagination ul li a i {
    font-size: 14px;
}

.pagination ul li a.next i {
    margin-left: 5px;
}

.pagination ul li a.prev i {
    margin-right: 5px;
}


/* 2.3.5. Side Navigation */

.side-navigation {
    width: 27%;
    float: left;
    margin: 0 2% 0 0;
    padding: 0;
}

.side-nav-container {
    float: left;
    margin: 0;
    padding: 0;
    width: 98%;
}

ul.side-nav {
    border-style: solid;
    border-width: 1px 1px 0;
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

ul.side-nav li {
    border-bottom: 1px solid;
    display: block;
    float: left;
    padding: 0;
    width: 100%;
}

ul.side-nav li a {
    display: block;
    padding: 12px 0 11px 0;
    position: relative;
    z-index: 0;
}

ul.side-nav li a:before,
ul.side-nav li a:after {
    content: "";
    height: 100%;
    text-align: center;
    width: 45px;
}

ul.side-nav li a:before {
    border-right: 1px solid;
    content: "\f0da";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: inherit;
    margin-right: 15px;
}

ul.side-nav li a:after {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

ul.side-nav li a:hover:before,
ul.side-nav>li.current_page_item>a:before,
ul.side-nav>li>ul>li.current_page_item>a:before,
ul.side-nav>li>ul>li>ul>li.current_page_item>a:before {
    border-color: transparent;
    margin-right: 0;
}

ul.side-nav li a:hover:after,
ul.side-nav>li.current_page_item>a:after,
ul.side-nav>li>ul>li.current_page_item>a:after,
ul.side-nav>li>ul>li>ul>li.current_page_item>a:after {
    width: 0;
}

ul.side-nav li ul {
    border-top: 1px solid;
    margin: 0;
    padding-left: 0;
}

ul.side-nav li ul li:last-child {
    border: none;
    padding-bottom: 0;
}

ul.side-nav li ul li a {
    padding-left: 85px;
}

ul.side-nav ul ul li a {
    padding-left: 120px;
}

.side-navigation-content {
    width: 71%;
    float: left;
    margin: 0;
    padding: 0;
}

.side-navigation-content img {
    max-width: 100%;
}


/*----*****---- << 2.4. Footer >> ----*****----*/

#footer {
    clear: both;
    float: left;
    margin: 0;
    width: 100%;
}

.footer-widgets {
    clear: both;
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 50px 0 20px;
    width: 100%;
}

.footer-widgets .widget {
    float: left;
    clear: both;
    width: 100%;
    margin-bottom: 30px;
}

#footer .container {
    z-index: 9;
}

#footer .column.dt-sc-one-fourth:nth-child(1):nth-last-child(3) .widget h3.widgettitle {
    text-align: right;
}

#footer .column.dt-sc-one-fourth:nth-child(1):nth-last-child(3) .widget h3.widgettitle:before {
    left: auto;
    right: 0;
}

#footer .dt-sc-one-half.column:nth-child(2):nth-last-child(2) {
    padding: 0 50px;
}

#footer .dt-sc-one-half.column:nth-child(2):nth-last-child(2)::before {
    content: "";
    height: auto;
    position: absolute;
    bottom: -100%;
    left: 0;
    top: -100%;
    width: 100%;
    z-index: -1;
}

.footer-copyright {
    float: left;
    margin: 0;
    padding: 30px 0;
    width: 100%;
    clear: both;
}

.footer-copyright .alignright img {
    float: right;
}

.copyright-left {
    float: left;
    margin: 0;
    padding: 0;
    width: 48%;
}

.copyright-right {
    float: right;
    margin: 0;
    padding: 0;
    width: 48%;
    text-align: right;
}

.menu-links.with-splitter li {
    margin: 0;
}

.footer-copyright .menu-links {
    text-align: right;
    margin: 0;
    padding: 0;
}

.footer-copyright .menu-links li {
    margin: 0 0 0 29px;
    display: inline-block;
    padding: 0;
    float: none;
}

.aligncenter .menu-links {
    text-align: center;
}

.aligncenter .menu-links li {
    float: none;
    display: inline-block;
    text-align: center;
}

.footer-copyright .menu-links.with-splitter li a {
    padding: 0 15px;
    border-right: 1px solid;
}

.footer-copyright .menu-links.with-splitter li:last-child a {
    border-right: 0;
}

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

.copyright-align-center .copyright-left,
.copyright-align-center .copyright-right,
.copyright-align-center .dt-sc-sociable,
.copyright-align-center .copyright-right {
    text-align: center;
    width: 100%;
    float: left;
    clear: both;
    margin: 10px 0;
}

.copyright-align-center .menu-links,
.copyright-align-center .dt-sc-sociable {
    text-align: center;
}

.copyright-align-center .menu-links li,
.copyright-align-center .dt-sc-sociable li,
.copyright-align-center .dt-sc-sociable li a {
    float: none;
    display: inline-block;
    text-align: center;
}

.footer-copyright .vc_separator {
    margin-bottom: 0;
    margin-top: -15px;
}

.footer-copyright .vc_sep_stitch-dashed .vc_sep_holder .vc_sep_line::before,
.footer-copyright .vc_sep_stitch-dotted .vc_sep_holder .vc_sep_line::before {
    bottom: 6px;
}


/*----*****---- << 2.5. Contact form 7 >> ----*****----*/

.wpcf7-form.dt-sc-contact-form p,
.wpcf7-form.dt-sc-newsletter-form p,
.wpcf7-form.dt-sc-appointment-form p {
    position: relative;
    margin-bottom: 10px;
}

.dt-sc-contact-form p span.icon,
.dt-sc-newsletter-form p span.icon,
.dt-sc-appointment-form p span.icon {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.dt-sc-newsletter-form p span.icon {
    z-index: -1;
}

.dt-sc-contact-form p span.icon:before,
.dt-sc-newsletter-form p span.icon:before,
.dt-sc-appointment-form p span.icon:before {
    border-left: 1px solid;
    display: inline-block;
    font-size: 16px;
    height: 38px;
    line-height: 38px;
    margin: 11px 0;
    text-align: center;
    width: 60px;
}

.dt-sc-newsletter-form p {
    z-index: 1;
}

.dt-sc-contact-form p input[type="email"],
.dt-sc-newsletter-form p input[type="email"],
.dt-sc-appointment-form p input[type="email"],
.dt-sc-contact-form p input[type="text"],
.dt-sc-contact-form p textarea,
.dt-sc-appointment-form p input[type="text"],
.dt-sc-appointment-form p input[type="date"],
.dt-sc-appointment-form p input[type="tel"],
.dt-sc-appointment-form p textarea {
    font-size: 16px;
    padding: 18px 22px 17px;
    padding: 18px 22px\0;
}

.dt-sc-appointment-form p input[type="date"]::-webkit-calendar-picker-indicator,
.dt-sc-appointment-form p input[type="date"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display: none;
}

.dt-sc-contact-form p textarea,
.dt-sc-appointment-form p textarea {
    height: 170px;
    padding-right: 60px;
}

.dt-sc-contact-form p input[type="submit"]:hover,
.dt-sc-appointment-form p input[type="submit"]:hover {
    border-color: transparent !important;
}

.dt-sc-newsletter-form {
    overflow: hidden;
}

.dt-sc-newsletter-form p input[type="submit"] {
    background: none;
    margin-top: 0;
    padding: 18px 22px;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    text-indent: -9999px;
    width: 60px;
}

.dt-sc-appointment-form h2 {
    display: none;
}

.dt-sc-appointment-form .user-field .wpcf7-list-item {
    display: inline-block;
    margin-left: 0;
    padding: 6px 0;
    text-align: center;
    width: 33.33%;
}

.dt-sc-appointment-form .user-field .wpcf7-list-item label {
    padding: 0;
}

.dt-sc-appointment-form .user-field .wpcf7-list-item input[type="checkbox"] {
    margin-left: 10px;
}

.dt-sc-appointment-form select {
    font-size: 16px;
    height: 56px;
    padding-left: 18px;
}

.dt-sc-appointment-form .selection-box-wrapper>span {
    display: block;
}

.dt-sc-appointment-form .selection-box-wrapper>span:before {
    border-left: 1px solid;
    content: "";
    height: 38px;
    position: absolute;
    right: 60px;
    top: 10px;
    width: 1px;
}

.dt-sc-appointment-form .selection-box-wrapper select {
    padding-right: 60px;
}

.dt-sc-appointment-form .selection-box-wrapper .selection-box::before,
.dt-sc-appointment-form .selection-box-wrapper .selection-box::after {
    right: 27px;
}

.dt-sc-appointment-form .captcha-img {
    border: 1px solid;
    padding: 16px 22px 15px;
    position: absolute;
    left: 0;
    top: 0;
}

.dt-sc-appointment-form p input.captcha-input {
    padding-left: 138px;
}

.dt-sc-appointment-form p input[type="submit"] {
    margin-top: 0;
    padding-bottom: 17px;
    padding-top: 17px;
    width: 100%;
}

.dt-sc-appointment-form.with-bg {
    padding: 50px 75px 125px;
}

.dt-sc-appointment-form.with-bg h2 {
    display: block;
    margin-bottom: 35px;
    text-align: center;
}

.dt-sc-appointment-form.with-bg .dt-sc-three-fifth .dt-sc-one-half input[type="submit"] {
    padding: 17px 0;
}


/* Contact Form 7 Validation */

.wpcf7-form .wpcf7-not-valid {
    border-color: #ff0000 !important;
}

.wpcf7-form .wpcf7-not-valid-tip {
    display: none;
}

.wpcf7-form.event-contact-form .wpcf7-not-valid {
    background-color: rgba(255, 0, 0, 0.1) !important;
}

.wpcf7-form.university-contact-form p {
    clear: both;
}

.wpcf7-form div.wpcf7-validation-errors,
.wpcf7-form div.wpcf7-mail-sent-ok {
    clear: both;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding: 15px 15px 15px 45px;
    text-align: left;
    width: 99%;
}

.wpcf7-form div.wpcf7-validation-errors {
    background-color: #ffcccc;
    border: 1px solid #ff9999;
    color: #d01313;
    position: relative;
}

.wpcf7-form div.wpcf7-validation-errors:before,
.wpcf7-form div.wpcf7-mail-sent-ok:before {
    top: 15px;
    left: 18px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 20px;
    position: absolute;
}

.wpcf7-form div.wpcf7-validation-errors:before {
    content: "\f057";
    color: #C54228;
}

.wpcf7-form div.wpcf7-mail-sent-ok {
    background-color: #eafac0;
    border: 1px solid #b1cf67;
    color: #7ba411;
    position: relative;
}

.wpcf7-form div.wpcf7-mail-sent-ok:before {
    content: "\f058";
    color: #75b632;
}


/*----*****---- << 2.6. Google Maps >> ----*****----*/

.gm-style-iw {
    text-align: center !important;
}

.gm-style-iw h4 {
    margin-bottom: 10px;
}


/*----*****---- << 2.7. Visual Composer >> ----*****----*/

.dt-sc-one-fifth.wpb_column {
    width: 20%;
}

.dt-sc-two-fifth.wpb_column {
    width: 40%;
}

.dt-sc-three-fifth.wpb_column {
    width: 60%;
}

.dt-sc-four-fifth.wpb_column {
    width: 80%;
}

.vc_empty_space {
    clear: both;
    display: block;
    float: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.vc_separator.floral-decor-one,
.vc_separator.ico-size-small {
    margin-top: -15px;
    margin-bottom: 5px;
}

.vc_separator.no_margin_bottom {
    margin-bottom: 0;
}

.vc_separator.ico-size-small .vc_icon_element.vc_icon_element-outer.vc_icon_element-img .vc_icon_element-inner {
    width: 38px;
}

.vc_separator.has_custom_image .vc_sep_holder .vc_sep_line {
    border: none;
}

.vc_separator.has_custom_image .vc_sep_holder .vc_sep_line:after {
    content: "";
}

.vc_separator.has_custom_image.floral_decor_line {
    height: 10px;
    margin-top: -15px;
}

.vc_separator.has_custom_image.floral_decor_line .vc_sep_holder,
.vc_separator.has_custom_image.floral_decor_line .vc_sep_holder .vc_sep_line,
.vc_separator.has_custom_image.floral_decor_line .vc_sep_holder .vc_sep_line:after {
    height: inherit;
}

.vc_separator.has_custom_image.floral_decor_line .vc_sep_holder .vc_sep_line:after {
    display: inline-block;
    position: absolute;
    bottom: 0;
    width: 302px;
}

.vc_separator.has_custom_image.floral_decor_line.vc_sep_pos_align_left .vc_sep_holder .vc_sep_line:after {
    left: 0;
}

.vc_separator.has_custom_image.floral_decor_line.vc_sep_pos_align_right .vc_sep_holder .vc_sep_line:after {
    right: 0;
}

.vc_separator.has_custom_image.floral_decor_line.vc_sep_pos_align_center .vc_sep_holder .vc_sep_line:after {
    margin: auto;
    left: 0;
    right: 0;
}

.vc_row-o-equal-height .valign_middle .wpb_wrapper,
.vc_row-o-equal-height .valign_middle .wpb_wrapper .vc_separator {
    height: 100%;
}

.vc_row-o-equal-height .valign_middle .wpb_wrapper .vc_separator {
    margin: auto;
}

.type_vertical .vc_separator h4 {
    font-size: 30px;
    line-height: 36px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    position: relative;
    white-space: pre-wrap;
    width: 20px;
    word-wrap: break-word;
}

.type_vertical .vc_separator .vc_sep_holder .vc_sep_line {
    border-width: 0;
}

.valign_middle.type_vertical .vc_separator h4 {
    padding: 10px 0;
    text-align: center;
}

.valign_middle.type_vertical .vc_separator h4:before {
    border-left: 1px solid;
    border-right: 1px dashed;
    content: "";
    height: 150%;
    margin: auto;
    position: absolute;
    bottom: -25%;
    left: 0;
    right: 0;
    top: -25%;
    width: 2px;
    z-index: -1;
}

.vc-fill-notop-padding>.vc_column-inner,
.vc-fill-notop-padding+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner,
.vc-fill-notop-padding+.vc_row>.vc_column_container>.vc_column-inner,
.vc-fill-notop-padding+.vc_vc_row>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner,
.vc-fill-notop-padding+.vc_vc_row_inner>.vc_row>.vc_vc_column_inner>.vc_column_container>.vc_column-inner,
.vc-fill-notop-padding>.vc_column_container>.vc_column-inner,
.vc-fill-notop-padding>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner,
.vc-fill-notop-padding>.vc_vc_column_inner>.vc_column_container>.vc_column-inner {
    padding-top: 0 !important;
}

.dt-sc-flowtop-bg:before {
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    display: inline !important;
    height: 103px;
    position: absolute;
    left: 0;
    top: -53px;
    width: 100%;
    z-index: 1;
}


/*----*****---- << Miscelleaneous >> ----*****----*/

.outer-frame-border {
    display: block;
    margin-left: -10px;
    margin-right: -10px;
    padding: 10px;
    position: relative;
    width: auto;
    width: 100%\0;
    float: left\0;
}

.outer-frame-border:before,
.outer-frame-border:after {
    border: 1px solid;
    content: "";
    position: absolute;
    z-index: -1;
}

.outer-frame-border:before {
    bottom: 0;
    left: 20px;
    right: 0;
    top: 20px;
}

.outer-frame-border:after,
.outer-frame-border:hover:before {
    bottom: 25px;
    left: 25px;
    right: 25px;
    top: 25px;
}

.outer-frame-border:hover:after {
    bottom: 0;
    left: 20px;
    right: 0;
    top: 20px;
}

.wpb_column .outer-frame-border {
    z-index: 1;
}

.wpb_column .blog-entry.outer-frame-border {
    width: auto;
    width: 100%\0;
    float: left\0;
}

.inner-frame-border,
.inner-frame-border .wpb_wrapper {
    position: relative;
}

.inner-frame-border:before {
    content: "";
    border: 1px solid;
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    top: 10px;
}

.extend-bg-fullwidth-left:after {
    content: "";
    display: inline !important;
    height: 100%;
    position: absolute;
    right: 100%;
    top: 0;
    width: 100%;
}

.extend-bg-fullwidth-right:after {
    content: "";
    display: inline !important;
    height: 100%;
    position: absolute;
    left: 100%;
    top: 0;
    width: 100%;
}

.screen-reader-text {
    display: none;
}


/*----*****---- << 2.8. Generic BG, Borders & Colors >> ----*****----*/

.split-header.boxed-header #header-wrapper::before,
.main-header-wrapper {
    background-image: url("images/pattern-chakras-white.png");
}

.split-header.boxed-header #slider:after {
    background-image: url("images/pattern-chakras-alt-color.jpg");
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button,
#main-menu ul li.menu-item-simple-parent ul,
#main-menu ul.menu>li>.megamenu-child-container,
.vc_general.vc_btn3.vc_btn3-color-skincolor::before,
.fill_pattern_bg .vc_general.vc_btn3.vc_btn3-color-skincolor,
.single-dt_yoga_courses .vc_general.vc_btn3.vc_btn3-color-skincolor,
.blog-entry.entry-date-left .entry-details,
.blog-entry.entry-date-left .entry-date,
.blog-entry.entry-date-author-left .entry-date,
.pagination ul li a,
.pagination ul li span,
ul.commentlist li article.comment,
ul.commentlist li .comment-details,
ul.commentlist li .reply a:hover,
.footer-widgets,
.footer-copyright,
td,
tbody th,
.dt-sc-appointment-form.with-bg,
.dt_yoga_poses-detail,
.dt_yoga_courses-detail,
.dt_yoga_courses .dt_yoga_courses-thumb .overlay a,
.dt_yoga_courses .dt_yoga_courses-detail .dt_yoga_courses-price,
.dt_yoga_courses:hover .dt_yoga_courses-detail:before,
.dt-sc-titled-box .vc_message_box,
.dt-sc-titled-box .vc_message_box~.vc_message_box_content,
.dt-sc-theme-type.vc_general.vc_cta3,
.dt-sc-contact-info.type6,
.dt-sc-team,
.dt-sc-pr-tb-col,
.dt-sc-pr-tb-col .icon-wrapper,
.dt-sc-image-caption.text-on-bottom.skin-bg-pattern,
.dt-sc-image-caption.skin-bg-pattern .dt-sc-image-content,
#tribe-bar-form .tribe-bar-submit input[type="submit"],
.tribe-events-button,
#tribe-events .tribe-events-button,
.tribe-events-read-more,
.tribe-events-list .tribe-events-event-cost span,
.dt-sc-event.type4 h2.entry-title,
.dt-sc-event.type4 h2.entry-title:after,
.dt-sc-event.type4 .dt-sc-event-date,
.dt-sc-event.type4 .dt-sc-event-date span,
.tribe-events-photo-event-wrap,
.type-tribe_events.tribe-events-photo-event .tribe-events-photo-event-wrap:hover {
    background-image: url("images/pattern-grudge.png");
    background-repeat: repeat;
}

.vc_separator.has_custom_image.floral_decor_line .vc_sep_holder .vc_sep_line:after {
    background-image: url("images/floral-decor-line.png");
}

.dt-sc-flowtop-bg:before {
    background-image: url("images/dt-sc-flowtop-bgimage.png");
}

.split-header.boxed-header #header-wrapper.dt-sc-dark-bg::before {
    background-color: rgba(0, 0, 0, 0.85);
}

.dt-sc-dark-bg .is-sticky .main-header-wrapper {
    background-color: rgba(0, 0, 0, 0.95);
}

.dt-sc-dark-bg .main-header-wrapper {
    background-color: rgba(0, 0, 0, 0);
}

.post-edit-link,
.vc_inline-link {
    background: rgba(0, 0, 0, 0.05);
}

.page-link a,
.page-link>span {
    border-color: rgba(0, 0, 0, 0.5);
}

.post-edit-link,
.vc_inline-link,
.page-link a,
.page-link a span {
    color: #000;
}

.post-edit-link:hover,
.vc_inline-link:hover,
.page-link>span,
.page-link a:hover span {
    color: #fff;
}

.gallery-caption {
    color: #686868;
}

.secondary-sidebar .tagcloud a:hover {
    color: #fff;
}

.layout-boxed .inner-wrapper {
    background-color: #fff;
}


/****** Tables *****/

table,
th,
td,
tbody th,
.gallery-item img {
    border-color: rgba(0, 0, 0, 0.1);
}

th,
th a,
th a:hover {
    color: #fff;
}


/****** Menu *****/

#main-menu ul li.menu-item-simple-parent ul,
#main-menu .megamenu-child-container,
#main-menu .megamenu-child-container.menu-hasbg,
#main-menu ul li ul.children,
.dt-menu-toggle-icon,
.dt-menu-toggle-icon:before,
.dt-menu-toggle-icon:after {
    background-color: #fff;
}

#main-menu>ul.menu>li>a,
#main-menu .menu-item-widget-area-container .tagcloud a:hover,
.dt-menu-toggle,
#main-menu ul li.menu-item-simple-parent.dt-sc-dark-bg ul li a,
#main-menu ul li.menu-item-simple-parent.dt-sc-dark-bg ul li a .fa,
#main-menu .megamenu-child-container.dt-sc-dark-bg>ul.sub-menu>li>a,
#main-menu .megamenu-child-container.dt-sc-dark-bg>ul.sub-menu>li>.nolink-menu,
#main-menu .megamenu-child-container.dt-sc-dark-bg ul.sub-menu>li>ul li a,
#main-menu .megamenu-child-container.dt-sc-dark-bg ul.sub-menu>li>ul li a .fa,
#main-menu .dt-sc-dark-bg .menu-item-widget-area-container .widget ul li>a,
#main-menu .dt-sc-dark-bg .menu-item-widget-area-container .tagcloud a,
#main-menu .dt-sc-dark-bg .menu-item-widget-area-container .widget_recent_posts .entry-title h4 a {
    color: #fff;
}

#main-menu ul li.menu-item-simple-parent ul li a,
#main-menu .megamenu-child-container ul.sub-menu>li>ul li a,
#main-menu ul li ul.children li a,
#main-menu .megamenu-child-container>ul.sub-menu>li>a,
#main-menu .megamenu-child-container>ul.sub-menu>li>.nolink-menu,
#main-menu .menu-item-widget-area-container .widget ul li>a,
.menu-item-widget-area-container .tagcloud a {
    color: #000;
}

#main-menu .megamenu-child-container>ul.sub-menu>li>a .menu-item-description,
#main-menu .menu-item-description {
    color: #696969;
}

#main-menu .megamenu-child-container.dt-sc-dark-bg>ul.sub-menu>li>a .menu-item-description,
#main-menu .dt-sc-dark-bg .menu-item-description,
#main-menu .dt-sc-dark-bg .menu-item-widget-area-container .recent-posts-widget li .entry-meta a {
    color: rgba(255, 255, 255, 0.5);
}

#main-menu .dt-sc-dark-bg .menu-item-widget-area-container .widget ul li {
    border-color: rgba(255, 255, 255, 0.15);
}

#main-menu ul li.menu-item-simple-parent.with-box-shadow ul,
#main-menu .menu-item-megamenu-parent.with-box-shadow .megamenu-child-container {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

#main-menu ul li ul.children {
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}


/****** Title & Breadcrumb *****/

.breadcrumb .fa.default {
    background: #000;
}

.dt-sc-dark-bg .breadcrumb .fa.default {
    background: #fff;
}

.dt-sc-dark-bg .breadcrumb a,
.dt-sc-dark-bg .breadcrumb .fa {
    color: #fff;
}

.dt-sc-dark-bg .breadcrumb,
.dt-sc-dark-bg .breadcrumb a:hover,
.dt-sc-dark-bg .breadcrumb span.current {
    color: rgba(255, 255, 255, 0.6);
}

.page.header-on-slider.transparent-header .dt-sc-dark-bg .main-header-wrapper {
    background: rgba(0, 0, 0, 0.5) !important;
}

.home-page.page.header-on-slider.transparent-header .dt-sc-dark-bg .main-header-wrapper {
    background: none !important;
}


/****** Blog *****/

.entry-thumb .bx-controls a {
    background: rgba(0, 0, 0, 0.4);
}

.blog-entry.sticky.entry-date-left .entry-date,
.blog-entry.sticky.entry-date-left .entry-date span,
ul.commentlist li.bypostauthor .author-name,
.entry-thumb .bx-controls a,
.entry-thumb .bx-controls a.bx-prev:before,
.entry-thumb .bx-controls a.bx-next:before {
    color: #fff;
}

.blog-entry.sticky.entry-date-left:hover .entry-date,
.blog-entry.sticky.entry-date-left:hover .entry-date span {
    color: #000;
}

.entry-meta .comments i,
.entry-meta .author i {
    color: #888888;
}

ul.commentlist li.bypostauthor .author-name {
    background: #aaaaaa;
}


/****** Portfolio *****/

.project-details li a {
    color: #808080;
}

.project-details li,
.post-nav-container:before {
    border-color: rgba(0, 0, 0, 0.1);
}

.related-portfolio-items .portfolio .portfolio-detail a::after {
    color: #fff;
}

.dt-sc-contact-form p span.icon,
.dt-sc-newsletter-form p span.icon,
.dt-sc-appointment-form p span.icon,
.dt-sc-contact-form p input[type="email"],
.dt-sc-newsletter-form p input[type="email"],
.dt-sc-appointment-form p input[type="email"],
.dt-sc-contact-form p input[type="text"],
.dt-sc-contact-form p textarea,
.dt-sc-appointment-form p input[type="text"],
.dt-sc-appointment-form p input[type="date"],
.dt-sc-appointment-form p input[type="tel"],
.dt-sc-appointment-form p textarea {
    color: #333333;
}

.dt-sc-appointment-form .user-field .wpcf7-list-item {
    background-color: rgba(0, 0, 0, 0.07);
}

.dt-sc-appointment-form .user-field .wpcf7-list-item.first {
    background-color: rgba(0, 0, 0, 0.085);
}

.dt-sc-appointment-form .user-field .wpcf7-list-item.last {
    background-color: rgba(0, 0, 0, 0.055);
}

.dt-sc-appointment-form.with-bg .user-field .wpcf7-list-item {
    background-color: rgba(0, 0, 0, 0.15);
}

.dt-sc-appointment-form.with-bg .user-field .wpcf7-list-item.first {
    background-color: rgba(0, 0, 0, 0.18);
}

.dt-sc-appointment-form.with-bg .user-field .wpcf7-list-item.last {
    background-color: rgba(0, 0, 0, 0.125);
}

.dt-sc-appointment-form .captcha-img,
.dt-sc-appointment-form.with-bg {
    background-color: #fff;
}

#footer .dt-sc-one-half.column:nth-child(2):nth-last-child(2)::before {
    background-color: rgba(0, 0, 0, 0.05);
}

.footer-copyright {
    background-color: rgba(0, 0, 0, 0.6);
}

.dt-sc-contact-form p input[type="submit"]:hover,
.dt-sc-appointment-form p input[type="submit"]:hover {
    color: #fff !important;
}

input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button:hover,
.button:hover {
    color: #fff;
}

.breadcrumb a:hover,
.blog-entry.entry-date-left .entry-details a:hover,
.blog-entry.entry-date-left .vc_general.vc_btn3.vc_btn3-color-skincolor:hover,
.dt_yoga_poses .dt_yoga_poses-detail a:hover,
.dt_yoga_courses .dt_yoga_courses-detail a:hover,
.post-nav-container a:hover,
.post-nav-container a:hover i {
    color: inherit;
}

.blog-entry.entry-date-left .entry-details a:hover,
.blog-entry.entry-date-left .vc_general.vc_btn3.vc_btn3-color-skincolor:hover,
.dt_yoga_poses .dt_yoga_poses-detail a:hover,
.dt_yoga_courses .dt_yoga_courses-detail a:hover,
.footer-copyright a:hover,
.footer-copyright.dt-sc-dark-bg a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.blog-entry.entry-date-left .entry-details .entry-format,
.portfolio .image-overlay {
    opacity: 0;
    filter: alpha(opacity=0);
}

.blog-entry.entry-date-left:hover .entry-details .entry-format {
    opacity: 0.25;
    filter: alpha(opacity=25);
}

td a:hover {
    opacity: 0.75;
    filter: alpha(opacity=75);
}

td a.button:hover,
.entry-thumb .bx-controls a:hover,
.blog-entry.entry-date-left:hover .entry-details .entry-format a:hover,
.portfolio:hover .image-overlay {
    opacity: 1;
    filter: alpha(opacity=100);
}


/* New Additions */

.blog-entry.entry-date-left .entry-date,
.blog-entry.entry-date-author-left .entry-date-author .entry-date,
.dt_yoga_courses .dt_yoga_courses-detail .dt_yoga_courses-price {
    background-color: rgba(0, 0, 0, 0.085);
}

.outer-frame-border:after,
.inner-frame-border:before,
.valign_middle.type_vertical .vc_separator h4:before,
.dt-sc-team.type2 .dt-sc-team-meta:before,
.dt-sc-team.type2 .dt-sc-team-social:before,
.dt-sc-pr-tb-col .dt-sc-price {
    border-color: rgba(0, 0, 0, 0.35);
}

.outer-frame-border:before,
.dt-sc-contact-info.type2,
.dt-sc-icon-box.type7,
.dt-sc-icon-box.type8,
.dt-sc-testimonial.type6 .dt-sc-testimonial-author img {
    border-color: rgba(0, 0, 0, 0.1);
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="range"],
input[type="date"],
textarea,
input.text,
input[type="search"],
select,
textarea,
.main-title-section-wrapper,
.widget ul li,
.widget.widget_nav_menu ul.menu li,
.wp-caption,
.dt-sc-contact-form p span.icon:before,
.dt-sc-newsletter-form p span.icon:before,
.dt-sc-appointment-form p span.icon:before,
.dt-sc-appointment-form .selection-box-wrapper>span:before,
.dt-sc-appointment-form .captcha-img,
.dt-sc-appointment-form.with-bg.inner-frame-border:before,
.dt_yoga_poses-detail:before {
    border-color: rgba(0, 0, 0, 0.3);
}

#footer .widget ul li,
#footer .widget.widget_nav_menu ul.menu li,
#footer .wp-caption,
.dt-sc-icon-box.type5.no-icon,
.dt-sc-pr-tb-col .dt-sc-tb-content li {
    border-color: rgba(0, 0, 0, 0.5);
}

.dt-sc-team.type2:hover .dt-sc-team-meta:before,
.dt-sc-team.type2:hover .dt-sc-team-social:before,
.dt_yoga_courses:hover .dt_yoga_courses-detail .dt_yoga_courses-meta {
    border-color: #fff;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.blog-entry.entry-date-left:hover .entry-details p,
.blog-entry.entry-date-left:hover .entry-details p a,
.blog-entry.entry-date-left:hover .entry-details h4 a,
.blog-entry.entry-date-left:hover .entry-details .vc_general.vc_btn3.vc_btn3-color-skincolor,
ul.side-nav>li>a:hover,
ul.side-nav>li>ul>li>a:hover,
ul.side-nav>li>ul>li>ul>li>a:hover,
ul.side-nav>li.current_page_item>a,
ul.side-nav>li>ul>li.current_page_item>a,
ul.side-nav>li>ul>li>ul>li.current_page_item>a,
ul.side-nav li a:hover:before,
ul.side-nav>li.current_page_item>a:before,
ul.side-nav>li>ul>li.current_page_item>a:before,
ul.side-nav>li>ul>li>ul>li.current_page_item>a:before,
.vc_general.vc_btn3.vc_btn3-color-skincolor,
.dt-sc-team.type1:hover,
.dt-sc-team.type1:hover .dt-sc-team-social li a,
.dt-sc-team.type2:hover p,
.dt-sc-team.type2:hover .dt-sc-team-social li a,
.dt_yoga_courses .dt_yoga_courses-thumb .overlay a,
.dt_yoga_courses:hover .dt_yoga_courses-detail p,
.dt_yoga_courses:hover .dt_yoga_courses-detail h6 a,
.dt_yoga_courses:hover .dt_yoga_courses-detail .dt_yoga_courses-meta p a,
.dt_yoga_courses:hover .dt_yoga_courses-detail .dt_yoga_courses-times a,
.dt_yoga_poses:hover .dt_yoga_poses-detail,
.dt_yoga_poses:hover .dt_yoga_poses-detail h4 a,
.carousel-arrows a:hover span,
.dt-sc-contact-info.type6:hover,
.dt-sc-contact-info.type6:hover a,
.dt-sc-icon-box.type11 .icon-content,
.dt-sc-event.type4 .dt-sc-event-date,
.dt-sc-event.type4 .dt-sc-event-date i,
.vc_btn3.vc_btn3-color-skincolor.vc_btn3-icon-sep-line.icon-filled:hover i {
    color: #fff;
}

.blog-entry.entry-date-left .entry-details .vc_general.vc_btn3.vc_btn3-color-skincolor,
.dt_yoga_courses .dt_yoga_courses-thumb .overlay a:hover,
.dt-sc-event.type4 .dt-sc-event-date span {
    color: #000;
}


/*----*****---- << 2.9. Box Sizing >> ----*****----*/

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="range"],
input[type="date"],
textarea,
input.text,
input[type="search"],
.widget ul li,
.widget.widget_nav_menu ul.menu li,
.widget ul li>a,
.widget.widget_nav_menu ul.menu li>a,
.widget_text ul.split-list li,
.widget.widget_pages ul li ul.children,
.widget.widget_nav_menu ul li ul.sub-menu,
.gallery-item,
.wp-caption,
.wp-caption img,
.split-header #main-menu ul.menu,
#main-menu ul li.menu-item-simple-parent ul li,
#main-menu .megamenu-child-container>ul.sub-menu>li,
#main-menu .megamenu-child-container ul.sub-menu li.menu-item-fullwidth .widget,
#main-menu .menu-item-widget-area-container,
#main-menu .menu-item-megamenu-parent.menu-title-with-bg .megamenu-child-container>ul.sub-menu>li>a,
#main-menu .menu-item-megamenu-parent.menu-title-with-bg .megamenu-child-container>ul.sub-menu>li>.nolink-menu,
#main-menu .menu-item-megamenu-parent.menu-links-with-bg .megamenu-child-container ul.sub-menu>li>ul>li>a,
#main-menu ul li.menu-item-simple-parent.menu-links-with-bg ul>li>a,
#main-menu .menu-item-megamenu-parent.menu-links-with-bg .megamenu-child-container ul.sub-menu>li>ul>li>a,
#main-menu ul li.menu-item-simple-parent.menu-links-with-bg ul>li>a,
#main-menu .menu-item-megamenu-parent.menu-links-with-border .megamenu-child-container ul.sub-menu>li>ul>li>a,
#main-menu ul li ul.children li,
.column,
.apply-isotope .column,
.inner-wrapper,
.split-header.boxed-header #slider,
.split-header.boxed-header #slider .dt-sc-main-slider>div,
.main-title-section-wrapper .container,
.main-title-section-wrapper.breadcrumb-left .breadcrumb,
.main-title-section-wrapper.breadcrumb-right .breadcrumb,
.blog-entry .entry-details,
ul.commentlist li,
ul.commentlist li #respond,
.dt-sc-portfolio-container .portfolio,
.portfolio .portfolio-detail,
.portfolio .portfolio-detail .dt-portfolio-like,
ul.side-nav li a:after,
.dt-sc-appointment-form .user-field .wpcf7-list-item,
.outer-frame-border,
.wpcf7-form div.wpcf7-validation-errors,
.wpcf7-form div.wpcf7-mail-sent-ok {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.wpcf7 form .wpcf7-response-output {
    float: left;
    width: 100%;
    margin: 10px 0 0;
    clear: both;
}

form.wpcf7-form .wpcf7-response-output {
    position: relative;
    clear: both;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding: 15px 15px 15px 45px;
    width: 100%;
    box-sizing: border-box;
}

form.wpcf7-form.invalid .wpcf7-response-output {
    background-color: #ffcccc;
    border: 1px solid #ff9999;
    color: #d01313;
}

form.wpcf7-form.sent .wpcf7-response-output {
    background-color: #eafac0;
    border: 1px solid #b1cf67;
    color: #7ba411;
}

form.wpcf7-form .wpcf7-response-output:before {
    top: 15px;
    left: 18px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 20px;
    position: absolute;
}

form.wpcf7-form.invalid .wpcf7-response-output:before {
    content: "\f057";
}

form.wpcf7-form.sent .wpcf7-response-output:before {
    content: "\f058";
}


/*----*****---- << 2.10. Transitions >> ----*****----*/

a,
input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button,
#main-menu .megamenu-child-container>ul.sub-menu>li>a .menu-item-description,
.widget ul li,
.widget ul li:before,
.widget ul li a,
.blog-entry.entry-date-left .entry-details,
.blog-entry.entry-date-left .entry-date,
.blog-entry.entry-date-left .entry-details .entry-format,
.blog-entry.entry-date-left .entry-details .entry-format a:before,
.outer-frame-border::after,
.dt-sc-sorting-container a:before,
.dt-sc-sorting-container a:after,
ul.side-nav li a,
ul.side-nav li a:before,
ul.side-nav li a:after,
.vc_btn3,
.dt-sc-contact-info,
.dt-sc-counter.type4 .dt-sc-couter-icon-holder,
.dt-sc-counter.type4 .dt-sc-couter-icon-holder .icon-wrapper,
.dt-sc-icon-box .large-icon,
.dt-sc-testimonial-images li a img,
.dt-sc-icon-box.type14,
.dt_yoga_poses,
.dt_yoga_poses-detail,
.dt_yoga_poses-detail:before,
.dt_yoga_courses,
.dt_yoga_courses .dt_yoga_courses-detail,
.dt_yoga_courses .dt_yoga_courses-detail .dt_yoga_courses-price,
.woocommerce ul.products li.product .product-thumb a.add_to_cart_button,
.woocommerce ul.products li.product .product-thumb a.button.product_type_simple,
.woocommerce ul.products li.product .product-thumb a.button.product_type_variable,
.woocommerce ul.products li.product .product-thumb a.added_to_cart.wc-forward,
.woocommerce ul.products li.product .product-thumb a.add_to_wishlist,
.woocommerce ul.products li.product .product-thumb .yith-wcwl-wishlistaddedbrowse a,
.woocommerce ul.products li.product .product-thumb .yith-wcwl-wishlistexistsbrowse a,
.woocommerce ul.products li.product .product-thumb a.add_to_cart_button:before,
.woocommerce ul.products li.product .product-thumb a.button.product_type_simple:before,
.woocommerce ul.products li.product .product-thumb a.button.product_type_variable:before,
.woocommerce ul.products li.product .product-thumb a.added_to_cart.wc-forward:before,
.woocommerce ul.products li.product .product-thumb a.add_to_wishlist:before,
.woocommerce ul.products li.product .product-thumb .yith-wcwl-wishlistaddedbrowse a:before,
.woocommerce ul.products li.product .product-thumb .yith-wcwl-wishlistexistsbrowse a:before,
.woocommerce ul.products li.product .product-details h5,
.woocommerce ul.products li.product-category .product-details h5 .count,
.woocommerce ul.products li.product .product-details h5:after,
.woocommerce-MyAccount-navigation ul li a,
.woocommerce-MyAccount-navigation ul li a:before,
.woocommerce-MyAccount-navigation ul li a:after,
.dt-sc-event.type4 .dt-sc-event-date::after,
.dt-sc-event.type4 .dt-sc-event-date span {
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

#main-menu ul.menu>li>a::before,
#main-menu ul.menu>li>a::after {
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.dt_yoga_poses-detail:before {
    -webkit-transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    -ms-transition: all 0.25s ease 0s;
    -o-transition: all 0.25s ease 0s;
    transition: all 0.25s ease 0s;
}

.portfolio figure img,
.portfolio .image-overlay,
.related-portfolio-items .portfolio .portfolio-detail,
.dt-sc-newsletter-form p input[type="submit"],
.vc_tta.vc_general.vc_tta-style-bottomline .vc_tta-tab>a,
.vc_tta.vc_general.vc_tta-style-bottomline.vc_tta-color-skincolor .vc_tta-tab>a:after,
.vc_tta .vc_tta-controls-icon::after,
.vc_tta .vc_tta-controls-icon::before,
.vc_toggle.vc_toggle_bottomline .vc_toggle_title>h4,
.vc_tta.vc_general.vc_tta-color-skincolor .vc_tta-panel-title>a .vc_tta-title-text.dt-sc-image-caption .dt-sc-image-wrapper .icon-wrapper,
.dt-sc-image-caption .dt-sc-image-wrapper .icon-wrapper:before,
.dt-sc-image-caption .dt-sc-image-content,
.dt-sc-contact-info,
.dt-sc-contact-info span,
.dt-sc-counter.type3 .dt-sc-couter-icon-holder .icon-wrapper,
.carousel-arrows a span:before,
.dt-sc-team,
.dt-sc-team.type2 .dt-sc-team-meta,
.dt-sc-pr-tb-col .dt-sc-tb-header .dt-sc-pr-tb-color,
.dt-sc-pr-tb-col .dt-sc-price,
.dt-sc-icon-box.type5.round .icon-wrapper,
.dt-sc-icon-box.type5.round.large-icon .icon-wrapper,
.dt-sc-icon-box.type5.round.large-icon .image-wrapper,
.dt-sc-icon-box.type7,
.dt-sc-icon-box.type7 .icon-wrapper span,
.dt-sc-icon-box.type11 .icon-wrapper span,
.dt-sc-icon-box.type11 .icon-content .vc_btn3-container a,
.dt-sc-icon-box.type11 .icon-content .vc_btn3-container button,
.dt-sc-video-wrapper .video-overlay-inner a,
.dt-sc-videos .dt-sc-video-item .dt-sc-vitem-thumb span,
.dt-sc-event.type4 img,
.dt-sc-event.type4 h2.entry-title a,
.dt-sc-event.type4 h2.entry-title:after,
.dt-sc-event.type4 .dt-sc-event-date,
.tribe-events-list .tribe-events-event-cost span {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.dt_yoga_courses .dt_yoga_courses-thumb .overlay {
    -webkit-transition: all 0.35s ease 0s;
    -moz-transition: all 0.35s ease 0s;
    -ms-transition: all 0.35s ease 0s;
    -o-transition: all 0.35s ease 0s;
    transition: all 0.35s ease 0s;
}

.dt-sc-sorting-container a.active-sort {
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
}

.portfolio .image-overlay:before,
.dt_yoga_poses-detail:after {
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.portfolio .portfolio-detail .dt-portfolio-like,
.portfolio .portfolio-detail .dt-portfolio-meta {
    -webkit-transition: all 0.65s ease 0s;
    -moz-transition: all 0.65s ease 0s;
    -ms-transition: all 0.65s ease 0s;
    -o-transition: all 0.65s ease 0s;
    transition: all 0.65s ease 0s;
}

.outer-frame-border:before,
.outer-frame-border:after,
.dt_yoga_courses .dt_yoga_courses-detail:before {
    -webkit-transition: all 0.75s ease 0s;
    -moz-transition: all 0.75s ease 0s;
    -ms-transition: all 0.75s ease 0s;
    -o-transition: all 0.75s ease 0s;
    transition: all 0.75s ease 0s;
}

.dt_yoga_courses .dt_yoga_courses-detail .dt_yoga_courses-price,
.dt_yoga_courses .dt_yoga_courses-detail p,
.dt_yoga_courses .dt_yoga_courses-detail h6 a,
.dt_yoga_courses .dt_yoga_courses-detail .dt_yoga_courses-meta,
.dt_yoga_courses .dt_yoga_courses-detail .dt_yoga_courses-meta p a,
.dt_yoga_courses .dt_yoga_courses-detail .dt_yoga_courses-times a {
    -webkit-transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -ms-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
    transition: all 0.9s ease 0s;
}

.pagination ul li a,
.pagination ul li span,
.post-nav-container .post-next-link a,
.post-nav-container .post-prev-link a,
.vc_general.vc_btn3.vc_btn3-color-skincolor,
.vc_general.vc_btn3.vc_btn3-color-skincolor::before {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}


/*----*****---- << 2.11. Loader Styles >> ----*****----*/

.loader {
    background-color: #958782;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999991;
}

.loader-inner {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.loader-inner>div {
    background-image: url("images/loader-image-yoga.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 50vw;
    max-height: 347px;
    max-width: 432px;
    width: 70vw;
    -webkit-animation: 4s floating infinite ease-in-out;
    -moz-animation: 4s floating infinite ease-in-out;
    -ms-animation: 4s floating infinite ease-in-out;
    -o-animation: 4s floating infinite ease-in-out;
    animation: 4s floating infinite ease-in-out;
}


/*----*****---- << 2.11. Retina Images >> ----*****----*/

.retina_logo {
    display: none;
}

html,
body {
    overflow-x: hidden;
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-devicepixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
    .normal_logo {
        display: none;
    }
    .retina_logo {
        display: block;
    }
    img.retina_logo {
        height: auto !important;
        max-height: initial !important;
    }
    .vc_separator.has_custom_image.floral_decor_line .vc_sep_holder .vc_sep_line:after {
        background-image: url("images/floral-decor-line@2x.png");
        background-size: 604px 20px;
    }
}


/*------> GDPR Update Start <-----*/


/*privacy-wrapper*/

.dt-privacy-wrapper {
    clear: both;
    padding-top: 10px;
    line-height: normal;
    font-size: 14px;
}

.dt-privacy-wrapper>input {
    margin-right: 10px;
}

.dt-sc-newsletter-section.type5 .dt-sc-subscribe-frm .dt-privacy-wrapper {
    position: relative;
    bottom: 20px;
}

.dt-sc-newsletter-section.type6 .dt-privacy-wrapper {
    text-align: center;
}


/*Newsletter*/

.dt-sc-newsletter-section.type1 .dt-sc-subscribe-frm:before {
    margin-top: -10px;
}

.dt-sc-newsletter-section.type1 .newsletter-tooltip {
    top: -39px;
}


/*Cookie*/

.dt-cookie-consent .dt-sc-button.dt-cookie-close-bar,
.dt-cookie-consent .dt-sc-button {
    font-size: 12px !important;
    padding: 0px 10px !important;
}

.mfp-wrap {
    z-index: 99999 !important
}

.comment-form-cookies-consent input {
    margin-right: 7px;
}

.comment-form-dt-privatepolicy input {
    margin-right: 5px;
}


/*Model popup*/

.dt-inline-modal>h4,
.mfp-close-btn-in .mfp-close {
    color: #fff !important;
}

#dt-consent-extra-info ul.vc_tta-tabs-list li.vc_tta-tab a {
    border: none !important;
}

.comment-form-dt-privatepolicy label {
    display: inline-block;
}


/** New Updates - 2020 **/

.text-with-icon .icon,
.text-with-icon .fa,
.text-with-icon .fab {
    margin-right: 5px;
}

.pswp {
    z-index: 999999;
}

.comment-form-cookies-consent {
    display: block;
    clear: both;
}

.page-template-default p>.alignright.size-full {
    clear: both;
}

small {
    font-size: smaller;
}

.page-links {
    display: block;
    clear: both;
}

.wpcf7-form-control-wrap>span {
    display: block;
}

blockquote.wp-embedded-content>a {
    display: none !important;
}

.vc_tta-panel-body p {
    padding-left: 40px !important;
}

.blog-entry .dt-video-wrap iframe.wp-embedded-content {
    width: 100%;
}

.pagination ul li span.page-numbers.current {
    background: #ffda6b;
}