/*
Theme Name: Lucid

Theme URI: http://demo.tidycreations.com/lucid/
Author: Tidycreations.com
Author URI: http://Tidycreations.com
Description: A Creative Portfolio Wordpress Theme
Version: 1.2
License: GNU General Public License 
License URI: http://tidycreations.com
Tags: full-width-template, theme-options, translation-ready
Text Domain: lucid



*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
    10.1 Posts and pages
    10.2 Asides
    10.3 Comments
11.0 Infinite scroll
12.0 Media
    12.1 Captions
    12.2 Galleries
13.0 Layout
14.0 Responsive Specific
15.0 Visual Composer Elements
16.0 Misc
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
html,body {
	background-color:#000;
	overflow:hidden
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	border:0;
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	word-wrap: break-word;
	margin:0;
	outline:0;
	padding:0;
	vertical-align:baseline;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}

html {
	font-size:62.5%;
/* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y:scroll;
/* Keeps page centered in all browsers regardless of content height */
	-webkit-text-size-adjust:100%;
/* Prevents iOS text size adjust after orientation change,without disabling user zoom */
	-ms-text-size-adjust:100%;
/* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
	box-sizing:border-box
/* Apply a natural box layout model to the document;see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
}

*,:before,:after {
/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior;see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing:inherit
}

article,aside,details,figcaption,figure,footer,header,main,nav,section {
	display:block
}

ol,ul {
	
}

table {
/* tables still need 'cellspacing="0"' in the markup */
	border-collapse:separate;
	border-spacing:0
}

caption,th,td {
	font-weight:400;
	text-align:left
}

blockquote {
  	margin: 1.5em 10px;
  	padding: 0.5em 10px;
  	quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  	color: white;
  	content: open-quote;
  	font-size: 4em;
  	line-height: 0.1em;
  	margin-right: 0.25em;
  	vertical-align: -0.4em;
}
blockquote:after {
  	color: white;
  	content: close-quote;
  	font-size: 4em;
  	line-height: 0.1em;
  	margin-left: 0.25em;
  	vertical-align: -0.4em;
}
blockquote p {
  	display: inline;
}

a {
	text-decoration:none;
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-ms-transition:all .4s ease;
	-o-transition:all .4s ease;
	transition:all .4s ease
}

a:focus {
	outline:none
}

a:hover,a:active {
	outline:0;
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-ms-transition:all .4s ease;
	-o-transition:all .4s ease;
	transition:all .4s ease
}

a img {
	border:0
}

/*--------------------------------------------------------------2.0 Typography--------------------------------------------------------------*/
body,button,input,select,textarea {
	color:#fff;
	font-family:sans-serif;
	font-size:16px;
	font-size:1.6rem;
	line-height:1.5
}

.newsletter-tile-container input[type="text"], .newsletter-tile-container input[type="email"]:focus, .newsletter-tile-container input[type="email"], .newsletter-tile-container input[type="url"], .newsletter-tile-container input[type="password"], .newsletter-tile-container input[type="search"], .wpcfc input[type="text"], .wpcfc input[type="email"]:focus, .wpcfc input[type="email"], .wpcfc input[type="url"], .wpcfc input[type="password"], .wpcfc input[type="search"], .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea{
	color:black!important;
	
	}

body,* {
	-webkit-font-smoothing:antialiased
}

h1,h2,h3,h4,h5,h6 {
	clear:both
}

h2 {
	padding:10px 0;
	
}


b,strong {
	font-weight:700
}

dfn,cite,em,i {
	font-style:italic
}

blockquote {
	padding:0 1.5em
}

address {
	padding:0 0 1.5em
}

pre {
	background:#eee;
	font-family:"Courier 10 Pitch",Courier,monospace;
	font-size:15px;
	font-size:1.5rem;
	line-height:1.6;
	padding-bottom:1.6em;
	max-width:100%;
	overflow:auto;
	padding:1.6em
}

code,kbd,tt,var {
	font-family:Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;
	font-size:15px;
	font-size:1.5rem
}

abbr,acronym {
	border-bottom:1px dotted #666;
	cursor:help
}

mark,ins {
	background:#fff9c0;
	text-decoration:none
}

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

sup {
	bottom:1ex
}

sub {
	top:.5ex
}

small {
	font-size:75%
}

big {
	font-size:125%
}

/*--------------------------------------------------------------3.0 Elements--------------------------------------------------------------*/
hr {
}

ul,ol {
	padding:0
}

ul {
	
}

ol {
	
}

li>ul,li>ol {
	padding-bottom:0;
	padding-left:1.5em
}

dt {
	font-weight:700
}

dd {
	padding:0 1.5em 1.5em
}

img {
	height:auto;
/* Make sure images are scaled correctly. */
	max-width:100%;
/* Adhere to container width. */
	margin:0;
	padding:0
}

figure {
	padding:0
}

table {
	padding:0;
	width:100%
}

th {
	font-weight:700
}

.logo {
	display:inline
}

.logo img {
	float:left;
	padding-left:70px;
	margin-right:-216px;
	padding-top:2px;
	max-height:50px;
}

.top-links ul {
	list-style:none;
	position:relative;
	display:inline-table;
	text-align:center
}

.top-links ul:after {
	content:"";
	clear:both;
	display:block
}

.top-links ul ul {
	position:absolute;
	display:block;
	visibility:hidden;
	opacity:0;
	background:rgba(0,0,0,0.8);
	-webkit-transition:all .2s 0 ease;
	-moz-transition:all .2s 0 ease;
	-ms-transition:all .2s 0 ease;
	transition:all .2s 0 ease
}



.top-links li ul {
	padding:0!important;
	-webkit-transition:all .2s 0 ease;
	-moz-transition:all .2s 0 ease;
	-ms-transition:all .2s 0 ease;
	transition:all .2s 0 ease
}

.top-links ul li:hover>ul {
	display:block;
	visibility:visible;
	opacity:1;
	-webkit-transition:all .2s 0 ease;
	-moz-transition:all .2s 0 ease;
	-ms-transition:all .2s 0 ease;
	transition:all .2s 0 ease
}

.top-links ul li {
	display:inline-table;
	list-style-type:none;
	-webkit-transition:all .4s 0 ease;
	-moz-transition:all .4s 0 ease;
	-ms-transition:all .4s 0 ease;
	-o-transition:all .4s 0 ease;
	transition:all .4s 0 ease
}

.top-links ul li ul li {
	padding:0 30px 0 10px;
	cursor:pointer;
	display:block;
	list-style-type:none;
	text-align:left
}

.comment-reply-link {
	font-size:10px
}

.no-comments{
	text-align:center;
}



.contactus textarea,.contactus input[type="text"],.contactus input[type="email"],.contactus input[type="url"],.contactus input[type="password"],input[type="search"] {
	width:90%;
	letter-spacing:1px
}

.contactus textarea {
	height:200px
}

.contactus,.respond h2 {
	margin-top:40px
}

.contactus-social i {
	display:inline
}

.preloader {
	display:block;
	top:0;
	left:0;
	position:fixed;
	width:100%;
	height:100%;
	z-index:9999;
	background:#000
/* this is important so it's not transparent */
}

.spinner {
	position:absolute;
	top:40%;
	left:48%;
	height:30px;
	width:30px;
	margin:0 auto;
	border:2px solid rgba(142,60,48,0.2);
	border-top:2px solid rgba(142,60,48,0.8);
	border-radius:100%;
	-webkit-animation:rotation .6s infinite linear;
	animation:rotation .6s infinite linear
}

@-webkit-keyframes rotation {
from {
	-webkit-transform:rotate(0deg)
}

to {
	-webkit-transform:rotate(359deg)
}
}

@keyframes rotation {
from {
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg)
}

to {
	-webkit-transform:rotate(359deg);
	transform:rotate(359deg)
}
}

/*--------------------------------------------------------------4.0 Forms--------------------------------------------------------------*/
button,input,select,textarea {
	font-size:100%;
/* Corrects font size not being inherited in all browsers */
	margin:0;
/* Addresses margins set differently in IE6/7,F3/4,S5,Chrome */
	vertical-align:baseline
/* Improves appearance and consistency in all browsers */
}

button,input[type="button"],input[type="reset"],input[type="submit"] {
	color:#fff;
	border:0;
	cursor:pointer;
/* Improves usability and consistency of cursor style between image-type 'input' and others */
	font-size:10px;
	line-height:24px;
	font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-weight:500;
	padding:1em 2em;
	text-transform:uppercase;
	letter-spacing:2px;
	margin:30px 0;
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-ms-transition:all .4s ease;
	-o-transition:all .4s ease;
	transition:all .4s ease
}

button:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover {
	color:#000;
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-ms-transition:all .4s ease;
	-o-transition:all .4s ease;
	transition:all .4s ease
}

button:focus,input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,button:active,input[type="button"]:active,input[type="reset"]:active,input[type="submit"]:active {
}

input[type="checkbox"],input[type="radio"] {
	padding:0
/* Addresses excess padding in IE8/9 */
}

input[type="search"] {
	-webkit-appearance:textfield;
/* Addresses appearance set to searchfield in S5,Chrome */
	box-sizing:content-box
}

