/*/wp-content/themes/parallax/mobile-menu.css*/
/* reset absolute elements to static */
.social-widget,
#site-logo,
#site-description{
	position:static !important;
	float:none;
	clear:both;
	padding:0;
	margin:0
}
#header{
    height:auto;
	padding:10px 0
}
#headerwrap.fixed-header #header{
	text-align:inherit; /* make left text align on sticky header */
}
.header-block .fixed-header#headerwrap #header{
	padding-top:10px;
	padding-bottom:10px
}
.header-block #header,
body:not([class*='header-']) #header{
	height:500px
}
.header-block .menu-icon-wrap,
body:not([class*='header-']) .menu-icon-wrap{
	background-color:#000;
	background-color:rgba(0,0,0,.8);
	min-height:64px;
	z-index:1;
	position:relative
}
body:not(.nav-bar-top).header-block .menu-icon-wrap,
body:not([class*='header-']):not(.nav-bar-top) .menu-icon-wrap{
	position:absolute;
	bottom:0;
	right:0;
	width:100%;
	z-index:inherit
}
.header-block #headerwrap.fixed-header .menu-icon-wrap,
body:not([class*='header-']) #headerwrap.fixed-header .menu-icon-wrap{
	position:absolute;
	right:3%;
	z-index:auto;
	width:auto
}

/*
SITE LOGO
================================================ */
#site-logo{
	font-size:30px;
	margin:5px 5px 5px 0
}

/*
SITE DESCRIPTION
================================================ */
#site-description{
	font-size:0.95em;
    margin:0 0 5px
}

/*
SOCIAL WIDGET
================================================ */
#header .social-widget{
	display:block;
	margin:0 0 1em;
	float:none
}

/*
SEARCHFORM
================================================ */
 #header #searchform-wrap{
	display:block;
	margin:0 0 1em;
	float:none
}
#header #searchform{
	width:100%
}
#header #searchform #s{
	opacity:1;
	width:100%;
	max-width:none;
	box-sizing:border-box;
	padding:.35em .35em .35em 2.25em;
	position:static;
	right:0
}
#header #searchform .icon-search:before{
	color:#000;
	border:none;
	left:0
}
#header #searchform #s:focus,
#header #searchform:hover #s{
	width:100%;
	padding-left:2.25em
}
/*
MOBILE NAV BUTTON
================================================ */
/* menu icon */
#menu-icon{
	display:block;
	position:absolute;
	top:9px;
	right:5%;
	z-index:1999
}

/* slide menu close */
#menu-icon-close{
	display:block
}

/*
MAIN NAV (MOBILE)
================================================ */
/* Mobile Menu Styles */
.sidemenu{
	height:100%;
	width:300px;
	padding:50px 25px 20px;
	background-color:#000;
	color:#fff;
	display:block;
	overflow-y:scroll;
	-webkit-overflow-scrolling:touch;
	position:fixed;
	top:0;
	z-index:11111;
	box-sizing:border-box;
	transition:all .2s ease-in-out;
	text-align:left
}
#mobile-menu{
	right:-300px
}
#mobile-menu.sidemenu-on{
	right:0
}
.sidemenu-active{
	position:relative
}
.sidemenu-active,
.sidemenu-active #headerwrap{
	left:0;
	transition:left .2s ease-in-out
}
.sidemenu-right,
.sidemenu-right #headerwrap.fixed-header{
	left:-300px
}
.sidemenu-left,
.sidemenu-left #headerwrap.fixed-header{
	left:300px
}
.sidemenu-left #mobile-menu.sidemenu-on{
	left:0
}

body:not(.dropdown-menu-style) #pagewrap #main-nav-wrap{
	position:static;
	background-color:transparent
}

/* main nav */
#main-nav{
	clear:both;
	text-align:left;
	width:auto;
	max-width:none;
	margin:0 0 35px;
	float:none
}
#main-nav li{
	clear:both;
	float:none;
	padding:0;
	position:static;
	display:block
}
#main-nav a,
#main-nav ul a{
	font:inherit;
	text-transform:inherit;
	background:none;
	width:auto;
	display:block;
	padding:.6em 0;
	margin:0;
	color:#fff;
	border:none;
	letter-spacing:normal;
	position: relative;
}
#main-nav a:hover,
#main-nav ul a:hover{
	background:none;
	color:#ffcc03
}
.menu-item-has-children .child-arrow{
	display:inline-block
}
/* dropdown */
#main-nav ul{
	position:static;
	display:block;
	margin:0;
	padding:0 0 0 1em;
	background:none;
	border:none;
	opacity:1;
	visibility:visible;
	transform:none;
	text-align:inherit;
	box-shadow:none
}
#main-nav li> .sub-menu{
	display: none
}
#main-nav ul ul{
	transform:none
}
#main-nav ul{
	overflow:hidden;
	transition:max-height .5s ease-in-out
}
#main-nav .dropdown-open > ul,
#main-nav .toggle-on+ul{
	max-height:2000px
}

