::-moz-selection {
    background: #97ad38;
    /* Safari */
    color: #fff;
}
::selection {
    background: #97ad38;
    /* Safari */
    color: #fff;
}
body {
    color: #444;
    background: #FFF;
}
.font-body {
    font-family: 'Muli', sans-serif;
}

a.hover {

}
a.hover:hover {
    border-bottom: 1px solid #83869a;
}
a {
    color: #666;

}
a.nocolor {
    color: inherit;
}
a:hover,
a:focus {
    text-decoration: none;
    color: #83869a;
}


h1,
h2,
h3,
h4,
h5,
h6 {
    color: #404040;
    font-weight: 700;
    font-family: 'Josefin Sans', sans-serif;
}

.dark-wrapper.purple,
.dark-wrapper.purple a,
.dark-wrapper.purple i,
.dark-wrapper.purple h1,
.dark-wrapper.purple h2,
.dark-wrapper.purple h3,
.dark-wrapper.purple h4,
.dark-wrapper.purple h5,
.dark-wrapper.purple h6 {
    color: #fff;

	
}

.sub-heading2 {
    color: #606060;
}
.title-color {
    text-transform: uppercase;
}

.section-title-line:before,
.section-title-line:after {
    border-top: 1px solid rgba(21, 21, 21, 0.15);
    border-bottom: 1px solid rgba(21, 21, 21, 0.15);
}

.lead {

/* custom  */
    font-family: 'Josefin Sans', sans-serif;

}

.lead2 {
/* custom  */
    font-family: 'Josefin Sans', sans-serif;

    font-size: 16px;
    font-weight: normal;
}

.text-muted {
    color: #909090;
}

.text-center ol,
.text-center ul,
.text-center li
{text-align: center !important; }

.text-center ul {
    display: block;
    list-style-type:  none;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0;
    text-align: center;
    
}



.light-wrapper,
.split-layout .content-wrapper .content-right .wrapper.light-wrapper 
.wrapper.light-wrapper {
    background: #FFF !important;
}
.gray-wrapper,
.split-layout .content-wrapper .content-right .wrapper.gray-wrapper,
.wrapper.gray-wrapper{
	background-color: rgba(131,134,154,.20) !important;
}
 
.dark-wrapper {
    background: #181818
}

.dark-wrapper.purple {
    background: #83869a
}
.dark-wrapper.green {
    background: #97ad38
}


footer.dark-wrapper {
    background: #151515
}
.sub-footer.dark-wrapper {
    background: #111111;
}

.color-wrapper {
    background: #83869a;
}
hr {
    border-bottom: 1px solid rgba(21, 21, 21, 0.15);
}

.divider-icon i {

    color: rgba(21, 21, 21, 0.15);
}
.divider-icon:before,
.divider-icon:after {
    border-top: 1px solid rgba(21, 21, 21, 0.1);
}

.badge {
    text-transform: uppercase;
/* custom  */
    font-family: 'Josefin Sans', sans-serif;

    color: #FFF;
}

.dropcap {
    font-weight: 700;
    text-transform: uppercase;
    color: #404040;
}
.dropcap.circle,
.dropcap.square {

    color: #fff;
}


blockquote.icon.icon-left:before,
.inner blockquote.icon.icon-left,
.inner blockquote.icon.icon-left p {
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}

.inner blockquote.icon.icon-left p  {
 
    color: rgba(21, 21, 21, 0.7);
    font-size: 16px;
}
.inner blockquote.icon.icon-left:hover p  {
 
    color: rgba(21, 21, 21, 1);
    font-size: 16px;
}

blockquote.icon.icon-left:before {

    color: rgba(21, 21, 21, 0.15);
    font-size: 120px;
}

blockquote:hover.icon:before {

      color: rgba(151, 173, 56, 0.75);
    font-size: 120px;
}



blockquote.bordered {
    border-left: 3px solid rgba(21, 21, 21, 0.1);
}