input[type="search"]::-webkit-search-decoration {
/* Corrects inner padding displayed oddly in S5,Chrome on OSX */
	-webkit-appearance:none
}

input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],textarea {
}

input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,textarea:focus {
	outline:0;
	color:#fff
}

input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"] {
	padding:15px;
	border:0;
	background:#Fff;
	margin-top:10px;
	width:90%;
	letter-spacing:1px;
	font-size:12px;
	
}

textarea {
	overflow:auto;
/* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left:3px;
	vertical-align:top;
/* Improves readability and alignment in all browsers */
	width:100%;
	padding:10px;
	border:0;
	background:#F5F5F5;
	margin-top:10px
}

.search-form {
	text-align:center;
	margin-top:-40px
}

.header-search {
	width:50px;
	height:50px;
	position:absolute;
	right:50px;
	top:-4px;
	z-index:99999;
	font-size:18px;
	color:#CCC;
	-webkit-transition:all .4s 0 ease;
	-moz-transition:all .4s 0 ease;
	-ms-transition:all .4s 0 ease;
	-o-transition:all .4s 0 ease;
	transition:all .4s 0 ease;
	cursor:pointer
}

.header-search:hover {
	color:#fff;
	-webkit-transition:all .4s 0 ease;
	-moz-transition:all .4s 0 ease;
	-ms-transition:all .4s 0 ease;
	-o-transition:all .4s 0 ease;
	transition:all .4s 0 ease
}

.search-slide {
	background-color:rgba(0,0,0,0.7);
	color:#fff;
	width:280px;
	height:90px;
	position:fixed;
	right:70px;
	top:70px;
	padding:20px;
	z-index:5000;
	-webkit-transition:all .4s 0 ease;
	-moz-transition:all .4s 0 ease;
	-ms-transition:all .4s 0 ease;
	-o-transition:all .4s 0 ease;
	transition:all .4s 0 ease
}

.search-slide.hidden {
	right:-300px;
	-webkit-transition:all .4s 0 ease;
	-moz-transition:all .4s 0 ease;
	-ms-transition:all .4s 0 ease;
	-o-transition:all .4s 0 ease;
	transition:all .4s 0 ease
}

.search-slide input[type="text"] {
	height:30px;
	margin-top:10px;
	color:#999;
	width:60%
}

.search-slide input[type="submit"] {
	float:right;
	height:30px!important;
	margin-top:10px;
	color:#fff;
	width:20%;
	padding:0;
	margin-right:20px
}

/*--------------------------------------------------------------5.0 Navigation--------------------------------------------------------------*/
.nav_side {
	position:fixed;
	width:50px;
	height:100%;
	background:rgba(0,0,0,0.5);
	z-index:200000
}

.nav_top {
	position:fixed;
	min-height:50px;
	width:100%;
	background:rgba(0,0,0,0.5);
	z-index:2000;
	transform:translateY(0px);
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-ms-transition:all .4s ease;
	-o-transition:all .4s ease;
	transition:all .4s ease
}

.nav_top.hidden {
	visibility:hidden;
	transform:translateY(-360px);
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-ms-transition:all .4s ease;
	-o-transition:all .4s ease;
	transition:all .4s ease
}

.nav_bottom {
	position:fixed;
	height:50px;
	width:100%;
	background:rgba(0,0,0,0.35);
	z-index:2000;
	bottom:0;
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-ms-transition:all .4s ease;
	-o-transition:all .4s ease;
	transition:all .4s ease
}

.nav_bottom.hidden {
	bottom:-60px;
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-ms-transition:all .4s ease;
	-o-transition:all .4s ease;
	transition:all .4s ease
}

#nav_left {
	left:0;
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-ms-transition:all .4s ease;
	-o-transition:all .4s ease;
	transition:all .4s ease
}

#nav_right {
	right:0;
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-ms-transition:all .4s ease;
	-o-transition:all .4s ease;
	transition:all .4s ease
}

#nav_left.hidden {
	transform:translateX(-360px);
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-ms-transition:all .4s ease;
	-o-transition:all .4s ease;
	transition:all .4s ease
}

#nav_right.hidden {
	transform:translateX(360px);
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-ms-transition:all .4s ease;
	-o-transition:all .4s ease;
	transition:all .4s ease
}

#nav_right h3 {
	width:240px;
	line-height:30px
}

#nav_left h3 {
	width:200px;
	line-height:30px
}

#nav_left h3 {
	position:absolute;
	top:70%;
	margin-top:-50px;
	font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-weight:500;
	font-size:11px;
	color:#CCC;
	letter-spacing:4px;
	text-transform:uppercase;
	text-align:center;
	-webkit-transform:rotate(270deg);
	-moz-transform:rotate(270deg);
	-o-transform:rotate(270deg);
	-ms-transform:rotate(270deg);
	transform:rotate(270deg);
	-webkit-transform-origin:12px top;
	-ms-transform-origin:12px top;
	-moz-transform-origin:12px top;
	-o-transform-origin:12px top;
	transform-origin:12px top
}

#nav_right h3 {
	position:absolute;
	top:50%;
	margin-top:-30px;
	font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-weight:500;
	font-size:11px;
	color:#CCC;
	letter-spacing:4px;
	text-transform:uppercase;
	text-align:center;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg);
	-webkit-transform-origin:39px top;
	-ms-transform-origin:39px top;
	-moz-transform-origin:39px top;
	-o-transform-origin:39px top;
	transform-origin:39px top
}

.nav_top a {
	font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-weight:500;
	font-size:11px;
	color:#fff;
	letter-spacing:3px;
	padding:0;
	text-transform:uppercase;
	text-align:left;
	line-height:50px;
	-webkit-transform-origin:39px top;
	-ms-transform-origin:39px top;
	-moz-transform-origin:39px top;
	-o-transform-origin:39px top;
	transform-origin:39px top
}

.menu-toggle-text:after {
	display:none;
	font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-weight:500;
	font-size:11px;
	color:#fff;
	letter-spacing:2px;
	line-height:35px;
	text-transform:uppercase;
	margin-right:10px;
	position:fixed;
	top:7px;
	right:105px;
	content:'MENU'
}

.site-main .comment-navigation,.navigation,.site-main .paging-navigation,.site-main .post-navigation {
	margin:0;
	overflow:hidden
}

.comment-navigation .nav-previous,.paging-navigation .nav-previous,.post-navigation .nav-previous {
	float:left;
	width:50%
}

.comment-navigation .nav-next,.paging-navigation .nav-next,.post-navigation .nav-next {
	float:right;
	text-align:right;
	width:50%
}

.top-links ul li {
	-webkit-transition:all .4s 0 ease;
	-moz-transition:all .4s 0 ease;
	-ms-transition:all .4s 0 ease;
	-ms-transition:all .4s 0 ease;
	-o-transition:all .4s 0 ease;
	transition:all .4s 0 ease
}

.top-links ul li:hover {
	-webkit-transition:all .4s 0 ease;
	-moz-transition:all .4s 0 ease;
	-ms-transition:all .4s 0 ease;
	-ms-transition:all .4s 0 ease;
	-o-transition:all .4s 0 ease;
	transition:all .4s 0 ease;
	background:rgba(0,0,0,0.4)
}

.top-links a {
	padding:0 10px
}

/* Effect 16:fall down */
.top-links a {
	color:#fff;
	text-shadow:0 0 0 rgba(111,134,134,0.3)
}

.top-links a::before {
	color:#fff;
	content:attr(data-hover);
	position:absolute;
	opacity:0;
	text-shadow:0 0 1px rgba(255,255,255,0.3);
	-webkit-transform:scale(1.1) translateX(0px) translateY(-10px) rotate(4deg);
	-moz-transform:scale(1.1) translateX(0px) translateY(-10px) rotate(4deg);
	-ms-transform:scale(1.1) translateX(0px) translateY(-10px) rotate(4deg);
	transform:scale(1.1) translateX(0px) translateY(-10px) rotate(4deg);
	-webkit-transition:-webkit-transform 0.3s,opacity .3s;
	-moz-transition:-moz-transform 0.3s,opacity .3s;
	-ms-transition:-moz-transform 0.3s,opacity .3s;
	transition:transform 0.3s,opacity .3s;
	pointer-events:none
}

.top-links a:hover::before,.top-links a:focus::before {
	-webkit-transform:scale(1) translateX(0px) translateY(0px) rotate(0deg);
	-moz-transform:scale(1) translateX(0px) translateY(0px) rotate(0deg);
	-ms-transform:scale(1) translateX(0px) translateY(0px) rotate(0deg);
	transform:scale(1) translateX(0px) translateY(0px) rotate(0deg);
	opacity:.7
}

.nav-links {
	height:300px;
	background:#201E1F;
	background:rgba(0,0,0,0.3)
}

.nav-previous,.nav-next {
	line-height:300px;
	text-align:center!important;
	font-size:11px;
	text-transform:uppercase;
	font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-weight:500;
	color:#F6429F!important;
	letter-spacing:2px;
	background:rgba(0,0,0,0.3);
	-webkit-transition:all .4s 0 ease;
	-moz-transition:all .4s 0 ease;
	-ms-transition:all .4s 0 ease;
	-o-transition:all .4s 0 ease;
	transition:all .4s 0 ease
}