/* CSS 3 Animation menu elements */
#main-nav li{
	transition:all 400ms ease-in-out;
	transform:translate(40px, 0) !important;
	margin-left:0;
	opacity:0
}
.mobile-menu-visible #main-nav li{
	opacity:1;
	transform:translate(0, 0) !important
}
.mobile-menu-visible #main-nav > li:nth-child(1){
  transition-delay:100ms
}
.mobile-menu-visible #main-nav > li:nth-child(2){
  transition-delay:200ms
}
.mobile-menu-visible #main-nav > li:nth-child(3){
  transition-delay:300ms
}
.mobile-menu-visible #main-nav > li:nth-child(4){
  transition-delay:400ms
}
.mobile-menu-visible #main-nav > li:nth-child(5){
  transition-delay:500ms
}
.mobile-menu-visible #main-nav > li:nth-child(6){
  transition-delay:600ms
}
.mobile-menu-visible #main-nav > li:nth-child(7){
  transition-delay:700ms
}
.mobile-menu-visible #main-nav > li:nth-child(8){
  transition-delay:800ms
}
.mobile-menu-visible #main-nav > li:nth-child(9){
  transition-delay:900ms
}
.mobile-menu-visible #main-nav > li:nth-child(10){
  transition-delay:1000ms
}
.mobile-menu-visible #main-nav > li:nth-child(11){
  transition-delay:1100ms
}
.mobile-menu-visible #main-nav > li:nth-child(12){
  transition-delay:1200ms
}
.mobile-menu-visible #main-nav > li:nth-child(13){
  transition-delay:1300ms
}
.mobile-menu-visible #main-nav > li:nth-child(14){
  transition-delay:1400ms
}
.mobile-menu-visible #main-nav > li:nth-child(15){
  transition-delay:1500ms
}

#headerwrap.fixed-header .header-bar,
#headerwrap.fixed-header .social-widget,
#headerwrap.fixed-header #searchform-wrap{
	display:block
}

#headerwrap #main-nav .has-mega-column > .children,
#headerwrap #main-nav .has-mega-column > .children > li > ul,
#headerwrap #main-nav .has-mega-column > .sub-menu,
#headerwrap #main-nav .has-mega-sub-menu .mega-sub-menu,
#headerwrap #main-nav .has-mega-column > .sub-menu > li > ul,
#headerwrap #main-nav .has-mega-sub-menu:hover .mega-sub-menu{
	opacity:1;
	transform:none;
	padding-top:0;
	padding-bottom:0
}

/* header slider pagination */
#gallery-controller .tf_carousel_nav_wrap{
	visibility:hidden;
	opacity:0
}

/*
HEADER FULLHEIGHT
================================================ */
.header-full-height #header{
	background-position:initial
}
.header-full-height #header{
	display:table-cell;
	vertical-align:middle
}
.header-full-height #header .hgroup{
	display:block
}

/*
DROPDOWN MENU STYLE
================================================ */
.dropdown-menu-style.header-block #header{
	height:500px
}
.dropdown-menu-style.header-block #headerwrap{
	background-position:center
}
.dropdown-menu-style.header-block #headerwrap.fixed-header{
	background-color:rgba(0,0,0,.8) !important
}
.dropdown-menu-style.header-block .fixed-header#headerwrap #header,
.dropdown-menu-style.header-block #headerwrap #header{
	padding:0;
	max-width:none
}
.dropdown-menu-style #headerwrap #mobile-menu{
    position:static;
    width:auto;
    background:none;
    padding:inherit;
    overflow:inherit;
    text-align:inherit;
    height:auto
}

/* Dropdown Menu Searchform */
.dropdown-menu-style #header #searchform{
	width:120px;
	margin:auto;
	transition:all .7s
}
.dropdown-menu-style #header #searchform:hover{
	width:180px
}