.blockquote-footer {
    color: #404040;
    font-weight: 700;

/* custom  */
    font-family: 'Josefin Sans', sans-serif;
}
.map-info * {
    font-family: 'Muli', sans-serif;
}
.map-info p {
    color: #707070;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 10px;
}
.h-100vh {
    height: 100vh;
}
.col-1-5 {
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
img.octagon {
    width: 70%;
    height: auto;
}
.octagon {
    -webkit-clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
    clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
}
.rhombus {
    -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}
.pentagon {
    -webkit-clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
    clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
}
.bevel {
    -webkit-clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
    clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
}



.navbar {
/* custom  */
    font-family: 'Josefin Sans', sans-serif;
	font-weight:300 !important;
}
 
.navbar.transparent.fixed.nav-wrapper-light,
.navbar.nav-wrapper-light.solid.fixed {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* custom */
.logo,
.navbar .navbar-brand a{
	color:#fff;
     font-family: 'Tangerine', cursive;
}

.navbar.nav-wrapper-light .navbar-header .navbar-brand a,
.nav-wrapper-light .navbar .navbar-brand a{
	color:#000;
     font-family: 'Tangerine', cursive;
	 font-size:30px;
	 letter-spacing:2px;
	 font-weight:700;
}


 
.navbar-nav .nav-link {
     color: #404040;
 
/* custom */
    letter-spacing: 1px;
    font-weight: 400;

}
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.highlighted {
    color: #83869a;
}
.navbar .social-mute a i {
    color: #404040;
}
.navbar .social-mute a:hover i {
    color: #83869a;
}
.dropdown-menu {

    background-color: #151515;

}
/* custom */
.purple .dropdown-menu {

	/* custom */
    background: #47273c;	
	
	
}



.nav-wrapper-light .dropdown-menu {
    background-color: #fff;

}
.nav-wrapper-light  .dropdown-menu a,
.nav-wrapper-light .mega-menu-content a:hover {
    color: #000;
}



.dropdown-item,
.mega-menu-content a {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -0.5px;
    padding: 10px 20px;
/* custom */	
    letter-spacing: 1px;
    font-weight: 400;
	
	
}

.dropdown-item:focus,
.dropdown-item:hover,
.dropdown-item.highlighted {
    color: inherit;
    background: rgba(255, 255, 255, 0.04);
    border-top-color: transparent;
} 
.dropdown-menu,
.dropdown-item,
.dropdown-item:hover {
    color: rgba(255, 255, 255, 1);
}

.navbar-divider {
    background: rgba(0, 0, 0, 0.7);
}
.inverse-text .navbar-divider {
    background: rgba(255, 255, 255, 0.7);
}

.navbar.nav-wrapper-dark {
    background: #151515;
	
	
}
.navbar.nav-wrapper-dark.purple {

	/* custom */
    background: #47273c;	
	
}


.navbar.nav-wrapper-light {
    background: #FFF;
}
.navbar.opacity.nav-wrapper-dark {
    background: rgba(21, 21, 21, 0.6)
}
.navbar.fixed.nav-wrapper-dark {
    background: rgba(21, 21, 21, 0.9)
}
.navbar.fixed.nav-wrapper-dark.purple {
    background: rgba(71, 39, 60, 0.9)
}
.navbar.opacity.nav-wrapper-light {
    background: rgba(255, 255, 255, 0.8)
}
.navbar.fixed.nav-wrapper-light {
    background: rgba(255, 255, 255, 0.9)
}
 
.hamburger:before,
.hamburger span,
.hamburger:after {
 
    background: #404040;
}
.inverse-text .hamburger:before,
.inverse-text .hamburger span,
.inverse-text .hamburger:after {
    background: #FFF;
}
 
/*-----------------------------------------------------------------------------------*/
/*	07. BUTTON
/*-----------------------------------------------------------------------------------*/
.btn {

/* custom  */
    font-family: 'Josefin Sans', sans-serif;

    color: #FFF;
    background: #83869a;
    font-size: 13px;
    letter-spacing: normal;
    text-transform: uppercase;
    font-weight: 700;
}

.btn.btn-green {
    background: #97ad38
}

.btn.btn-sky {
    background: #4ca6e5
}
.btn.btn-purple {
    background: #83869a
}
.btn.btn-dark {
    background: #303030
}
.btn.btn-white {
    background: #FFF;
    color: #404040;
}
.btn.btn-border {
    border: 2px solid #83869a;
    background: none;
    color: #83869a;
}
.btn.btn-border.btn-green {
    border-color: #97ad38;
    background: none;
    color: #97ad38;
}

.btn.btn-border.btn-purple {
    color: #83869a;
    background: none;
    color: #83869a;
}
  
.btn.btn-border.btn-dark {
    border-color: #303030;
    background: none;
    color: #303030;
}
.btn.btn-border.btn-white {
    border-color: #FFF !important;
    color: #FFF;
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active {
    background: #97ad38;
    color: #fff;
}
 
.btn.btn-green:hover,
.btn.btn-green:focus,
.btn.btn-green:active,
.btn.btn-green.active {
    background: #97ad38;
	color:#fff;
} 
.btn.btn-purple:hover,
.btn.btn-purple:focus,
.btn.btn-purple:active,
.btn.btn-purple.active {
    background: #97ad38
}
   
.btn.btn-red:hover,
.btn.btn-red:focus,
.btn.btn-red:active,
.btn.btn-red.active {
    background: #d73d3d
}
.btn.btn-pink:hover,
.btn.btn-pink:focus,
.btn.btn-pink:active,
.btn.btn-pink.active {
    background: #bb7d9a
} 
.btn.btn-dark:hover,
.btn.btn-dark:focus,
.btn.btn-dark:active,
.btn.btn-dark.active {
    background: #222
}
.btn.btn-white:hover,
.btn.btn-white:focus,
.btn.btn-white:active,
.btn.btn-white.active {
    background: #FFF;
    color: #83869a;
}
.btn-border:hover,
.btn-border:focus,
.btn-border:active,
.btn-border.active {
    border: 2px solid #83869a;
    color: #FFF;
    background: #83869a;
}
 
.btn.btn-border.btn-green:hover,
.btn.btn-border.btn-green:focus,
.btn.btn-border.btn-green:active,
.btn.btn-border.btn-green.active {
    background: #97ad38;
    color: #FFF;
}   
.btn.btn-border.btn-purple:hover,
.btn.btn-border.btn-purple:focus,
.btn.btn-border.btn-purple:active,
.btn.btn-border.btn-purple.active {
    background: #83869a;
    color: #FFF;
}  
.btn.btn-border.btn-red:hover,
.btn.btn-border.btn-red:focus,
.btn.btn-border.btn-red:active,
.btn.btn-border.btn-red.active {
    background: #e54c4c;
    color: #FFF;
}
.btn.btn-border.btn-pink:hover,
.btn.btn-border.btn-pink:focus,
.btn.btn-border.btn-pink:active,
.btn.btn-border.btn-pink.active {
    background: #ce8fad;
    color: #FFF;
} 
.btn.btn-border.btn-dark:hover,
.btn.btn-border.btn-dark:focus,
.btn.btn-border.btn-dark:active,
.btn.btn-border.btn-dark.active {
    background: #303030;
    color: #FFF;
}
.btn.btn-border.btn-white:hover,
.btn.btn-border.btn-white:focus,
.btn.btn-border.btn-white:active,
.btn.btn-border.btn-white.active {
    background: #FFF;
    color: #404040;
}

.instagram-wrapper .btn-full {

    background: rgba(21, 21, 21, 0.6)
}
.instagram-wrapper .btn-full:hover,
.instagram-wrapper .btn-full:focus,
.instagram-wrapper .btn-full:active,
.instagram-wrapper .btn-full.active {
    background: rgba(21, 21, 21, 0.7);
}

.btn-group .dropdown-menu>li>a {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.btn-group .dropdown-menu:before {

    border-bottom: 10px solid #FFF;
}
.btn-group .dropdown-menu {
    background: #FFF;
    -webkit-filter: drop-shadow(0px 1px 8px rgba(0, 0, 0, 0.1));
    filter: drop-shadow(0px 1px 8px rgba(0, 0, 0, 0.1));
}

.btn-group .dropdown-menu[x-placement^=top-start]:before {

    border-top: 10px solid #FFF;
}
.btn-group .dropdown-menu .dropdown-item {
    color: #404040;
}

.btn-group .dropdown-menu>li>a:hover,
.btn-group .dropdown-menu>li>a:focus {
    color: #83869a;
}

.image-list li a:hover {
    color: #83869a
}

.list-group-item {
    border-color: rgba(21, 21, 21, 0.15)
}
.list-group.simple .list-group-item {
    border-color: rgba(21, 21, 21, 0.075)
}
.list-group-item.disabled,
.list-group-item:disabled {
    color: #909090;
}
.list-group-item.active {
    background-color: #83869a;
    border-color: #83869;
	color: #f7f8fc;
}
.list-group-item.active * {
    color: #FFF;
}


.zeus.tparrows {
    background: rgba(0, 0, 0, 0.4);
}

.zeus .tp-bullet-imageoverlay {
    background: rgba(0, 0, 0, 0);
}

.tp-caption:not(.font-body):not(.font-title) {
    font-family: 'Montserrat';
	
/* custom  */
    font-family: 'Josefin Sans', sans-serif;
text-shadow: 1px 1px 2px rgba(40, 40, 40, 0.9);
}


/* custom  */
.tp-caption.tangerine {
    font-family: 'Montserrat';
	
/* custom  */
    font-family: 'Tangerine', cursiv;
text-shadow: 1px 1px 2px rgba(40, 40, 40, 0.9);
}
/* custom  */
.tp-caption .btn { 
text-shadow:none;
}




.tp-caption.boxshadow {
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
}
.tp-caption.start-boxshadow {
    -webkit-box-shadow: 1px 1px 0 0 #1a1a1a, 2px 2px 0 0 #1a1a1a, 3px 3px 0 0 #1a1a1a, 4px 4px 0 0 #1a1a1a, 5px 5px 0 0 #1a1a1a, 6px 6px 0 0 #1a1a1a;
    box-shadow: 1px 1px 0 0 #1a1a1a, 2px 2px 0 0 #1a1a1a, 3px 3px 0 0 #1a1a1a, 4px 4px 0 0 #1a1a1a, 5px 5px 0 0 #1a1a1a, 6px 6px 0 0 #1a1a1a;
}
.tp-dottedoverlay.darkoverlay {
    background: rgba(48, 48, 48, 0.6)
}
.tp-bannertimer {
    background: rgba(255, 255, 255, 0.25)
}
.tp-loader.spinner2 {
    background: #151515;
	/* custom */
    background: #47273c;	

}
.bg-dark .tp-loader.spinner2,
.light-spinner .tp-loader.spinner2 {
    background: #FFF;
}
.tp-dottedoverlay.darkoverlay {
    background: rgba(21, 21, 21, 0.5)
}

.zeus .tp-tab.selected:after {
    border-color: rgba(255, 255, 255, 0.8);
}

.rev_th_auto .zeus .tp-tab:hover:after,
.rev_th_auto .zeus .tp-tab.selected:after {
    background: rgba(255, 255, 255, 0.3);
}
.erinyen .tp-tab-title {
    color: #FFF;
    letter-spacing: 3px;
    font-weight: 500;
    text-transform: uppercase;
	
/* custom  */
    font-family: 'Josefin Sans', sans-serif;

	font-weight:700;
}

.cbp-filter-item {
    font-size: 13px;
/* custom  */
    font-family: 'Josefin Sans', sans-serif;

    text-transform: uppercase;
    color: #888;

}

.cbp-filter-item.cbp-filter-item-active,
.cbp-filter-item:hover {
    color: #83869a;
}
.cbp-filter-item:after {

    background-color: rgba(21, 21, 21, 0.25)
}


.modal .basic-gallery li img {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
/*-----------------------------------------------------------------------------------*/
/*	14. COCOEN
/*-----------------------------------------------------------------------------------*/
.cocoen-drag::before {

    color: #404040;
}
.cocoen-drag::before {
    background: #FFF;
}


.block-wrapper.arrowed .block:first-child {
    position: relative;
}
.block-wrapper.arrowed .block:first-child:after,
.image-block-wrapper.arrowed .image-block:after {
    border-right: 20px solid #FFF;
}
.block-wrapper.arrowed .block.order-md-2:first-child:after,
.image-block-wrapper.arrowed .image-block[class*="offset-md-"]:after {

    border-right: 20px solid transparent;
    border-left: 20px solid #FFF;
}
.gray-wrapper .image-block-wrapper.arrowed .image-block:after {
    border-right: 20px solid #f7f8fc;
}
.gray-wrapper .image-block-wrapper.arrowed .image-block[class*="offset-md-"]:after {
    border-right: 20px solid transparent;
    border-left: 20px solid #f7f8fc;
}
.dark-wrapper .image-block-wrapper.arrowed .image-block:after {
    border-right: 20px solid #181818;
}
.dark-wrapper .image-block-wrapper.arrowed .image-block[class*="offset-md-"]:after {
    border-right: 20px solid transparent;
    border-left: 20px solid #181818;
}


.meta,
a.more {
    font-size: 13px;
 
	
/* custom  */
    font-family: 'Josefin Sans', sans-serif;

    letter-spacing: 0;
    text-transform: uppercase;
    color: #bbb;
 
}
 
.meta span:after {
 
    background-color: rgba(21, 21, 21, 0.25)
}
 
.post-title a:hover,
.more:hover,
.meta a:hover {
    color: #83869a;
}
.post-nav-wrapper a:hover {
    color: #83869a;
}
.post-nav-wrapper .next {
    border-left: 1px solid rgba(21, 21, 21, 0.15);
}

.sidebox a:not(.btn):hover {
    color: #83869a
}


.tag-list .btn:before {

    background: #FFF;
}
.inverse-text .tag-list .btn {
    background: #292929;
}
.inverse-text .tag-list .btn:hover {
    background: #393939;
}
.inverse-text .tag-list .btn:before {
    background: #181818;
}

#comments ol.commentlist ul.children li .message {

    background-color: rgba(21, 21, 21, 0.03);
}

#comments .info h6 a:hover {
    color: #83869a;
}

.social-mute a i {
    color: #404040;
}
.social-mute a:hover i {
    color: #83869a;
    opacity: 1 !important;
}
 
.icon p {
    color: #606060;
}
.icon-color {
    color: #83869a
}

.icon-img img {
    width: 130px;
}
.icon-bg {
    color: #FFF;
   
}

.box.box-border {

    border: 1px solid rgba(21, 21, 21, 0.15);

}
.box.box-border:before {

    border: 1px solid rgba(21, 21, 21, 0.15);

}
.box.box-border:hover,
.box.box-border:hover:before {
    border-color: #83869a;
	
}

.overlay span.bg {
    background: rgba(21, 21, 21, 0.6);

}
.overlay.color span.bg {
    background: rgba(151, 173, 56, 0.8);
}

.overlay.light span.bg {
    background: rgba(255, 255, 255, 0.8);
}

.overlay.light:hover span.bg {
 
    background: rgba(255, 255, 255, 0.2);	
}


.overlay:not(.caption-dark) * {
    color: #ffffff !important;
}
.overlay.caption-dark *,
.overlay.light figcaption * {
    color: #404040 !important;

}
.overlay.caption-dark .meta * {
    color: #aaa !important;
}
.overlay.caption-dark .meta a:hover {
    color: #83869a !important;
}

.overlay1.light:before,
.overlay1.light:after {
    background-color: #404040;
}

.overlay2:before,
.overlay2:after {
    background-color: #fff;
}
.overlay2.light:before,
.overlay2.light:after {
    background-color: #404040;
}

.overlay4 span.bg:after {
    background: rgba(21, 21, 21, 0.2);
}
.overlay-info figcaption {
    background: rgba(21, 21, 21, 0.4);
}
.overlay-info:hover figcaption {
    background: rgba(21, 21, 21, 0.04);
}

.overlay-info.hovered:hover figcaption {
    background: rgba(21, 21, 21, 0.6);
}

.overlay-info * {
    color: #ffffff !important;
}
.overlay-info a.btn-white {
    color: #404040 !important;
}

.swiper-slide .caption-bg p {
    font-size: 16px;
    line-height: 26px;

	
/* custom  */
    font-family: 'Josefin Sans', sans-serif;

}

/*-----------------------------------------------------------------------------------*/
/*	26. MODAL
/*-----------------------------------------------------------------------------------*/
.modal-transparent {
    background: rgba(21, 21, 21, 0.9);
}

.modal-transparent.green {
    background: rgba(151, 173, 56, 0.9);
}
.modal-transparent.purple {
    background: rgba(131, 134, 154, 0.9);
}
.modal-transparent.eggplant {
    background: rgba(71, 39, 60, 0.9);
}
.modal-transparent.white {
    background: rgba(255, 255, 255, 0.9);
	color:#111;
}

.modal .modal-close {

    color: rgba(255, 255, 255, 1);

}

.modal.white .modal-close {

    color: rgba(0, 0, 0, 1);

}

.modal .modal-close:hover {
    color: rgba(255, 255, 255, 0.75) !important;
}

.overlay-nav li a {
    font-size: 32px;
    font-weight: 700;
	
/* custom  */
    font-family: 'Josefin Sans', sans-serif;

    color: rgba(255, 255, 255, 1);
}
.overlay-nav li a:hover {
    color: rgba(255, 255, 255, 0.75);
}
 
.no-touch #slide-portfolio li:hover {
    -webkit-box-shadow: 0 0 10px rgba(92, 75, 81, 0.3);
    box-shadow: 0 0 10px rgba(92, 75, 81, 0.3);
}

.slide-portfolio-item-content-close {
    color: rgba(21, 21, 21, 0.8);
}
.slide-portfolio-item-content-close:hover {
    color: rgba(21, 21, 21, 1);
}

.slide-portfolio-overlay {

    background: rgba(21, 21, 21, 0.8);

}

.accordion-wrapper.bordered .card {

    border: 1px solid rgba(21, 21, 21, 0.15);
}

.accordion-wrapper.bordered .card-block {

    border-top: 1px solid rgba(21, 21, 21, 0.15)
}

.accordion-wrapper .card-header a {
    color: #404040;

}

.accordion-wrapper .card-header a {
    border-bottom: 1px solid rgba(21, 21, 21, 0.15)
}

.accordion-wrapper.lined .card-header a.collapsed {
    color: #404040;
    border-color: rgba(21, 21, 21, 0.15);
}
.accordion-wrapper.lined .card-header a,
.accordion-wrapper.lined .card-header a:hover,
.accordion-wrapper.lined .card-header a.collapsed:hover {
    color: #83869a;
    border-color: #83869a;
}

.nav-tabs .nav-link {
    border: 1px solid rgba(21, 21, 21, 0.25);
    letter-spacing: 0;
    text-transform: uppercase;
    font-weight: 700;

	
/* custom  */
    font-family: 'Josefin Sans', sans-serif;

    color: #404040;
}
.tabs-wrapper.filtered .nav-tabs .nav-link {

	
/* custom  */
    font-family: 'Josefin Sans', sans-serif;

    text-transform: uppercase;
    color: #888;
 
}

.tabs-wrapper.filtered .nav-tabs .nav-link:after {
    content: "";

    background-color: rgba(21, 21, 21, 0.2)
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-item .nav-link:hover,
.nav-tabs .nav-item .nav-link.active {
    color: #83869a;
    background: none;
    border-color: #83869a !important;
}

.countdown p {

	
/* custom  */
    font-family: 'Josefin Sans', sans-serif;

    font-size: 16px;
    text-transform: uppercase;
}





.counter p {
    text-transform: uppercase;
    font-size: 14px;

	
/* custom  */
    font-family: 'Josefin Sans', sans-serif;

}
 
.tooltip-inner {
    color: #fff;
    background-color: #83869a;
}
.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before,
.tooltip.bs-tooltip-top .arrow::before {
    border-top-color: #83869a;
}
.tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before,
.tooltip.bs-tooltip-right .arrow::before {
    border-right-color: #83869a;
}
.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.tooltip.bs-tooltip-bottom .arrow::before {
    border-bottom-color: #83869a;
}
.tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before,
.tooltip.bs-tooltip-left .arrow::before {
    border-left-color: #83869a;
}
/*-----------------------------------------------------------------------------------*/
/*	34. POPOVER
/*-----------------------------------------------------------------------------------*/
.popover {

    -webkit-filter: drop-shadow(0px 1px 8px rgba(0, 0, 0, 0.1));
    filter: drop-shadow(0px 1px 8px rgba(0, 0, 0, 0.1));
}
.popover-header {
    background-color: #FFF;
    color: #404040;
}

/*-----------------------------------------------------------------------------------*/
/*	37. FORMS
/*-----------------------------------------------------------------------------------*/
select {

    font-weight: normal;
}
label:not(.custom-control-label) {
    font-weight: 700;
    color: #404040;
}

select,
textarea,
textarea.form-control,
input[type="text"]:not(.qty),
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    color: #606060;
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(21, 21, 21, 0.15);

}
 
.product-quantity {
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(21, 21, 21, 0.15);
}

textarea:focus,
textarea.form-control:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
 
    border-color: #83869a
}
 
 
.form-container .form-field i {
 
    color: #a3a3a3;
 
    border-right: 1px solid #ccc;
    font-weight: normal;
}
 
 
input.error,
textarea.error {
    border: 1px solid #d9534f !important;
}

.notification-box.show-error {
    background-color: #f2dede;
    border-color: #ddb8be;
    color: #a94442;

}
.notification-box.show-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
 
}
 