.nav-previous a,.nav-next a {
	letter-spacing:2px;
	font-size:11px
}

.nav-previous:hover,.nav-next:hover {
	-webkit-transition:all .4s 0 ease;
	-moz-transition:all .4s 0 ease;
	-ms-transition:all .4s 0 ease;
	-o-transition:all .4s 0 ease;
	transition:all .4s 0 ease;
	background:rgba(0,0,0,0.6)
}

.nav-previous:hover a,.nav-next:hover a {
	letter-spacing:3px
}

/*--------------------------------------------------------------6.0 Accessibility--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
	clip:rect(1px,1px,1px,1px);
	position:absolute!important;
	height:1px;
	width:1px;
	overflow:hidden
}

.screen-reader-text:hover,.screen-reader-text:active,.screen-reader-text:focus {
	background-color:#f1f1f1;
	border-radius:3px;
	box-shadow:0 0 2px 2px rgba(0,0,0,0.6);
	clip:auto!important;
	color:#21759b;
	display:block;
	font-size:14px;
	font-size:1.4rem;
	font-weight:700;
	height:auto;
	left:5px;
	line-height:normal;
	padding:15px 23px 14px;
	text-decoration:none;
	top:5px;
	width:auto;
	z-index:100000
/* Above WP toolbar */
}

/*--------------------------------------------------------------7.0 Alignments--------------------------------------------------------------*/
.alignleft {
	display:inline;
	float:left;
	margin-right:1.5em
}

.alignright {
	display:inline;
	float:right;
	margin-left:1.5em
}

.aligncenter {
	clear:both;
	display:block;
	margin:0 auto
}

/*--------------------------------------------------------------8.0 Clearings--------------------------------------------------------------*/
.clear:before,.clear:after,.entry-content:before,.entry-content:after,.comment-content:before,.comment-content:after,.site-header:before,.site-header:after,.site-content:before,.site-content:after,.site-footer:before,.site-footer:after {
	content:"";
	display:table
}

.clear:after,.entry-content:after,.comment-content:after,.site-header:after,.site-content:after,.site-footer:after {
	clear:both
}

/*--------------------------------------------------------------9.0 Widgets--------------------------------------------------------------*/
.widget {
	margin:0 0 1.5em
}

.widget-area {
	width:30%;
	float:right;
	background: #333;
	padding:8% 3%;
}

.widget-area ul{
	margin-left:20px;
	
	}

.widget a {
	color:#CCC
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width:100%
}

.widget-area input[type="search"] {
	
	width: 80%;
  margin-top: 50px;
  letter-spacing: 1px;
  background: black;
	
	
	}

/*--------------------------------------------------------------10.0 Content--------------------------------------------------------------*/
/*--------------------------------------------------------------10.1 Posts and pages--------------------------------------------------------------*/
.hentry {
	margin:0 0 1.5em
}

.byline,.updated:not(.published) {
	display:none
}


.single .byline,.group-blog .byline {
	display:inline
}

.page-content {
	min-height:500px;
	padding:100px!important
}



.page .content-area{
	padding:8% 8% 2% 8%;
	clear:both;
}

.page-header {
	margin:100px 0 0;
	text-align:center
}

.page-content,.entry-content,.entry-summary {
	margin:0
}

.page-links {
	clear:both;
	margin:0 0 1.5em
}

.post-list h2 {
	text-align:center;
	padding-top:20px;
	padding-left:80px;
	padding-right:80px;
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-ms-transition:all .4s ease;
	-o-transition:all .4s ease;
	transition:all .4s ease
}

.post-list h2:hover {
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-ms-transition:all .4s ease;
	-o-transition:all .4s ease;
	transition:all .4s ease
}

.post-list .entry-content {
	width:70%;
	margin-left:auto;
	margin-right:auto;
	margin-top:-20px;
	text-align:center
}

.fa-search {
	text-align:center;
	margin:auto;
	margin-top:20px;
	width:100%
}

.post-list i {
	font-size:20px;
	margin-bottom:40px;
	color:#F6429F;
	display:inline;
}

.post-list-icons{
	text-align:center;
	padding: 20px 0 40px 0;
}

.post-list-icons a{
	
	padding:10px;
	margin-bottom:20px;
}

.post-list img {
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:40px
}

.post-list hr {
	margin-bottom:60px;
	color:#F5F5F5;
	background-color:#F5F5F5;
	height:1px;
	width:70%
}

.post-list .cats {
	text-align:center;
	padding-bottom:40px
}

.post-list .cats a {
	font-size:11px;
	color:#CCC
}

.post-list>.cats a {
	display:inline;
	text-align:center
}

.post-list>.cats {
	font-size:10px;
	color:#CCC
}

.post-list>.entry-meta>.posted-on a {
	text-align:center;
	width:100%;
	float:right;
	margin-top:40px;
	font-size:10px;
	color:#CCC
}

.blog-container .cats a {
	font-size:12px;
	color:#666
}

.blog-container>.cats a {
	display:none;
	text-align:center
}

.blog-container .entry-meta {
	display:none;
	font-size:12px;
	color:#666;
	text-align:right;
	margin:0
}

.blog-container>.cats {
	display:none;
	font-size:12px;
	color:#666;
	float:left;
	margin:0
}

.blog-container a {
	font-size:12px;
	color:#666
}

.blog-container a:hover {
	font-size:12px;
	color:#F6429F
}

.comments-area {
	padding:0;
	margin-top:80px
}

.comments-area ul{
	list-style:none;
	
}

.comments-title,.commentlist {
	background-color:#F5F5F5
}

.commentlist {
	margin-bottom:70px;
	background:#5A5A5A
}

.comment {
	background:#282828;
	padding:40px 10%
}

.comment:nth-child(even) {
	background:#282828
}

.comment:nth-child(odd) {
	background:#454545
}

.reply {
	float:right
}

.comment-meta {
	float:right;
	margin-bottom:20px
}

.comments-title {
	padding:40px 20px;
	background:#272727
}

.comment-count {
	display:imline
}

.social a {
	font-size:13px;
	color:#fff
}

.social a:hover {
	font-size:13px;
	color:#F6429F
}

.comment-count h3 {
	font-size:11px;
	text-align:center
}

#clearfix {
	clear:both
}

.comment-author img {
	float:left;
	height:70px;
	width:70px;
	margin-right:30px
}

.comment-content {
	width:90%;
	display:inline-block
}

.comment-respond {
	padding:50px 0
}

.comment-author {
	display:inline;
	float:left;
	font-size:12px
}

.comment-author,.comment-author a {
	color:#666;
	font-size:14px;
	margin-bottom:10px
}

.comment-metadata {
	float:right
}

.says {
	display:none
}

.comment-left {
	width:10%;
	float:left
}

.comment-right {
	width:90%;
	float:right
}

.comment-right p {
	margin-top:10px
}

.comment-meta a {
	color:#999;
	font-size:10px
}

.form-allowed-tags {
	display:none
}

.comment-form,.comment-reply-title,.contactus,.respond h2,.respond p {
	text-align:center
}

.comment-form textarea,.comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"],.comment-form input[type="password"],input[type="search"] {
	width:70%;
	letter-spacing:1px;
	background:black;
}

.blog-header-info-container {
	width:100%;
	height:80%;
	padding:17% 15% 5%
}

.blog-info-left {
	float:left;
	width:50%;
	text-align:right;
	padding-right:20px
}

.blog-info-left h1 {
	color:#fff;
	text-transform:uppercase;
	font-size:4rem
}

.blog-info-right {
	float:right;
	width:50%;
	padding-left:20px
}

.blog-info-right .cats a {
	font-size:1.2rem;
	font-family:"Raleway";
	font-style:italic;
	color:#f6429f
}

.blog-info-right hr {
	margin:20px 95% 20px 0;
	height:1px;
	border:0;
	background:#646464
}

.blog-header-bottom-container {
	height:75px;
	position:absolute;
	right:100px
}

.blog-info-bottom-left {
	float:left;
	width:75px;
	height:75px;
	background-color:rgba(255,255,255,0.05)
}

.blog-info-bottom-left-sticky {
	float:left;
	width:75px;
	height:75px;
	background-color:rgba(255,255,255,0.08);
	line-height:75px;
	text-align:center;
	font-size:20px;
	color:#999;
}

.blog-info-bottom-left .month {
	font-style:italic;
	font-size:12px;
	padding-top:20px;
	display:block;
	text-transform:uppercase;
	text-align:center
}

.blog-info-bottom-left .date {
	color:#fff;
	font-size:10px;
	color:#CCC;
	display:block;
	text-align:center
}

.blog-info-bottom-right {
	float:right;
	width:75px;
	height:75px;
	line-height:75px;
	text-align:center;
	font-size:28px;
	color:#999;
	background-color:rgba(0,0,0,0.3);
	cursor:pointer;
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-ms-transition:all .4s ease;
	-o-transition:all .4s ease;
	transition:all .4s ease
}