/* Main Nav Wrap */
.dropdown-menu-style #headerwrap #main-nav-wrap{
	text-align:center
}
.dropdown-menu-style.header-block #headerwrap #main-nav-wrap{
	position:absolute;
	min-height:60px
}
.dropdown-menu-style #headerwrap #main-nav{
	background:rgba(0,0,0,.8);
	display:none;
	width:100%;
	max-width:225px;
	margin:auto;
	margin-left:-113px;
	position:absolute;
	z-index:1111;
	text-align:center;
	left: 50%;
	top:100%;
	padding:10px 16px;
	max-height:70vh;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch
}
.dropdown-menu-style.header-block #headerwrap #main-nav{
	bottom:100%;
	top:auto
}
.nav-bar-top.dropdown-menu-style #headerwrap #main-nav,
.dropdown-menu-style.header-block #headerwrap.fixed-header #main-nav{
	bottom:auto;
	top:100%
}
body:not(.dropdown-menu-style) #headerwrap #main-nav{
	display:block !important
}
.dropdown-menu-style #main-nav li{
	opacity:1;
	transform:none !important;
	clear:both;
	float:none;
	display:block;
	border-top:1px solid rgba(255, 255, 255, 0.10)
}
.dropdown-menu-style #main-nav li:first-child{
	border:none
}
.dropdown-menu-style #pagewrap #headerwrap #main-nav ul{
	padding:0;
	max-height:none
}
.dropdown-menu-style.body-overlay-on{
	right:0
}
/* Dropdown Menu Fixed Header */
.dropdown-menu-style.header-block #headerwrap.fixed-header .header-bar,
.dropdown-menu-style #headerwrap.fixed-header .social-widget,
.dropdown-menu-style #headerwrap.fixed-header #searchform-wrap,
.dropdown-menu-style #headerwrap #menu-icon-close{
	display:none
}
.dropdown-menu-style #headerwrap.fixed-header .hgroup,
.dropdown-menu-style #gallery-controller .carousel-nav-wrap{
	display:block
}
.dropdown-menu-style #headerwrap.fixed-header #main-nav-wrap{
	position:static
}
.dropdown-menu-style #menu-icon-dropdown{
	color:#fff;
	display:inline-block;
	text-decoration:none;
	margin:0;
	text-transform:uppercase;
	padding:17px 0;
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	z-index:2
}
.dropdown-menu-style #menu-icon-dropdown .menu-icon-inner{
	width:13px;
	height:12px;
	display:inline-block;
	vertical-align:middle;
	margin-right:5px
}
.nav-bar-top.dropdown-menu-style #menu-icon-dropdown{
	bottom:auto;
	top:0
}
.dropdown-menu-style #menu-icon-dropdown span{
	vertical-align:middle
}
/*/wp-content/themes/parallax/styles/headers/media/header-rightpane.css*/
.header-rightpane.mobile-menu-visible {
	overflow-x: hidden;
}

/* header rightpane #body */
.header-rightpane #footerwrap,
.header-rightpane.full_width #footerwrap {
	margin-right: 0;
}
.header-rightpane #body,
.header-rightpane.full_width #body {
	margin-left: 0;
	margin-right: 0;
}
.header-rightpane.full_width.mobile-menu-visible {
	left: -280px;
}
.header-rightpane #sidebar {
	margin: auto;
}

/* SIDEMENU */
.header-rightpane #mobile-menu.sidemenu {
	position: static;
	width: 100%;
	background: none;
	height: auto;
	overflow: hidden;
	overflow: inherit;
	padding: 0;
	color: inherit;
}

/* MOBILE MENU ACTIVE HEADERWRAP */
.header-rightpane.sidemenu-right #headerwrap {
	right: 0;
}
.header-rightpane #headerwrap {
	right: -280px;
	left: auto;
	height: 100%;
	z-index: 10001 !important
}

/* MOBILE MENU ACTIVE HEADER */
.header-rightpane #headerwrap #header {
	width: 100%;
	height: 100%;
	padding: 2em 1.5em;
	max-width: 100%;
}

/* MOBILE MENU ACTIVE SITE LOGO */
.header-rightpane #headerwrap #site-logo {
	font-size: 2.2em;
	padding-top: 0;
	letter-spacing: .03em;
	margin: 0 0 .5em;
}
#headerwrap #menu-icon {
	position: fixed;
	top: 32px;
	right: 0;
	background-color: #000;
	color: #fff;
	font-size: 1.2em;
	text-align: center;
	z-index: 10000;
	transition: all .2s ease-in-out;
	transform: none;
	line-height: 1em;
	padding: 12px 8px;
	border-radius:8px 0 0 8px
}
.header-rightpane.mobile-menu-visible #headerwrap #menu-icon {
	right: 280px;
}
#headerwrap .menu-icon-inner {
	width: auto;
	height: auto;
}
.header-rightpane #headerwrap #menu-icon-close {
	display: none;
}
#headerwrap .menu-icon-inner:before {
	content: "\e807"; /* ti-angle-double-right */
	font-family: 'themify_theme_icon';
	font-size: 100%;
	position: static;
}
.mobile-menu-visible #headerwrap .menu-icon-inner:before {
	content: "\e806"; /* ti-angle-double-left */
}