.search-form:before {
  
    color: #606060;
}
.custom-select {
 
    background: #FFF;
}
 
.custom-select-wrapper:before {
    color: #404040;
 
}
.custom-control-label::before {
    background-color: rgba(21, 21, 21, 0.1);
 
}
 
.custom-control-input:active~.custom-control-label::before,
.custom-checkbox .custom-control-input:checked~.custom-control-label::before,
.custom-radio .custom-control-input:checked~.custom-control-label::before {
    background-color: #83869a
}
.form-control::-webkit-input-placeholder {
    color: #606060;
    font-weight: normal;
}
.form-control:-moz-placeholder {
    color: #606060;
    font-weight: normal;
    opacity: 1;
}
.form-control::-moz-placeholder {
    color: #606060;
}
.form-control:-ms-input-placeholder {
    color: #606060;
}
.ratings:before {
    color: rgba(0, 0, 0, 0.1);
    
}
.ratings:after {
    color: #83869a;
    
}

.pagination ul>li>a {
 
    color: #404040;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
 
}
.pagination.bordered ul>li>a {
 
    border: 1px solid rgba(21, 21, 21, 0.15);
}
 
.pagination ul>li>a:hover,
.pagination ul>.active>a {
    color: #83869a;
}
.pagination.bordered ul>li>a:hover,
.pagination.bordered ul>.active>a {
    color: #83869a;
}
 