.blog-info-bottom-right:hover {
	background-color:rgba(0,0,0,0.9);
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-ms-transition:all .4s ease;
	-o-transition:all .4s ease;
	transition:all .4s ease
}

.blog-info-bottom-right .cats {
	font-size:1.2rem;
	font-family:"Raleway";
	font-style:italic
}

.blog-info-bottom-right hr {
	margin:20px 95% 20px 0;
	height:1px;
	border:0;
	background:#646464
}

.blog-info-bottom-rating {
	float:right;
	width:75px;
	height:75px;
	text-align:center;
	font-size:8px;
	color:#999;
	background-color:rgba(255,255,255,0.1);
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-ms-transition:all .4s ease;
	-o-transition:all .4s ease;
	transition:all .4s ease
}

.blog-info-bottom-rating:hover {
	background-color:rgba(255,255,255,0.2);
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-ms-transition:all .4s ease;
	-o-transition:all .4s ease;
	transition:all .4s ease
}

.cat-links{
	
	display: block;
	
}


/*--------------------------------------------------------------10.2 Asides--------------------------------------------------------------*/
.blog .format-aside .entry-title,.archive .format-aside .entry-title,.entry-title {
	
}



.entry-footer {
	display:none;
}

.page .entry-footer, .hentry .entry-footer{
	display:block;
	padding: 0 8%;
}

.entry-footer, .entry-footer a, .entry-footer a:hover{
	font-size:11px;
	
	}


/*--------------------------------------------------------------10.3 Comments--------------------------------------------------------------*/
.comment-content a {
	word-wrap:break-word
}

.bypostauthor {
	display:block
}

/*--------------------------------------------------------------11.0 Infinite scroll--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation,/* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer {
/* Theme Footer (when set to scrolling) */
	display:none
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
	display:block
}

/*--------------------------------------------------------------12.0 Media--------------------------------------------------------------*/
.page-content img.wp-smiley,.entry-content img.wp-smiley,.comment-content img.wp-smiley {
	border:none;
	margin-bottom:0;
	margin-top:0;
	padding:0
}

/* Make sure embeds and iframes fit their containers */
embed,iframe,object {
	max-width:100%
}

/*--------------------------------------------------------------12.1 Captions--------------------------------------------------------------*/
.wp-caption {
	margin-bottom:1.5em;
	max-width:100%
}

.wp-caption img[class*="wp-image-"] {
	display:block;
	margin:0 auto
}

.wp-caption-text {
	text-align:center
}

.wp-caption .wp-caption-text {
	margin:.8075em 0
}

/*--------------------------------------------------------------12.2 Galleries--------------------------------------------------------------*/
.gallery {
	margin-bottom:1.5em
}

.gallery-item {
	display:inline-block;
	text-align:center;
	vertical-align:top;
	width:100%
}

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

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

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

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

.gallery-columns-6 .gallery-item {
	max-width:10.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-caption {
	display:block
}

/*--------------------------------------------------------------13.0 Layout--------------------------------------------------------------*/
.site-content {
	padding:0;
	background:#201E1F
}

.leftside{
	width:70%!important;
	float:left;
	
	}

.site-footer {
	margin-top:-50px;
	height:50px;
	width:calc(100%-100px);
	background:rgba(0,0,0,0.35);
	position:relative
}

.site-header {
	z-index:100;
	text-align:center;
	width:100%
}

.logomobile {
        display:none

}

.logomobile img {
	display:none
}

/*--------------------------------------------------------------14.0 Responsive Specific--------------------------------------------------------------*/
@media only screen and (min-width:0px) and (max-width:679px) {
.site-header {
	position:absolute
}

.social-block {
	display:none
}

.vcs-info-block-container,.vcs-image-block {
	width:100%
}

.post-list .entry-content {
	width:80%
}

.full-nav ul li {
	display:block
}

.scrolltotop.sticky {
	opacity:0
}

.demo_changer {
	display:none
}

.lucid-menu-toggle-mobile {
	display:block
}

.lucid-menu-toggle-small,.frame-toggle,.lucid-menu-toggle-side {
	display:none
}
}

@media only screen and (min-width:0px) and (max-width:500px) {
.site-content {
	padding:0
}

.avatar {
	display:none
}

p {
	padding:10px
	
}

.overlay {
	display:none;
}





.vcs-image-block,.vcs-info-block-container {
	width:100%!important
}
}


@media only screen and (max-width:768px) {
.nav_side {
	display:none
}

.page .content-area{
	padding-top:30%;
	clear:both;
}

.height400 {
	height:100%!important;
}

.logo img {
	float:none;
	/*margin:0 0 0 30px;*/
        margin:0px auto;
	padding:0
}



}

@media only screen and (max-width:480px) {
.footer-left,.footer-middle,.footer-right {
	width:100%!important
}

.top-links ul {
	display:block;
	background:#000;
	width:100%
}

.top-links ul li {
	display:block;
	background:#000;
	width:100%
}

.logo img,.video-icon,.fullviewport,.cover {
	display:none
}
.logomobile {
        display:block!important;
        background:#000;
position:fixed;
width:100%;

}
.logomobile img {
        display:block!important;
	float:none;
	/*margin:0 0 0 30px;*/
        margin:0px auto;
	padding:0;
        width:30%!important;

}
.page .content-area{
	padding-top:10%;
	clear:both;
}
}

@media screen and (max-width:63.125em) {
.dragslider h2 {
	font-size:2.8em
}

.pages .content {
	font-size:100%
}

.pages .content h2 {
	font-size:3em
}
}

@media screen and (max-width:650px) {
button.slider-switch {
	display:none
}
}

/*--------------------------------------------------------------15.0 Visual Composer Elements--------------------------------------------------------------*/
.flexslider {
	border:0!important;
	-webkit-box-shadow:none!important;
	-moz-box-shadow:none!important;
	box-shadow:none!important;
	margin:0!important
}

.flexslider .slides img {
	height:100%;
	width:100%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:50% 50%
}

.flex-next {
	opacity:.3;
	display:none!important;
	right:0!important;
	bottom:0!important;
	background:#FFF
}

.flex-prev {
	display:none!important;
	opacity:.3;
	left:0!important;
	background:#FFF
}

.flexslider:hover .flex-next {
	opacity:.3;
	right:0!important;
	background:#FFF
}

.flexslider:hover .flex-prev {
	opacity:.3;
	left:0!important;
	background:#FFF
}

.flex-direction-nav a {
	width:60px!important;
	height:60px!important;
	padding:20px;
	font-size:0
}

.flex-direction-nav a:before {
	font-size:24px!important
}

.flex-direction-nav:hover a:before {
	color:#F6429F
}

.flex-control-paging {
	display:none!important
}

.vc_row {
	margin-top:0!important;
	padding-bottom:0!important;
	height:100%
}

.wpb_row{margin:0!important;}

.wpb_column {
	padding:0!important
}

.imagetile-overlay {
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.3);
	border:15px solid rgba(0,0,0,0.3);
	opacity:0;
	-webkit-transition:all .4s 0 ease;
	-moz-transition:all .4s 0 ease;
	-ms-transition:all .4s 0 ease;
	-o-transition:all .4s 0 ease;
	transition:all .4s 0 ease
}

.post-image-tile-container:hover .imagetile-overlay {
	opacity:1;
	-webkit-transition:all .4s 0 ease;
	-moz-transition:all .4s 0 ease;
	-ms-transition:all .4s 0 ease;
	-o-transition:all .4s 0 ease;
	transition:all .4s 0 ease
}

.imagetile2-container {
	position:relative;
	overflow:hidden
}

.imagetile2-container img.wide {
	height:100%;
	width:auto
}

.imagetile2-container img.tall {
	width:100%;
	height:auto
}

.imagetile2-overlay {
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	border:15px solid rgba(0,0,0,0.3);
	opacity:0;
	-webkit-transition:all .4s 0 ease;
	-moz-transition:all .4s 0 ease;
	-ms-transition:all .4s 0 ease;
	-o-transition:all .4s 0 ease;
	transition:all .4s 0 ease;
	position:absolute;
	top:0;
	left:0
}

.imagetile2-container:hover .imagetile2-overlay {
	opacity:1;
	-webkit-transition:all .4s 0 ease;
	-moz-transition:all .4s 0 ease;
	-ms-transition:all .4s 0 ease;
	-o-transition:all .4s 0 ease;
	transition:all .4s 0 ease
}

.imagetile2-data {
	padding:10px;
	background:rgba(0,0,0,0.1);
	opacity:1;
	-webkit-transition:all .5s 0 cubic-bezier(0.835,0,0.19,1);
	-moz-transition:all .5s 0 cubic-bezier(0.835,0,0.19,1);
	-ms-transition:all .5s 0 cubic-bezier(0.835,0,0.19,1);
	transition:all .5s 0 cubic-bezier(0.835,0,0.19,1);
	position:absolute;
	top:20px;
	transform:translateX(-100%)
}

.imagetile2-container:hover .imagetile2-data {
	opacity:1;
	-webkit-transition:all .5s 0 cubic-bezier(0.835,0,0.19,1);
	-moz-transition:all .5s 0 cubic-bezier(0.835,0,0.19,1);
	-ms-transition:all .5s 0 cubic-bezier(0.835,0,0.19,1);
	transition:all .5s 0 cubic-bezier(0.835,0,0.19,1);
	top:20px;
	transform:translateX(20px)
}

.imagetile2-data2 {
	width:60px;
	height:60px;
	background:rgba(0,0,0,0.4);
	opacity:1;
	-webkit-transition:all .5s .3s cubic-bezier(0.835,0,0.19,1);
	-moz-transition:all .5s .3s cubic-bezier(0.835,0,0.19,1);
	transition:all .5s .3s cubic-bezier(0.835,0,0.19,1);
	position:absolute;
	top:100px;
	transform:translateX(-100%)
}

.imagetile2-container:hover .imagetile2-data2 {
	opacity:1;
	-webkit-transition:all .5s .3s cubic-bezier(0.835,0,0.19,1);
	-moz-transition:all .5s .3s cubic-bezier(0.835,0,0.19,1);
	transition:all .5s .3s cubic-bezier(0.835,0,0.19,1);
	top:100px;
	transform:translateX(20px)
}

.imagetile2-container .month {
	font-style:italic;
	font-size:12px;
	padding-top:12px;
	display:block;
	text-transform:uppercase;
	text-align:center
}

.imagetile2-container .date {
	color:#fff;
	font-size:12px;
	color:#CCC;
	display:block;
	text-align:center
}

.post-image-tile-container a {
	font-family:Raleway;
	font-weight:200;
	text-decoration:none
}

.imagetile-icon {
	position:absolute;
	left:44%;
	top:44%;
	width:40px;
	height:40px;
	border-radius:50%;
	border:1px solid #fff;
	opacity:1;
	-webkit-transition:all .4s 0 ease;
	-moz-transition:all .4s 0 ease;
	-ms-transition:all .4s 0 ease;
	-o-transition:all .4s 0 ease;
	transition:all .4s 0 ease;
	z-index:1
}

.post-image-tile-container:hover .imagetile-icon {
	background:rgba(255,255,255,0.15)
}

.imagetile-icon:before {
	position:absolute;
	content:'+';
	color:#fff;
	font-size:44px;
	font-weight:200!important;
	top:8px;
	left:10px;
	-webkit-transition:all .4s 0 ease;
	-moz-transition:all .4s 0 ease;
	-ms-transition:all .4s 0 ease;
	-o-transition:all .4s 0 ease;
	transition:all .4s 0 ease
}

.post-image-tile-container:hover .imagetile-icon:before {
/* Safari */
	-webkit-transform:rotate(-360deg);
/* Firefox */
	-moz-transform:rotate(-360deg);
/* IE */
	-ms-transform:rotate(-360deg);
/* Opera */
	-o-transform:rotate(-360deg);
	-webkit-transition:all .4s 0 ease;
	-moz-transition:all .4s 0 ease;
	-ms-transition:all .4s 0 ease;
	-o-transition:all .4s 0 ease;
	transition:all .4s 0 ease
}

.site-footer h3 {
	font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-weight:500;
	font-size:11px;
	color:#CCC;
	letter-spacing:4px;
	text-transform:uppercase;
	text-align:center;
	line-height:50px;
	margin:0!important
}

.post-text-tile-container,.post-text-tile-container-light {
	padding:20% 15% 25%;
	text-align:center;
	-webkit-transition:all .4s 0 ease;
	-moz-transition:all .4s 0 ease;
	-ms-transition:all .4s 0 ease;
	-o-transition:all .4s 0 ease;
	transition:all .4s 0 ease
}

.newsletter-tile-container {
	padding:15% 15% 20%;
	text-align:center;
	-webkit-transition:all .4s 0 ease;
	-moz-transition:all .4s 0 ease;
	-ms-transition:all .4s 0 ease;
	-o-transition:all .4s 0 ease;
	transition:all .4s 0 ease
}

.post-text-tile-container:hover,.post-text-tile-container-light:hover {
	padding:20% 15% 25%;
	text-align:center;
	-webkit-transition:all .4s 0 ease;
	-moz-transition:all .4s 0 ease;
	-ms-transition:all .4s 0 ease;
	-o-transition:all .4s 0 ease;
	transition:all .4s 0 ease
}

.post-text-tile-container a,.post-text-tile-container-light a {
	display:block;
	margin-top:20px;
	font-family:Raleway;
	text-transform:uppercase;
	line-height:24px;
	word-spacing:0;
	letter-spacing:4px;
	font-weight:700;
	font-style:normal;
	color:#e5e5e5;
	font-size:12px;
	position:relative;
	text-decoration:none;
}

.post-text-tile-container a:before {
	content:"";
	position:absolute;
	width:100px;
	height:1px;
	bottom:-6px;
	background-color:#fff;
	visibility:hidden;
	-webkit-transform:scaleX(0);
	-ms-transform:scaleX(0);
	transform:scaleX(0);
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-ms-transition:all .4s ease;
	-o-transition:all .4s ease;
	transition:all .4s ease;

	
}

.post-text-tile-container-light a:before {
	content:"";
	position:absolute;
	width:100px;
	height:1px;
	bottom:-6px;
	background-color:#000;
	visibility:hidden;
	-webkit-transform:scaleX(0);
	-ms-transform:scaleX(0);
	transform:scaleX(0);
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-ms-transition:all .4s ease;
	-o-transition:all .4s ease;
	transition:all .4s ease;

	
}

.post-text-tile-container:hover a:before,.post-text-tile-container-light:hover a:before {
	visibility:visible;
	-webkit-transform:scaleX(1);
	transform:scaleX(1);
	-ms-transform:scaleX(1);
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-ms-transition:all .4s ease;
	-o-transition:all .4s ease;
	transition:all .4s ease
}

/*--------------------------------------------------------------16.0 Misc--------------------------------------------------------------*/

.padded {
	padding-top:100px;
	margin-bottom: -62px;
}

.dark-overlay {
	width:100%;
	height:100%;
	z-index:10;
	background-color:rgba(0,0,0,0.66)
}

.dark-overlay-footer {
	width:100%;
	height:100%;
	z-index:10;
	background-color:rgba(0,0,0,0.8);
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-ms-transition:all .4s ease;
	-o-transition:all .4s ease;
	transition:all .4s ease
}

.dark-overlay-footer:hover {
	width:100%;
	height:100%;
	z-index:10;
	background-color:rgba(0,0,0,0.7);
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-ms-transition:all .4s ease;
	-o-transition:all .4s ease;
	transition:all .4s ease
}


.portfolio-rating {
	position:relative;
	bottom:180px;
	left:85%;
/* right:80px;*/
	width:75px;
	height:75px;
	text-align:center;
	font-size:8px;
	color:#999;
	background-color:rgba(255,255,255,0.1);
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-ms-transition:all .4s ease;
	-o-transition:all .4s ease;
	transition:all .4s ease
}

.portfolio-rating:hover {
	background-color:rgba(255,255,255,0.2);
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-ms-transition:all .4s ease;
	-o-transition:all .4s ease;
	transition:all .4s ease
}

.burg {
	display:block;
	height:2px;
	width:16px;
	text-align:left;
	background:#fff;
	position:relative;
	-moz-transition:.2s;
	-ms-transition:.2s;
	-o-transition:.2s;
	-webkit-transition:.2s;
	transition:.2s
}

.burg:before {
	content:'';
	position:absolute;
	top:-6px;
	width:16px;
	height:2px;
	background:#fff;
	-moz-transition:.2s;
	-ms-transition:.2s;
	-o-transition:.2s;
	-webkit-transition:.2s;
	transition:.2s
}

.burg:after {
	content:'';
	position:absolute;
	top:6px;
	width:16px;
	height:2px;
	background:#fff;
	-moz-transition:.2s;
	-ms-transition:.2s;
	-o-transition:.2s;
	-webkit-transition:.2s;
	transition:.2s
}

.activeBurg {
	background:transparent
}

.activeBurg:before {
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	top:0
}

.activeBurg:after {
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	top:0
}

#menu-trigger {
	z-index:200000;
	position:fixed;
	top:0;
	right:0;
	width:50px;
	line-height:50px;
	height:50px;
	cursor:pointer;
	padding:23px 17px
}

.fullscreen_content {
	bottom:0;
	height:100%;
	left:0;
	width:100%;
	position:absolute!important;
	z-index:1000
}

.footer-middle {
	float:left;
	width:calc(100%/3);
	height:400px;
	background: #191919;
}

.footer-middle h4 {
	padding:40% 0 20px;
	display:block;
	text-align:center;
	font-size:11px;
	text-transform:uppercase;
	font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-weight:500;
	color:#F6429F!important;
	letter-spacing:2px
}

.footer-middle .social {
	padding:0;
	display:block;
	text-align:center;
	font-size:15px;
	text-transform:uppercase;
	font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-weight:500;
	letter-spacing:2px
}