.pagination.bg ul>.active>a span {
    border-bottom: 1px solid transparent;
}
.pagination.bg ul>.active>a span {
    border-color: #FFF;
}
 
.pagination ul>li>a.btn {
    color: #FFF !important
}
.page-navi a {

/* custom  */
    font-family: 'Josefin Sans', sans-serif;

    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
}
.page-navi:not(.bg) a {
    color: #404040
}
.page-navi:not(.bg) a:hover {
    color: #83869a
}
.page-navi.bordered a {
    border: 1px solid rgba(21, 21, 21, 0.15);
}
 
.progressbar svg path:first-child {
    stroke: rgba(21, 21, 21, 0.06);
}

.image-wrapper:before {
    content: "";

    background: rgba(0,0, 0, 0.3);
}

.image-wrapper.light:before {

    background: rgba(255,255, 255, 0.3);
}


.box-shadow:after {
    content: "";
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4);
}

.video-wrapper .content-overlay {
    background: rgba(21, 21, 21, 0.5);
}


#scrollUp .btn:hover,
#scrollUp .btn:focus,
#scrollUp .btn:active,
#scrollUp .btn.active {}
/*-----------------------------------------------------------------------------------*/
/*	47. LIGHTGALLERY
/*-----------------------------------------------------------------------------------*/
.lg-backdrop {
    background: rgba(21, 21, 21, 0.97);
}