.footer-middle .social i {
	padding:10px;
	background-color:rgba(0,0,0,0.05);
	width:35px;
	heiht:50px;
	border-radius:50%;
	-moz-transition:.6s;
	-o-transition:.6s;
	-webkit-transition:.6s;
	transition:.6s
}

.footer-middle .social i:hover {
	padding:10px;
	background-color:rgba(0,0,0,0.5);
	width:35px;
	heiht:50px;
	border-radius:50%;
	-moz-transition:.6s;
	-o-transition:.6s;
	-webkit-transition:.6s;
	transition:.6s;
	cursor:pointer
}

.footer-nav-left h4 {
	padding:40% 20px 20px 80px;
	display:block;
	font-size:11px;
	text-transform:uppercase;
	font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-weight:500;
	color:#F6429F!important;
	letter-spacing:2px
}

.footer-nav-right h4 {
	padding:40% 80px 20px 20px;
	text-align:right;
	display:block;
	font-size:11px;
	text-transform:uppercase;
	font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-weight:500;
	color:#F6429F!important;
	letter-spacing:2px
}

.footer-nav-title-left {
	padding:0 40px 0 80px;
	color:#CCC;
	display:block;
	font-size:11px;
	text-transform:uppercase;
	font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-weight:500;
	letter-spacing:1.3px
}

.footer-nav-title-right {
	padding:0 80px 0 40px;
	color:#CCC;
	display:block;
	font-size:11px;
	text-transform:uppercase;
	font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-weight:500;
	text-align:right;
	letter-spacing:1.3px
}

.post-navigation {
	display:none
}

.kenburns {
	overflow:hidden
}

.kenburns img {
	transform:scale(1.1) rotate(0.1deg);
	transform-origin:20% 80%;
	transition:transform 2s linear
}

.kenburns img.zoom {
	transform:scale(1.16) rotate(0.1deg)
}

.fullviewport {
	height:100vh!important;
	overflow:hidden;
	-webkit-transition:all .4s .3s ease;
	-moz-transition:all .4s .3s ease;
	-ms-transition:all .4s .3s ease;
	transition:all .4s .3s ease
}

.fullviewport h3 {
	margin:0
}

.animation1 {
	-webkit-transform:scaleY(0.000001);
	-moz-transform:scaleY(0.000001);
	-ms-transform:scaleY(0.000001);
	-o-transform:scaleY(0.000001);
	opacity:0;
	-webkit-transition:all .4s 0 ease;
	-moz-transition:all .4s 0 ease;
	-ms-transition:all .4s 0 ease;
	-o-transition:all .4s 0 ease;
	transition:all .4s 0 ease
}

.animation2 {
	-webkit-transform:scaleX(0.000001);
	-moz-transform:scaleX(0.000001);
	-ms-transform:scaleX(0.000001);
	-o-transform:scaleX(0.000001);
	opacity:0;
	-webkit-transition:all .4s 0 ease;
	-moz-transition:all .4s 0 ease;
	-ms-transition:all .4s 0 ease;
	-o-transition:all .4s 0 ease;
	transition:all .4s 0 ease
}

.animation3 {
	-ms-transform:translate(0px,-30px);
/* IE 9 */
	-moz-transform:translate(0px,-30px);
	-webkit-transform:translate(0px,-30px);
/* Chrome,Safari,Opera */
	transform:translate(0px,-30px);
/* Standard syntax */
	opacity:0;
	-webkit-transition:all 1s 2s ease;
	-moz-transition:all 1s 2s ease;
	-ms-transition:all 1s 2s ease;
	transition:all 1s 2s ease
}

.animation4 {
	-ms-transform:translate(0px,-30px);
/* IE 9 */
	-moz-transform:translate(0px,-30px);
	-webkit-transform:translate(0px,-30px);
/* Chrome,Safari,Opera */
	transform:translate(0px,-30px);
/* Standard syntax */
	opacity:0;
	-webkit-transition:all 1s 2.6s ease;
	-moz-transition:all 1s 2.6s ease;
	-ms-transition:all 1s 2.6s ease;
	transition:all 1s 2.6s ease
}

.anim1 {
	-webkit-transform:scaleY(1.0);
	-moz-transform:scaleY(1.0);
	-ms-transform:scaleY(1.0);
	-o-transform:scaleY(1.0);
	opacity:1;
	-webkit-transition:all .4s .3s ease;
	-moz-transition:all .4s .3s ease;
	-ms-transition:all .4s .3s ease;
	transition:all .4s .3s ease
}

.anim2 {
	-webkit-transform:scaleX(1.0);
	-moz-transform:scaleX(1.0);
	-ms-transform:scaleX(1.0);
	-o-transform:scaleX(1.0);
	opacity:1;
	-webkit-transition:all .4s .3s ease;
	-moz-transition:all .4s .3s ease;
	-ms-transition:all .4s .3s ease;
	transition:all .4s .3s ease
}

.anim3 {
	-ms-transform:translate(0px,0px);
/* IE 9 */
	-webkit-transform:translate(0px,0px);
/* Chrome,Safari,Opera */
	-moz-transform:translate(0px,0px);
	transform:translate(0px,0px);
/* Standard syntax */
	opacity:1;
	-webkit-transition:all 1s 2s ease;
	-moz-transition:all 1s 2s ease;
	-ms-transition:all 1s 2s ease;
	transition:all 1s 2s ease
}

.anim4 {
	-ms-transform:translate(0px,0px);
/* IE 9 */
	-webkit-transform:translate(0px,0px);
/* Chrome,Safari,Opera */
	-moz-transform:translate(0px,0px);
	transform:translate(0px,0px);
/* Standard syntax */
	opacity:1;
	-webkit-transition:all 1s 2.6s ease;
	-moz-transition:all 1s 2.6s ease;
	-ms-transition:all 1s 2.6s ease;
	transition:all 1s 2.6s ease
}

.wpb_content_element {
	margin-bottom:-6px!important
}

.fixedbackground {
	background-attachment:fixed!important
}

.pushback {
	-webkit-transform:translateY(-50%) scale(0.1);
	transform:translateY(-50%) scale(0.1);
	-webkit-transition-timing-function:cubic-bezier(0.7,0,0.3,1);
	transition-timing-function:cubic-bezier(0.7,0,0.3,1);
	-webkit-transition-duration:1s;
	transition-duration:1s
}

.intro-section .discover .ico {
	display:block;
	padding-top:20px;
	font-size:25px;
	color:rgba(255,255,255,0.5);
	-webkit-animation:scroll-vert 1.5s infinite;
	-moz-animation:scroll-vert 1.5s infinite;
	-o-animation:scroll-vert 1.5s infinite;
	animation:scroll-vert 1.5s infinite
}

.icon-arrow-scroll:before {
	content:"\e608"
}

.side-social {
	position:absolute;
	bottom:60px;
	left:15px
}

#home-icon {
	position:fixed;
	width:50px;
	height:50px;
	line-height:52px;
	z-index:22222222
}

#home-icon i {
	font-size:18px;
	color:#999;
	-webkit-transition:all .4s 0 ease;
	-moz-transition:all .4s 0 ease;
	-ms-transition:all .4s 0 ease;
	-o-transition:all .4s 0 ease;
	transition:all .4s 0 ease;
	cursor:pointer;
	z-index:222222222
}

#home-icon i:hover {
	color:#fff;
	-webkit-transition:all .4s 0 ease;
	-moz-transition:all .4s 0 ease;
	-ms-transition:all .4s 0 ease;
	-o-transition:all .4s 0 ease;
	transition:all .4s 0 ease
}

.side-social i {
	display:block;
	font-size:16px;
	margin-bottom:13px;
	margin-left:4px;
	color:#999;
	-webkit-transition:all .4s 0 ease;
	-moz-transition:all .4s 0 ease;
	-ms-transition:all .4s 0 ease;
	-o-transition:all .4s 0 ease;
	transition:all .4s 0 ease;
	cursor:pointer
}

.side-social i:hover {
	color:#fff;
	-webkit-transition:all .4s 0 ease;
	-moz-transition:all .4s 0 ease;
	-ms-transition:all .4s 0 ease;
	-o-transition:all .4s 0 ease;
	transition:all .4s 0 ease
}

@-webkit-keyframes scroll-vert {
from {
	margin-top:30px;
	opacity:1
}

to {
	margin-top:70px;
	opacity:0
}
}

@-moz-keyframes scroll-vert {
from {
	margin-top:30px;
	opacity:1
}

to {
	margin-top:70px;
	opacity:0
}
}

@keyframes scroll-vert {
from {
	margin-top:30px;
	opacity:1
}

to {
	margin-top:70px;
	opacity:0
}
}

.scroll-provoker {
	position:absolute;
	left:calc(50% - 30px);
	border-radius:50%;
	width:60px;
	height:60px;
	margin:auto;
	margin-top:20px;
	background-color:rgba(0,0,0,0.05);
	border-radius:50%;
	cursor:pointer;
	-webkit-animation:scroll-vert 1.5s infinite;
	-moz-animation:scroll-vert 1.5s infinite;
	-ms-animation:scroll-vert 1.5s infinite;
	-o-animation:scroll-vert 1.5s infinite;
	animation:scroll-vert 1.5s infinite
}

.scroll-provoker i {
	font-size:30px;
	color:#fff;
	padding-top:15px
}

@-webkit-keyframes scroll-provoker {
from {
	margin-top:0;
	opacity:1
}

to {
	margin-top:30px;
	opacity:0
}
}

@-moz-keyframes scroll-provoker {
from {
	margin-top:0;
	opacity:1
}

to {
	margin-top:30px;
	opacity:0
}
}

@keyframes scroll-provoker {
from {
	margin-top:0;
	opacity:1
}

to {
	margin-top:30px;
	opacity:0
}
}





.meta-nav {
	display:none
}

/* Masonry Custom CSS */
/* Masonry container */
body.blog div#content,.masonry div#content {
	-moz-column-count:3;
	-webkit-column-count:3;
	column-count:3;
	-moz-column-gap:1em;
	-webkit-column-gap:1em;
	column-gap:1em
}

/* Masonry bricks or child elements */
body.blog article,.masonry article {
	background-color:#444;
	display:inline-block;
	margin:0 0 1em;
	padding:1em;
	width:100%
}


.masonry .archive-header,body.blog .paging-navigation,.masonry .paging-navigation {
	-webkit-column-span:all;
	column-span:all
}

@media only screen and (max-width:1024px) {
body.blog div#content,.masonry div#content {
/* Masonry container */
	-moz-column-count:3;
	-webkit-column-count:3;
	column-count:3
}
}

@media only screen and (max-device-width:1024px) and (orientation:portrait) {
body.blog div#content,.masonry div#content {
/* Masonry container */
	-moz-column-count:2;
	-webkit-column-count:2;
	column-count:2
}
}

@media only screen and (max-width:768px) {
body.blog div#content,.masonry div#content {
/* Masonry container */
	-moz-column-count:2;
	-webkit-column-count:2;
	column-count:2
}
}

@media only screen and (max-width:480px) {
body.blog div#content,.masonry div#content {
/* Masonry container */
	-moz-column-count:1;
	-webkit-column-count:1;
	column-count:1
}
}

.entry-meta {
	text-align:center
}

.tile-input {
	width:100%;
	margin-top:30px!important;
	font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-weight:500;
	font-size:8px;
	color:#CCC;
	letter-spacing:4px;
	text-transform:uppercase;
	text-align:center;
	line-height:40px
}

video#bgvid {
	opacity:1;
	position:absolute;
	top:50%;
	left:50%;
	min-width:100%;
	min-height:100%;
	width:auto;
	height:auto;
	z-index:3!important;
	transform:translateX(-50%) translateY(-50%);
	z-index:0;
	-webkit-transition:all 1s 0 ease;
	-moz-transition:all 1s 0 ease;
	transition:all 1s 0 ease
}

video#bgvid.hidden {
	opacity:0;
	-webkit-transition:all 1s 0 ease;
	-moz-transition:all 1s 0 ease;
	transition:all 1s 0 ease
}

.control {
	position:absolute;
	top:75%;
	width:100%;
	margin:auto;
	text-align:center;
	opacity:1;
	z-index:6;
	-webkit-transition:all 1s 0 ease;
	-moz-transition:all 1s 0 ease;
	transition:all 1s 0 ease
}

.control.hidden {
	position:relative;
	top:75%;
/* width:100%;*/
/* margin:auto;*/
	text-align:center;
	opacity:0;
	-webkit-transition:all 1s 0 ease;
	-moz-transition:all 1s 0 ease;
	transition:all 1s 0 ease
}

#seek-bar {
	-webkit-appearance:none;
	background-color:#fff;
	background-color:rgba(255,255,255,0.2);
	cursor:w-resize;
	z-index:200;
	border:none;
	height:20px;
	width:70%
}

input[type='range']::-webkit-slider-thumb {
	-webkit-appearance:none!important;
	background-color:rgba(255,255,255,0.3);
	height:20px;
	width:50px
}

:focus {
	outline:0
}

.stop {
	display:inline-block;
	width:0!important;
	height:0!important;
	border-top:10px solid #fff!important;
	border-left:10px solid #fff!important;
	border-bottom:10px solid #fff!important;
	border-right:10px solid #fff!important;
	margin-right:30px!important
}

.play {
	display:inline-block;
	width:0!important;
	height:0!important;
	border-top:10px solid transparent!important;
	border-left:20px solid #fff!important;
	border-bottom:10px solid transparent!important;
	margin-right:30px!important
}

.playtoggle {
	display:inline-block;
	width:40px
}

.video-icon {
	opacity:1;
	position:absolute;
	bottom:50px;
	left:100px;
	width:50px;
	height:50px;
	background-color:rgba(0,0,0,0.2);
	border-radius:50%;
	content:"\f03d"!important;
	font-family:FontAwesome;
	font-style:normal;
	font-weight:400;
	font-size:16px;
	line-height:50px;
	text-align:center;
	cursor:pointer;
	-webkit-transition:all .4s 0 ease;
	-moz-transition:all .4s 0 ease;
	-ms-transition:all .4s 0 ease;
	-o-transition:all .4s 0 ease;
	transition:all .4s 0 ease;
	z-index:8888
}

.video-icon:hover {
	opacity:1;
	position:absolute;
	bottom:50px;
	left:100px;
	width:50px;
	height:50px;
	background-color:rgba(0,0,0,0.4);
	border-radius:50%;
	content:"\f03d"!important;
	font-family:FontAwesome;
	font-style:normal;
	font-weight:400;
	font-size:16px;
	line-height:50px;
	text-align:center;
	cursor:pointer;
	-webkit-transition:all .4s 0 ease;
	-moz-transition:all .4s 0 ease;
	-ms-transition:all .4s 0 ease;
	-o-transition:all .4s 0 ease;
	transition:all .4s 0 ease
}

.video-icon.hidden {
	opacity:0;
	position:absolute;
	bottom:30px;
	left:100px;
	width:50px;
	height:50px;
	background-color:rgba(0,0,0,0.05);
	border-radius:50%;
	content:"\f03d"!important;
	font-family:FontAwesome;
	font-style:normal;
	font-weight:400;
	font-size:16px;
	line-height:50px;
	text-align:center;
	cursor:pointer;
	-webkit-transition:all .4s 0 ease;
	-moz-transition:all .4s 0 ease;
	-ms-transition:all .4s 0 ease;
	-o-transition:all .4s 0 ease;
	transition:all .4s 0 ease
}

.left-trigger {
	position:absolute!important;
	height:100%;
	width:50%;
	cursor:url(http://www.klixsjeans.com/lucid/wp-content/themes/lucid/assets/left-arrow.png),move!important;
	z-index:1
}

.right-trigger {
	position:absolute!important;
	left:50%;
	height:100%;
	width:50%;
	cursor:url(http://www.klixsjeans.com/lucid/wp-content/themes/lucid/assets/right-arrow.png),move!important;
	z-index:1
}

#image-carousel .handle .slide {
	float:left;
	position:relative;
	background-repeat:no-repeat;
	background-position:center center
}

.slide {
	height:100%;
	width:calc(100vw - 14px);
	float:left;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:50% 50%;
	-webkit-transition:width .4s 0 ease;
	-moz-transition:width .4s 0 ease;
	transition:width .4s 0 ease
}

.slide.mini {
	height:100%;
	width:370px;
	float:left;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:50% 50%;
	-webkit-transition:width .4s 0 ease;
	-moz-transition:width .4s 0 ease;
	transition:width .4s 0 ease
}

.handle {
	width:300%;
	height:100%!important;
	border-radius:0;
	-webkit-transition:margin .4s 0 ease,height .4s 0 ease;
	-moz-transition:margin .4s 0 ease,height .4s 0 ease;
	transition:margin .4s 0 ease,height .4s 0 ease
}

.handle.mini {
	margin-top:14%;
	width:100%;
	height:200px!important;
	border-radius:0;
	-webkit-transition:margin .4s 0 ease,height .4s 0 ease;
	-moz-transition:margin .4s 0 ease,height .4s 0 ease;
	transition:margin .4s 0 ease,height .4s 0 ease
}

#image-carousel {
	height:100vh!important;
	overflow:hidden;
	background:#000
}

.js .dragslider {
	top:0;
	left:0;
	width:100%;
	height:100%;
	-webkit-transition:-webkit-transform .6s cubic-bezier(.7,0,.3,1);
	transition:transform .6s cubic-bezier(.7,0,.3,1)
}

.dragslider.show-content {
	-webkit-transform:translate3d(0,-100%,0);
	transform:translate3d(0,-100%,0)
}

.dragslider h2 {
}

.no-js .dragslider h2 {
	padding:15px
}

.dragslider h2 span {
	display:block;
	font-size:27%;
	font-weight:300;
	padding-top:.2em
}

/* Switch button */
button.slider-switch {
	font-size:0;
	width:80px;
	height:80px;
	margin:60px 60px 0 0;
	padding:0;
	color:transparent;
	position:relative;
	border:none;
	background:url(assets/switchmin.svg) no-repeat center center;
	background-size:90%;
	float:right;
	outline:none;
	overflow:hidden;
	opacity:.7;
	-webkit-transition:opacity .3s;
	transition:opacity .3s;
	pointer-events:auto;
	z-index:999
}