.lg-sub-html {
    background: rgba(21, 21, 21, 0.4);
}
#lg-counter,
.lg-toolbar .lg-icon {
    color: rgba(255, 255, 255, 1)
}
.lg-actions .lg-next,
.lg-actions .lg-prev {

    color: rgba(255, 255, 255, 1);
    font-size: 50px;

}
.lg-toolbar .lg-icon:hover,
.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
    color: rgba(255, 255, 255, 0.75);
}


/*-----------------------------------------------------------------------------------*/
/*	48. LOADING
/*-----------------------------------------------------------------------------------*/
.page-loading {

    background: #f6f7f8;
    z-index: 9999999;
}

.lg-outer .lg-item:after,
.page-loading .spinner,
.cbp:after,
.cbp-lazyload:after,
.cbp-popup-loadingBox:after,
.cbp-popup-singlePageInline:after {
    content: "";
    background: #FFF;

}
.cbp:after,
.cbp-lazyload:after,
.cbp-popup-loadingBox:after,
.cbp-popup-singlePageInline:after,
.page-loading .spinner {
    background: #151515;
	/* custom */
    background: #47273c;	


}

.glyphs.css-mapping i:before {

    color: #404040;

}
 
/*-----------------------------------------------------------------------------------*/
/*	50. INVERSE TEXT
/*-----------------------------------------------------------------------------------*/
.inverse-text,
.inverse-text .icon-color:not(.color-default),
.inverse-text li,
.inverse-text p,
.inverse-text h1:not([class*="color-"]),
.inverse-text h2:not([class*="color-"]),
.inverse-text h3:not([class*="color-"]),
.inverse-text h4:not([class*="color-"]),
.inverse-text h5:not([class*="color-"]),
.inverse-text h6:not([class*="color-"]),
.inverse-text .blockquote-footer,
.inverse-text .accordion-wrapper.bordered .card-header a,
.inverse-text .accordion-wrapper .card-header a.collapsed,
.inverse-text .color-dark,
.inverse-text label,
.inverse-text .glyphs.css-mapping i:before,
.inverse-text .list-group-item-action,
.inverse-text .pagination ul>li:not(.active)>a,
.inverse-text .page-navi:not(.bg) a,
.inverse-text .nav-tabs .nav-link:not(.active),
.inverse-text .cbp-filter-item:not(.cbp-filter-item-active) {
    color: #FFF !important
}
.inverse-text .pagination:not(.bg) ul>li>a:hover,
.inverse-text .page-navi:not(.bg) a:hover,
.inverse-text .nav-tabs .nav-link:hover,
.inverse-text .cbp-filter-item:hover {
    color: #83869a !important;
}
.inverse-text .list-group-item.disabled,
.inverse-text .list-group-item:disabled {
    color: #909090 !important;
}
.inverse-text .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 1);
}
.inverse-text .navbar-nav .nav-link:hover,
.inverse-text .navbar-nav .nav-link.highlighted,
.inverse-text .navbar-nav .nav-link.active {
    color: rgba(255, 255, 255, 0.75);
}
.inverse-text .social-mute a i {
    color: rgba(255, 255, 255, 1) !important;
}
.inverse-text .social-mute a:hover i {
    color: rgba(255, 255, 255, 0.75) !important;
    opacity: 1;
}
/*footer.inverse-text,
footer.inverse-text p {
	color: #cdcdcd !important;
}*/
.inverse-text .box.box-border,
.inverse-text .box.box-border:before,
.inverse-text blockquote.bordered,
.inverse-text .accordion-wrapper.lined .card-header a.collapsed,
.inverse-text .accordion-wrapper.bordered .card,
.inverse-text .accordion-wrapper.bordered .card-block,
.inverse-text hr,
.inverse-text .divider-icon:before,
.inverse-text .divider-icon:after,
.inverse-text select,
.inverse-text textarea,
.inverse-text textarea.form-control,
.inverse-text input[type="text"]:not(.qty),
.inverse-text input[type="password"],
.inverse-text input[type="datetime"],
.inverse-text input[type="datetime-local"],
.inverse-text input[type="date"],
.inverse-text input[type="month"],
.inverse-text input[type="time"],
.inverse-text input[type="week"],
.inverse-text input[type="number"],
.inverse-text input[type="email"],
.inverse-text input[type="url"],
.inverse-text input[type="search"],
.inverse-text input[type="tel"],
.inverse-text input[type="color"],
.inverse-text .uneditable-input,
.inverse-text .list-group-item,
.inverse-text .pagination.bordered ul>li>a,
.inverse-text .page-navi.bordered a,
.inverse-text .tabs-wrapper.lined .nav-tabs,
.inverse-text .tabs-wrapper:not(.lined) .nav-tabs .nav-link:not(.active),
.inverse-text .section-title-line:before,
.inverse-text .section-title-line:after {
    border-color: rgba(255, 255, 255, 0.3);
}
.inverse-text .list-group-item:not(.active) {
    background: #1a1a1a;
}
.inverse-text .divider-icon i,
.inverse-text blockquote.icon:before {
    color: rgba(255, 255, 255, 0.5);
}
.inverse-text .accordion-wrapper.lined .card-header a:hover,
.inverse-text .tabs-wrapper:not(.lined) .nav-tabs .nav-link:not(.active):hover {
    color: #83869a !important;
    border-color: #83869a !important;
}
.inverse-text .box.box-border:hover,
.inverse-text .box.box-border:hover:before {
    border-color: #83869a
}
.inverse-text .meta span:after {
    background-color: rgba(255, 255, 255, 0.3)
}
.inverse-text .swiper-container-wrapper .swiper-pagination .swiper-pagination-bullet {
    background: rgba(255, 255, 255, 0.4);
}
.inverse-text .swiper-container-wrapper .swiper-pagination .swiper-pagination-bullet:hover,
.inverse-text .swiper-container-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #fff
}
.inverse-text .custom-control-indicator {
    background-color: rgba(255, 255, 255, 0.3);
}
.inverse-text .custom-control-input:disabled~.custom-control-indicator {
    background-color: rgba(255, 255, 255, 0.05)
}
.inverse-text select,
.inverse-text textarea,
.inverse-text textarea.form-control,
.inverse-text input[type="text"]:not(.qty),
.inverse-text input[type="password"],
.inverse-text input[type="datetime"],
.inverse-text input[type="datetime-local"],
.inverse-text input[type="date"],
.inverse-text input[type="month"],
.inverse-text input[type="time"],
.inverse-text input[type="week"],
.inverse-text input[type="number"],
.inverse-text input[type="email"],
.inverse-text input[type="url"],
.inverse-text input[type="search"],
.inverse-text input[type="tel"],
.inverse-text input[type="color"],
.inverse-text .uneditable-input,
.inverse-text .custom-control-description,
.inverse-text .custom-select-wrapper:before,
.inverse-text .product-quantity {
    background: rgba(21, 21, 21, 0.2);
    color: #ccc;
    border-color: rgba(255, 255, 255, 0.4);
}
.inverse-text .form-control::-webkit-input-placeholder {
    color: #ccc;
}
.inverse-text .form-control:-moz-placeholder {
    color: #ccc;
}
.inverse-text .form-control::-moz-placeholder {
    color: #ccc;
}
.inverse-text .form-control:-ms-input-placeholder {
    color: #ccc;
}
.inverse-text textarea:focus,
.inverse-text textarea.form-control:focus,
.inverse-text input[type="text"]:focus,
.inverse-text input[type="password"]:focus,
.inverse-text input[type="datetime"]:focus,
.inverse-text input[type="datetime-local"]:focus,
.inverse-text input[type="date"]:focus,
.inverse-text input[type="month"]:focus,
.inverse-text input[type="time"]:focus,
.inverse-text input[type="week"]:focus,
.inverse-text input[type="number"]:focus,
.inverse-text input[type="email"]:focus,
.inverse-text input[type="url"]:focus,
.inverse-text input[type="search"]:focus,
.inverse-text input[type="tel"]:focus,
.inverse-text input[type="color"]:focus,
.inverse-text .uneditable-input:focus {
    border-color: rgba(255, 255, 255, 0.8);
}
.inverse-text .process-wrapper.arrow [class*="col-"]:before {
    color: rgba(255, 255, 255, 0.3);
}
.inverse-text .process-wrapper.line [class*="col-"]:before,
.inverse-text .process-wrapper.line [class*="col-"]:after {
    background-color: rgba(255, 255, 255, 0.3);
}
.inverse-text .progressbar:not(.border) svg path:first-child {
    stroke: rgba(255, 255, 255, 0.06);
}
.inverse-text .bg-gray {
    background-color: rgba(255, 255, 255, 0.8) !important;
}
.inverse-text .cbp-filter-item:after,
.inverse-text .tabs-wrapper.filtered .nav-tabs .nav-link:after {
    background-color: rgba(255, 255, 255, 0.3)
}
.inverse-text .cbp:after,
.inverse-text .cbp-lazyload:after,
.inverse-text .cbp-popup-loadingBox:after,
.inverse-text .cbp-popup-singlePageInline:after {
    background: #FFF;
}