.no-js button.slider-switch {
	display:none
}

button.slider-switch.view-maxi {
	background-image:url(assets/switchmax.svg)
}

button.slider-switch:hover {
	opacity:1
}

/* Dragger */
.img-dragger {
	position:relative;
	z-index:100
}

.js .img-dragger {
	position:absolute;
	width:100%;
	height:100%;
	top:50%;
	left:50%;
	-webkit-transform:translate3d(-50%,-50%,0);
	transform:translate3d(-50%,-50%,0);
	-webkit-transform-origin:0 0;
	transform-origin:0 0;
	background:#201E1F
}

.js .img-dragger-large {
	width:100%;
	height:100%
}

.js .img-dragger .handle {
	-webkit-transform-style:preserve-3d;
	transform-style:preserve-3d;
	white-space:nowrap;
	font-size:0
}

.no-js .img-dragger,.no-js .img-dragger .handle {
	height:auto;
	position:relative;
	text-align:center;
	font-size:0;
	clear:both;
	white-space:nowrap;
	overflow:auto
}

.no-js .img-dragger .handle {
	padding:40px 0 0
}

.img-dragger .slide {
	display:inline-block;
	position:relative;
	height:100%;
	font-size:16px;
	white-space:normal;
	cursor:-webkit-grab;
	cursor:-moz-grab;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	vertical-align:top
}

.no-js .img-dragger .slide {
	width:300px;
	font-size:7px;
	min-height:200px
}

.img-dragger .slide:active {
	cursor:-webkit-grabbing;
	cursor:-moz-grabbing
}

.img-wrap {
	position:absolute;
	width:100%;
	height:100%;
	overflow:hidden
}

.img-wrap img {
	width:100%;
	position:absolute;
	display:block;
	height:calc(100%+0.2px);
	opacity:1
}

@media screen and (min-aspect-ratio:1280850) {
.img-dragger .img-wrap img {
	width:calc(100%+0.2px);
	height:auto
}
}

.js .slide h2 {
	color:#fff;
	position:absolute;
	-webkit-transition:opacity .3s;
	transition:opacity .3s
}

.js .img-dragger-large .slide h2 {
	width:70%;
	left:15%;
	top:50%;
	-webkit-transform:translate3d(0,-50%,0);
	transform:translate3d(0,-50%,0)
}

.img-dragger-small .slide h2 {
	font-size:1.5em;
	padding-top:1em;
	top:100%;
	width:100%;
	text-align:center;
	color:#34495e;
	-webkit-animation:slideUpFade .4s .1s
}

@-webkit-keyframes slideUpFade {
from {
	opacity:0;
	-webkit-transform:translate3d(0,20px,0)
}

to {
	opacity:1;
	-webkit-transform:translate3d(0,0,0)
}
}

.img-dragger-small .slide h2 span {
	font-size:.35em
}

.img-dragger-small .slide.current h2 {
	color:#fff;
	-webkit-animation-delay:0;
	animation-delay:0;
	-webkit-transition:color 0.3s,opacity .3s;
	transition:color 0.3s,opacity .3s
}

.slide h2 i {
	font-style:normal;
	font-weight:400
}

button.content-switch {
	border:2px solid #fff;
	width:160px;
	text-indent:200%;
	overflow:hidden;
	white-space:nowrap;
	background:transparent;
	color:#fff;
	font-family:'Lato',sans-serif;
	position:absolute;
	cursor:pointer;
	top:100%;
	left:50%;
	-webkit-transform:translate3d(-50%,-200%,0);
	transform:translate3d(-50%,-200%,0);
	padding:1em 2em;
	font-size:.85em;
	line-height:1;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:400;
	outline:none;
	z-index:1000;
	opacity:.7;
	-webkit-transition:-webkit-transform .6s cubic-bezier(.7,0,.3,1),opacity 0.3s,color 0.3s,border-color .3s;
	transition:transform .6s cubic-bezier(.7,0,.3,1),opacity 0.3s,color 0.3s,border-color .3s
}

.no-js button.content-switch {
	display:none
}

button.content-switch:hover {
	opacity:1
}

button.content-switch::before {
	content:'\e097';
	font-family:'feathericons';
	speak:none;
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	text-indent:0;
	font-size:1.5em;
	line-height:.75;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}

.show-content .current button.content-switch {
	border-color:#c5d3d6;
	color:#c5d3d6;
	-webkit-transform:translate3d(-50%,100%,0);
	transform:translate3d(-50%,100%,0)
}

.show-content .current button.content-switch::before {
	content:'\e096'
}

/* Switch */
.switch-min .img-dragger-large .slide>:not(.img-wrap),.switch-max .img-dragger-small .slide>:not(.img-wrap) {
/* fade out everything except image */
	opacity:0;
	-webkit-transition:none;
	transition:none
}

.switch-min .img-dragger-large,.switch-max .img-dragger-small {
	-webkit-transition:-webkit-transform .6s cubic-bezier(.7,0,.3,1);
	transition:transform .6s cubic-bezier(.7,0,.3,1)
}

.img-dragger-small button.content-switch {
	opacity:0;
	pointer-events:none
}

/* Helper classes */
.no-transition {
	-webkit-transition:none!important;
	transition:none!important
}

.hide {
	opacity:0!important;
	pointer-events:none!important
}



.overlay {
	position:fixed;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.8);
	z-index:1000
}

.no-js .overlay,.overlay.hide {
	-webkit-transition:opacity 0.3s,visibility .3s;
	transition:opacity 0.3s,visibility .3s;
	visibility:hidden
}

.info {
	text-align:center;
	position:absolute;
	top:50%;
	left:0;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	text-transform:uppercase;
	font-weight:700;
	letter-spacing:1px;
	font-size:80%;
	width:100%
}

.info span {
	display:inline-block;
	width:180px;
	height:180px;
	padding:10px;
	margin:4px;
	text-align:center;
	vertical-align:top;
	background-size:75%;
	background-color:rgba(142,60,58,0.7);
	background-repeat:no-repeat;
	background-position:50% 85%
}

.info span.info-drag {
	background-image:url(assets/drag.svg)
}

.info span.info-keys {
	background-image:url(assets/keys.svg)
}

.info span.info-switch {
	background-image:url(assets/switchmin.svg);
	background-size:65%
}

.info button {
	border:2px solid #fff;
	background:transparent;
	color:#fff;
	font-weight:700;
	padding:1em 2em;
	letter-spacing:1px;
	text-transform:uppercase;
	display:block;
	margin:1em auto;
	opacity:.7;
	outline:none
}

.info button:hover {
	opacity:1
}

#slideshow {
	
	overflow:hidden
}

.gallery-container{
	height: calc( 100vh - 6px );
}

video {
	position:absolute!important;
	top:50%!important;
	left:50%!important;
	min-width:100%!important;
	min-height:100%!important;
	width:auto!important;
	height:auto!important;
	z-index:3!important;
	transform:translateX(-50%) translateY(-50%)!important;
	overflow:hidden!important
}

.pie {
	padding:10%;
}

.vc_pie_chart_value {
	
}

.height400 {
	height:400px
}

.wpcf7 input[type="text"],.wpcf7 input[type="email"],.wpcf7 textarea {
	width:100%
}

.wpcf7 input[type="submit"] {
	background:#fff;
	color:#000
}

.trans {
	background:rgba(0,0,0,0)
}

.thumbs-rating-container .thumbs-rating-down {
	display:none!important
}

.thumbs-rating-container .thumbs-rating-up {
	background:none;
	padding:0;
	font-size:12px;
	cursor:pointer
}

.thumbs-rating-container span:before {
	content:"\f164";
	margin-top:10px;
	font-size:20px;
	display:block;
	font-family:FontAwesome;
	color:#D5417B
}

.thumbs-rating-container .thumbs-rating-already-voted {
	display:none!important
}

.centered {
	margin: auto;
  position: absolute;
  width: 100%;
  text-align: center;
  top: 35%;
}

.footer-left,.footer-middle,.footer-right {
	display:block
}

.entry-meta a {
	color:#fff
}

.centered h3 {
	text-align:center
}

.fullscreen_content h2 {
	font-size:46px
}

.error {
	padding:5px 11px;
	border:1px solid red;
	color:red;
	border-radius:3px
}

.success {
	padding:5px 11px;
	border:1px solid green;
	color:green;
	border-radius:3px
}
.fa-search{display:none !important;}
.fa-video-camera{display:none !important;}

.titart{font-size:25px;}
.cover{display:none;}
.site-footer h3{font-size:9px !important;}
.site-footer{height: auto !important;}

.vc_custom_heading h4{min-height:75px;}

@media only screen and (min-width:0px) and (max-width:768px) {
	.vc_column_container>.vc_column-inner {
   margin-top:100px!important;
}
.vc_grid-filter-dropdown .vc_grid-styled-select select, .vc_grid-filter-select .vc_grid-styled-select select {
    color:black!important;
padding:10px!important;
}
}