.color-white {
    color: #FFF !important
}
  
.bg-opacity {
    background: rgba(255, 255, 255, 0.9);
}
.bg-opacity-dark {
    background: rgba(21, 21, 21, 0.85);
}
 
.color-green,
.list-green>li:before,
.list-green i {
    color: #97ad38 !important;
}
  
.color-default,
.list-default>li:before,
.list-default i,
.color-purple,
.list-purple>li:before,
.list-purple i {
    color: #83869a !important;
}
  
 
.color-dark,
.list-dark>li:before,
.list-dark i {
    color: #404040 !important
}
.bg-light-gray {
    background-color: rgba(21, 21, 21, 0.03) !important;
}
.bg-gray {
    background-color: rgba(21, 21, 21, 0.05) !important;
}
.bg-white {
    background-color: #FFF !important;
}
 
.bg-green {
    background-color: #97ad38 !important;
} 
.bg-default,
.bg-purple {
    background-color: #83869a !important;
}
 
 
.bg-dark {
    background-color: #404040 !important
}
.rev_slider.bg-dark {
    background-color: #151515 !important;
}
 
.border-green {
    border-color: #97ad38 !important;
}
 
.border-default, 
.border-purple {
    border-color: #83869a !important;
}
 
.border-dark {
    color: #404040 !important
}
 
.progressbar.green svg path:last-child {
    stroke: #97ad38 !important;
}
 
.progressbar.default svg path:last-child, 
.progressbar.purple svg path:last-child {
    stroke: #83869a !important;
}

.progressbar.red svg path:last-child {
    stroke: #e54c4c !important;
}
.progressbar.pink svg path:last-child {
    stroke: #ce8fad !important;
}
.progressbar.border.green {
    border-color: #97ad38 !important;
}
 
.progressbar.border.default, 
.progressbar.border.purple {
    border-color: #83869a !important;
}

.progressbar.border.red {
    border-color: #e54c4c !important;
}
.progressbar.border.pink {
    border-color: #ce8fad !important;
}

.progressbar.border.dark {
    border-color: #404040 !important;
}

.circle.green .progressbar-text {
    color: #97ad38 !important;
}

.circle.default .progressbar-text,
.circle.purple .progressbar-text {
    color: #83869a !important;
}

.circle.red .progressbar-text {
    color: #e54c4c !important;
}
.circle.pink .progressbar-text {
    color: #ce8fad !important;
}


@media (min-width: 992px) {

    .navbar-nav>li>.dropdown-menu {
        border-top: 2px solid #83869a;
    }

    .dropdown-menu:not(.mega-menu) li {
        border-top: 1px solid rgba(255, 255, 255, 0.08);
    }


}
@media (max-width: 991.98px) {
    body:not(.onepage) .banner--stick {
        display: none !important
    }
    .navbar .navbar-collapse {
  /*  background: #151515;*/


	/* custom */
    background: #47273c;

    }
	
    .navbar .navbar-collapse.purple {

	/* custom */
    background: #47273c;	


    }
		
	

    .navbar-nav .nav-link {
        font-size: 14px;
        color: rgba(255, 255, 255, 1) !important;
    }
   
     
 
    .navbar .social-mute a i {
        color: rgba(255, 255, 255, 1) !important;
    }
    .navbar .social-mute a:hover i {
        color: rgba(255, 255, 255, 0.75) !important;
    }
    .navbar-nav .nav-link:hover,
    .navbar-nav .nav-link.highlighted,
    .navbar-nav .nav-link.active {
        color: rgba(255, 255, 255, 0.75) !important;
    }
     
    .navbar .navbar-nav li a {
 
        border-top: 1px solid rgba(255, 255, 255, 0.08);
    }
 
    .navbar-divider {
        border-top: 1px solid rgba(255, 255, 255, 0.08);
    }
    
}
 






@media (min-width: 1280px) {
    .split-layout .content-wrapper {
        position: relative;
        width: 100%;
    }
    .split-layout .content-left {
        width: 40%;
        height: 100vh;
        position: fixed;
        max-height: 100vh;
        overflow: hidden;
    }
    .split-layout .content-right {
        margin-left: 40%;
        height: 100vh;
    }
}
@media (max-width: 1279px) {
    .split-layout .content-wrapper {
        position: relative;
        width: 100%;
    }
    .split-layout .content-left {
        width: 30%;
        height: 100vh;
        position: fixed;
        max-height: 100vh;
        overflow: hidden;
    }
    .split-layout .content-right {
        margin-left: 30%;
        height: 100vh;
    }

}






@media (max-width: 767.98px) {
	
 
      .split-layout .content-left {
          display: none;
          position: absolute;
          width: 0;
          height: 0;
    }
    .split-layout .site-name {
        height: 100%;
        position: relative;
        display: table;
    }    
    
    
    .split-layout .inner {
        padding: 50px 30px;
    }    
    
       .split-layout .content-right {
        width: 100% !important;
        position: relative !important;
           margin-left: 0;
         
    }    
	
}