/*
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;
	margin-bottom:10px
}

h3 {
	margin-bottom:12px;
	margin-top:12px;
	
}

p {
	
	margin-bottom:10px;
	
}

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:#dbbc77
}

.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%
}

/*--------------------------------------------------------------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;
	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
}
}

@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:100px;
	margin-bottom: -62px;
}

.dark-overlay {
	width:100%;
	height:100%;
	z-index:10;
	background-color:rgba(0,0,0,0.72)
}

.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:#dbbc77!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:#dbbc77!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:#dbbc77!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(/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(/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 {
	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 );
}

vvideo { /* RHE */
	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
}

/* RHE --------------------------------------------------------------------------------- */
html {overflow-y:scroll; background:#19242d;}
body {background:#19242d;}
body, p {font-size: 18px!important;}
.edit-link {display:none;}
.logo img {padding-top: 9px;}
.header-search {display:none;}
.fa-search {margin: 18px auto auto;}
.preloader {background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;}
.spinner {left:50%; margin-left:-15px;}
h2 {line-height: 42px!important;}

/* Top Menu */
.logoImage {display:none;}
.sterling-pacific {float:left; margin-left:70px; font-family:Raleway; font-size:15px; font-weight:600; letter-spacing:5px;}
.site-header {text-align:right; z-index: 10000;}
#home-icon {text-align:center!important;}
.top-links a {padding:0 15px;}
.top-links ul {padding-right:60px;}

/* Sidebars */
#home-icon i {padding-left:0px;}
#nav_left h3 {width:260px; font-family:Raleway,"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-weight:600; letter-spacing:3px; line-height:26px; margin-top:0px; top:calc(50% + 116px);
}
#nav_right h3 {width:260px; font-family:Raleway,"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-weight:600; letter-spacing:4px; line-height:26px; margin-top:0px; top:calc(50% - 90px);
}
.side-social {bottom:17px;}
.side-social i {margin-bottom:0px;}

/* SP-DEV MODS */
.fullscreen_content h2 {font-size: 60px!important; font-variant: small-caps; line-height: 50px; text-transform: none!important;}
.home .centered {background: rgba(52, 77, 96, 0.92) none repeat scroll 0 0!important;}
.nav_top {background: rgba(52, 77, 96, 0.67) none repeat scroll 0 0!important;}
.nav_side {background: rgba(52, 77, 96, 0.47) none repeat scroll 0 0!important;}
#nav_left h3, #nav_right h3 {color: #eee!important;}
.site-footer {background: rgba(52, 77, 96, 0.67) none repeat scroll 0 0!important;}
#home-icon i {color: #fff!important;}

/* Repairs */
form p {margin: 0px !important; padding-top: 10px !important;}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea {margin-top: 0 !important;}

/* Homepage */
.home.page .content-area {padding-top:0px!important;}
.home .centered {background: rgba(0, 0, 0, 0.5);}
.home .scroll-provoker {background-color: rgba(0, 0, 0, 0.75);}
#google-maps-builder-45 {background-color: rgb(33, 33, 33)!important;}
.left-trigger {cursor: url("/wp-content/themes/lucid/assets/left-arrow.png"), move !important;}
.right-trigger {cursor: url("/wp-content/themes/lucid/assets/right-arrow.png"), move !important;}
hr {border:0; height:0; border-top: 1px solid rgba(0, 0, 0, 0); border-bottom: 1px solid rgba(255, 255, 255, 0.4); }
.page .content-area {padding: 8% 8% 37px!important;}
.scroll-provoker {z-index: 999999;}
#maximage {display:none;} /* Cover-up Slider Problem with new WordPress 4.3.1 */
.vc_grid-item-mini .vc_gitem-zone {background-color:transparent!important;}
.vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {background-color: #958157 !important; color: #fff;}
.anim2 {opacity:1; transform:scaleX(1.0001),scaleY(1);!important; transition: all 0.4s ease 0.3s;} /* Firefox Fix */
.page-id-2 .marketNews .vc_grid-item {padding-bottom:0px!important;}
.page-id-2 .marketNews .vc_btn3-container.vc_btn3-center {margin-top:36px;}
.page-id-2 .marketNews .newsSectionButton {width:74%; margin:auto;}
/* Center Text-Block in jh-sections */
.jhSection, .jhVideo {display:flex;}
.centerBlock {align-self:center; margin-top:-20px;}

/* VIBA Portfolio */
.viba-portfolio-single-description a {color: #9ab7ca;}
.viba-portfolio-single-description a:hover {color: #fff;}
.viba-portfolio-single-description p {font-size:16px!important;}
.viba-portfolio-loader {margin-left: -33px;}
.js-vp-ajax-modal {padding:50px; z-index:9999999;}
.js-vp-ajax-modal .vp-ajax-content {background:#23333f none repeat scroll 0 0;}
.js-vp-ajax-modal .vp-ajax-inner {background:#23333f none repeat scroll 0 0; overflow-y: auto;}
.js-vp-ajax-slide .vp-ajax-inner {background:transparent none repeat scroll 0 0; border-width: medium 0px 0px;}
.viba-portfolio-single-item .viba-portfolio-single-content .viba-portfolio-single-meta h3 {color: #777;}
.vp-style-default .viba-portfolio-item-inner {color:#9ab7ca;}
.viba-portfolio-entry-title {color:#9ab7ca;}
.firefox .vp-ajax-actions a::before {margin-top:-2px; padding-left:12px;}
.chrome .vp-ajax-actions a::before, .safari .vp-ajax-actions a::before {padding-left:2px;}
.mfp-wrap.mfp-close-btn-in.mfp-zoom-in.mfp-ready.mfp-image-loaded {z-index:1000000;}
.vp-ajax-wrapper .vp-ajax-content .vp-ajax-inner .viba-portfolio-entry-title {font-size:26px; line-height:35px;}
.viba-portfolio-single-item .viba-portfolio-single-media img {transform:scale(1);} /* Firefox Fix */
.viba-portfolio-single-media .viba-portfolio-media-link {background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0; rright: 0px!important; left: 0!important;}
.vp-ajax-wrapper .vp-ajax-content .vp-ajax-inner .viba-portfolio-entry-title {text-align:center;}
.vp-single-full-width .viba-portfolio-single-description {width:100%;}
.vp-single-full-width .viba-portfolio-single-meta {float:left; padding-left:0; width:100%;}
.viba-portfolio-owl .owl-buttons div:hover {width:50px;}
.viba-portfolio-media-link::before {font-size:21px; line-height:39px; padding-left:4px;}
.viba-portfolio-single-meta {display:none;}
.vp-single-full-width .viba-portfolio-single-description {padding-right: 0px;}
.vp-col-dl-2 .viba-portfolio-item {width:49.999%;}
.mfp-wrap.mfp-close-btn-in.mfp-zoom-in.mfp-ready.mfp-image-loaded {background:rgba(33, 33, 33, 1) none repeat scroll 0 0; z-index:10000002;}
.js-vp-ajax-modal .vp-ajax-actions-wrapper {background: #374f63 none repeat scroll 0 0;}
.vp-ajax-actions-wrapper {border-bottom: 2px solid #111;}
.vp-ajax-actions-wrapper .vp-ajax-actions a {
    -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none;
    border-color: #111;
    border-image: none;
    border-style: none none none solid;
    border-width: medium medium medium 1px;
    color: #fff;
}
.mfp-close {font-family: Raleway; font-size: 120px; font-style: normal; font-weight: 100;}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {color:#fff; padding-right: 0px;}
.viba-portfolio-single-description h3, 
.viba-portfolio-single-description h4 {color:#9ab7ca!important;}
.viba-portfolio-title {padding-left:20px!important; padding-right:20px!important;}
.viba-portfolio-wrapper .viba-portfolio .viba-portfolio-item-button {background: rgba(255, 255, 255, 0.35) none repeat scroll 0 0;}
.vc_grid-item .vc_custom_heading h4 {color:#dbbc77;}
.site-link {color:#00aadd;}
.site-link:hover {color:#fff;}

/* Video */
.video-js {background: #958157 !important;}

/* Google MAP */
.gmaprow div, .google-maps-builder-wrap div {word-wrap:normal!important;} /* FIX IE Vertical Copyright! */
.gm-style-cc {opacity:0!important;}

/* VIDEO FLY-THROUGHS */
#fly-through-thumbnail {position:absolute; z-index:1000; bottom:-15px; right:80px; padding:10px 10px 0px; background:#212121; cursor:pointer;}
#fly-through-text {display:block; margin-top:-17px; text-align:center; font-size:12px; color:#fff!important;}
#fly-through-youtube-wrapper {position:fixed; z-index:1001; width:100%; top:0px; bottom:0px; left:0px; background:#212121; display:none;}
#fly-through-youtube {position:relative; width:1440px; max-width:1440px; align-items:center; margin:auto; background:#000; padding:10px; padding-bottom:17px;}
#fly-through-youtube #video {margin:auto;}
#fly-through-youtube-close {position:absolute; z-index:2002; right:40px; top:40px; font-size:60px; cursor:crosshair;}

/* SOLD */
.ribbon-wrapper-sold {overflow:hidden; position:absolute; width:100px; height:100px; top:0px; right:0px; z-index:1;}
.ribbon-sold {font:normal 18px Sans-Serif; background-color:#cc3300; color:#fff; text-align:center;
  -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg);
  position:relative; width:200px; padding: 40px 30px 15px 30px; left:-22px; top:-16px;
}
/* UPCOMING PROJECT */
.ribbon-wrapper-upcoming {overflow:hidden; position:absolute; width:150px; height:150px; top:0px; right:0px; z-index:1;}
.ribbon-upcoming {font:normal 18px Sans-Serif; background-color:#00cc00; color:#fff; text-align:center;
  -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg);
  position:relative; width:250px; padding: 40px 30px 15px 30px; left:-2px; top:-22px;
}

/* BLOG */
.single-post .entry-footer {display:none;}
.blog-info-bottom-left, .blog-info-bottom-rating {display:none;}
.blog-info-bottom-right {background-color: rgba(219, 188, 118, 0.2);}
.blog-header-bottom-container {bottom: 60px;}

/* Properties Page */
.page.page-id-539 .content-area {padding: 30px 8% 37px !important; padding-bottom:30px!important; }

/* Page 1435 */
.page-id-1435 #primary {padding-top: 60px !important;}
.page-id-1435 .entry-title {color: #9ab7ca; text-align: center; padding-top: 20px; padding-bottom: 20px;}
.page-id-1435 h2 {color: #9ab7ca;}
.page-id-1435 #propertyDesc a {color: #9ab7ca;}
.page-id-1435 #propertyDesc a:hover {color: #fff; text-decoration: underline;}

/* Market News Page */
.page.page-id-625 .content-area {padding: 30px 8% 37px !important; padding-bottom:30px!important;}
.page.page-id-625 #post-625 .entry-header {display:none;}
.page.page-id-625 .site-footer {margin-top:-64px;}

/* Jamie Harper */
.page.page-id-542 .content-area {padding: 50px 8% 37px !important; padding-bottom:30px!important;}

/* Contact Us */
.page.page-id-8 .content-area {padding: 50px 8% 2%; padding-bottom:30;}

/* Contact Form 7 */
textarea {font-family: "Quattrocento Sans"; letter-spacing: 1px; font-size: 18px; font-weight: 600;}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"] {letter-spacing: 1px; font-size: 18px; font-weight: 600; font-family: "Quattrocento Sans";}
.wpcf7-form-control.wpcf7-mathcaptcha {width: 50px !important; padding: 5px; text-align: center;}

/* Footer */
.site-footer {height: 50px; margin-top: -50px;}

/* Scroll to Top */
.scroll-back-to-top-wrapper {color:#fff!important; line-height:39px!important; z-index:999999!important;}
.scroll-back-to-top-wrapper:hover {opacity:1!important;}

/* IOS Problems */
input, textarea, select {-webkit-appearance: none; -webkit-border-radius:0; border-radius: 0;}

/* WordPress 5.6x Adjustments */
.site-content {background: #19242d;}
#homeSlider .vc_column-inner {padding-top: 0px!important;}
#lightbox {position: fixed!important; top: 50%!important; transform: translateY(-50%); -ms-transform: translateY(-50%);}
.lightbox .lb-image {border: none!important; border-radius:0!important;}

/* WordPress 5.2.x Adjustments */
.wpcf7-list-item.first.last {margin-left: 0;}
input[type="checkbox"], input[type="radio"] {-webkit-appearance: checkbox !important; display: inline-block!important; width: 12px; height: 12px;}
.wpcf7 input[type="submit"] {background: #fff; color: #344d60; border-radius: 3px;}
.wpcf7 input[type="submit"]:hover {background: #344d60; color: #fff;}
div.wpcf7-response-output {margin: -20px 0 30px 0 !important;}
.vp-style-default .vp-pagination-numbers ul.page-numbers a.page-numbers:hover, .vp-style-default .vp-pagination-numbers ul.page-numbers .page-numbers.current, .vp-style-default .vp-pagination-arrow a:hover, .vp-style-default .vp-load-more:hover {
    background-color: #344d60;
    border-color: #344d60;
    color: #fff;
}

/* WordPress 4.6 Adjustments */
.jhSection .vc_column_container.vc_col-sm-6 .vc_column-inner {padding-top:0px!important;}
.jhVideo .vc_column_container.vc_col-sm-6 .vc_column-inner {padding-top:0px!important;}
.gmaprow .vc_column_container.vc_col-sm-12 .vc_column-inner {padding-top:0px!important;}
.raydianze .vc_column_container.vc_col-sm-12 .vc_column-inner {padding-top:0px!important;}
.vc_column_container.vc_col-sm-6 .vc_column-inner {padding-left:0px; padding-right:0px;}
.vc_column_container.vc_col-sm-12 > .vc_column-inner {padding-left:0px!important; padding-right:0px!important;}

/* WordPress 4.7.2 Adjustments - for faster loading */
.fullscreen_content .centered {top:41%;}
.left-trigger, .right-trigger {display:none!important;}
.mc-cycle {position:relative; width:100%; height:100vh!important;}
.vc_row.wpb_row.vc_row-fluid.aboutUs .wpb_text_column {min-height: 280px;}
.viba-portfolio-title {min-height:70px;}
.viba-portfolio-media-link {display:block!important; opacity:1!important; top:0!important; transform:translate3d(0px, 0px, 0px)!important;}
.viba-portfolio-media-link::before {text-shadow: 1px 1px 3px #777;}
.page-id-534 .contactSection {margin-top:-10px!important;}
.single-post .contactSection {padding:0px!important;}
.post .entry-content.padded.firstrow {padding-bottom: 0 !important;}
.aboutText {clear:none; text-align:justify; font-size:18px!important; line-height:25px!important; font-weight:400!important; letter-spacing:2px!important; text-transform:none!important;}
.chrome .vp-ajax-actions a::before, .safari .vp-ajax-actions a::before {padding-left:13px; margin-top:-2px;}
.page .content-area {padding-bottom:30px!important; padding-left:8%; padding-right:8%; padding-top: 8%;}

/* SP Developments */
.google-maps-builder-wrap, .google-maps-builder, .google-maps-builder .gm-style {background: #23333f!important;}

/* Privacy */
.home .checkbox.wpcf7-validates-as-required.checkbox-gdrp-compliance {line-height: 1.4;}
.page-id-1280 .checkbox.wpcf7-validates-as-required.checkbox-gdrp-compliance {line-height: 1.3;}
.page-id-131 .checkbox.wpcf7-validates-as-required.checkbox-gdrp-compliance {line-height: 1.2;}
.page-id-1280 .privacy {padding-top: 40px!important; padding-bottom: 70px!important;}
.page-id-1280 .privacy h4 {color: #7297b2;}
.checkbox-gdrp-compliance .wpcf7-list-item-label {padding-left:5px;}
.contactSection {margin-bottom: -1px !important;}
div.wpcf7-response-output {margin: -20px 0 30px 0;}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {border: 2px solid #344d60;}
.page-template .vc_custom_1518971636588 {padding-top: 0px !important;}

/* Privacy & Cookie Notice */
.privacy-notice {}
.webdesign-notice {}
.fa.fa-diamond {color: #9ab7ca;}
#cn-notice-text {display: inline-block; padding-bottom: 4px !important;}
#cookie-notice {z-index: 100000; font-size: 14px; line-height: 20px; padding-top: 0px !important; padding-bottom: 0px !important;}
#cookie-notice .button.wp-default {
    background: #7297b2;
    border-color: #7297b2;
    color: #fff;
    text-shadow: none!important;
    border-radius: 0px;
}
#cookie-notice .button.wp-default:focus, #cookie-notice .button.wp-default:hover {background: #7297b2; border-color: #7297b2; color: #222;}
.cookie-notice-container {padding: 15px 30px 10px;}
.cn-button.bootstrap {color: #fff; background: #7297b2; border-radius: 0px;}
.cn-button.bootstrap, .cn-button.wp-default {min-height: 24px;}

@media only screen and (max-width: 599px) {
	#cookie-notice {padding-top: 0px !important;}
	#cn-notice-text {display: block; max-width: 240px; margin: auto;}
	#cn-accept-cookie {margin-left: 0px !important;}
	.privacy-notice {text-align: center!important; display: block!important; float: none!important; padding-top:0px!important; padding-right: 0px!important;}
	.webdesign-notice {text-align: center!important; display: block!important; padding-bottom:0px!important;}
}
.chrome input[type="checkbox"] {-webkit-appearance: checkbox!important; vertical-align: text-top!important; margin-top: 1px;}
.safari input[type="checkbox"] {-webkit-appearance: checkbox!important; vertical-align: text-top!important; margin-top: 1px;}

/* RESPSONIVE Screen-Sizing --------------------------------------------------------------------------------------------------------- */
/* General */

@media (min-width : 2561px) { /* ---------------------------------------------------------------- */
.nav_top, .container, #page, #content, #primary, #main, .entry-content, .vc_row.wpb_row.vc_row-fluid {max-width:2560px!important; width:2560px!important; margin:auto;}
.page .content-area {padding:0!important;}
.viba-portfolio-single-description .vc_row.wpb_row.vc_row-fluid {max-width:100%!important; width:100%!important; margin:auto;}
.vc_row.wpb_row.vc_row-fluid {left:0px!important;}
.post .padded {padding:0px!important;}
#page {padding-bottom: 35px;}
.js-vp-ajax-modal .vp-ajax-content {max-width: 1980px;}
}

@media (max-width : 1380px) { /* ---------------------------------------------------------------- */
.post-template-default .wpb_text_column {padding-left:30px!important; padding-right:30px!important;}
.post-template-default .wpb_single_image {padding-left:30px!important; padding-right:30px!important;}
}

@media (max-width : 1279px) { /* ---------------------------------------------------------------- */
body, p {font-size: 16px!important; line-height:22px!important;}
.sterling-pacific {float:none; text-align:center; margin-left:0px; margin-bottom:-10px;}
.site-header {text-align:center;}
.top-links ul {padding-right:0px; padding-bottom:10px;}
.top-links a {line-height:30px!important;}	
}

@media (min-width : 1101px) { /* ---------------------------------------------------------------- */
.north-shore {display:inline; padding-left:7px;}
}

@media (max-width : 1100px) { /* ---------------------------------------------------------------- */
.sterling-pacific {letter-spacing:2px;}
.top-links a {letter-spacing:2px!important;}
.north-shore {display:block;}
h3 {letter-spacing:2px!important;}
}

@media (max-width : 1024px) { /* ---------------------------------------------------------------- */
.jhSection, .jhVideo {display:block;}
.centerBlock {align-self:center; margin-top:30px; margin-bottom:50px;}
#main .jhSection .vc_col-sm-6 {width:100%!important;}
#main .jhSection .wpb_column:nth-child(1) .wpb_text_column {padding-left:0px!important; padding-right:40px!important;}
#main .jhSection .wpb_column:nth-child(2) .wpb_text_column {padding-left:100px!important; padding-right:100px!important; padding-top:50px; padding-bottom:50px;}
#main .jhSection .wpb_column:nth-child(2) {padding-right:0px!important;}
#main .jhVideo .vc_col-sm-6 {min-width:100%!important; width:100%!important;}
#main .jhVideo .wpb_column:nth-child(1) .wpb_text_column {padding-left:50px!important; padding-right:50px!important;}
#main .jhVideo .wpb_column:nth-child(2) .wpb_text_column {padding-left:100px!important; padding-right:100px!important;}
#main .jhVideo .wpb_column:nth-child(2) {padding-right:0px!important;}
.js-vp-ajax-modal {padding:0px!important;}
.js-vp-ajax-modal .vp-ajax-inner {padding-left:15px!important; padding-right:15px!important;}
.page.page-id-539 .content-area {padding: 60px 8% 37px !important; padding-bottom:30px!important;} /* Properties Page */
.page.page-id-625 .content-area {padding: 60px 8% 37px !important; padding-bottom:30px!important;} /* Market News */
.page.page-id-542 .content-area {padding: 80px 8% 37px !important; padding-bottom:30px!important;} /* Jamie Harper */
.post-template-default .wpb_text_column {padding-left:20px!important; padding-right:20px!important;}
.post-template-default .wpb_single_image {padding-left:20px!important; padding-right:20px!important;}
}

@media (max-width : 970px) { /* ---------------------------------------------------------------- */
.sterling-pacific {float:none; line-height: 20px; margin-bottom: -10px; margin-left: 0; margin-top: 50px; padding-bottom: 20px!important; text-align: center;}
.site-header {text-align:center;}
.top-links ul {padding-right:0px; padding-bottom:10px;}
.top-links a {line-height:30px!important;}

#fly-through-thumbnail {position:relative; bottom:0px; margin:auto; padding:0 10px 20px; right:auto; text-align:center;}
}

@media (min-width : 801px) and (max-width : 940px) { /* ---------------------------------------------------------------- */
.viba-portfolio-content {height:100px;}
}

@media (max-width : 800px) { /* ---------------------------------------------------------------- */
.vp-col-dl-2 .viba-portfolio-item {position: relative !important; left:0!important; top:auto!important; width:100%;}
.viba-portfolio-content {padding-bottom:20px;}
}

@media (max-width : 768px) { /* ---------------------------------------------------------------- */
#main .aboutUs .wpb_text_column {padding-left:20px!important; padding-right:20px!important;}
#main .aboutUs h3 {-webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto;}
#main .propertyListings {padding-left:30px!important; padding-right:30px!important;}
#main .propertyListings .wpb_text_column {padding-left:0px!important;}
#main .jhSection .vc_col-sm-6 {width:100%!important;}
#main .jhSection .wpb_column:nth-child(1) {padding-left:50px!important; padding-right:50px!important;}
#main .jhSection .wpb_column:nth-child(1) .wpb_text_column {padding-left:0px!important; padding-right:0px!important;}
#main .jhSection .wpb_column:nth-child(2) .wpb_text_column {padding-left:70px!important; padding-right:70px!important;  padding-top:70px; padding-bottom:70px;}
#main .jhSection .wpb_column:nth-child(2) {padding-right:0px!important;}
#main .jhSection p {padding-left:0px!important; padding-right:0px!important; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto;}
#main .jhVideo .vc_col-sm-6 {width:100%!important;}
#main .jhVideo .wpb_column:nth-child(1) .wpb_text_column {padding-left:30px!important; padding-right:40px!important;}
#main .jhVideo .wpb_column:nth-child(2) .wpb_text_column {padding-left:30px!important; padding-right:40px!important;}
#main .jhVideo .wpb_column:nth-child(2) {padding-right:0px!important;}
#main .jhVideo p {padding-left:0px!important; padding-right:0px!important; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto;}
#main .contactSection .vc_col-sm-6 {width:100%!important;}
#main .contactSection .contact-col {padding: 20px 60px 70px 100px !important;}
#main .contactSection .wpb_column {padding-left:20px!important; padding-right:20px!important;}
#main .contactSection p {padding-left:0px!important; padding-right:0px!important; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto;}
#main .gmaprow {padding-left:20px!important; padding-right:20px!important;}
#main .raydianze {padding-left:0px!important; padding-right:0px!important;}
#main .raydianze p {text-align:center!important;}
.page.page-id-539 .content-area {padding: 60px 8% 37px !important; padding-bottom:30px!important;} /* Properties Page */
.page.page-id-625 .content-area {padding: 60px 8% 37px !important; padding-bottom:30px!important;} /* Market News */
.page.page-id-542 .content-area {padding: 80px 8% 37px !important; padding-bottom:30px!important;} /* Jamie Harper */
.space916 {height:0px!important}
}

@media (max-width : 699px) { /* ---------------------------------------------------------------- */
.spinner {margin-left:-5px;}
.sterling-pacific {padding-bottom:5px;}
.nav_top {background:rgba(0, 0, 0, 0.8)!important;}
.top-links ul {background:transparent; padding-bottom:10px;}
.top-links ul li {background: rgba(0, 0, 0, 0);}
.top-links a {line-height:40px!important;}
.fullscreen_content .centered {height: 260px;}
.fullscreen_content h2 {font-size: 40px!important; line-height:42px!important;}
h2 {font-size:40px!important; line-height:48px!important;}
.centered {top:24%!important;}
.centered h2 {padding-top: 25px !important;}
.centered h2 br:nth-child(1) {display:none;}
.centered h3 br:nth-child(3) {display:none;}
.centered h3 br:nth-child(4) {display:none;}
.scroll-provoker {display:none;}
#main .aboutUs h2 {font-size: 32px!important; line-height: 34px!important;}
#main .propertyListings {margin-top:-60px!important;}
#main .propertyListings {padding-left:0px!important; padding-right:0px!important;}
#main .propertyListings .wpb_text_column {padding-left:40px!important;}
.viba-portfolio-loader {margin-left:-24px!important;}
.vp-ajax-inner .viba-portfolio-item {padding-bottom:20px; padding-top:20px; padding-left:0px; padding-right:0px;}
.vp-ajax-wrapper .vp-ajax-content .vp-ajax-inner .viba-portfolio-entry-title {font-size:22px; line-height:28px;}
.viba-portfolio-single-description h2 {font-size:21px !important; padding-left:5px; padding-right:5px; padding-bottom: 0; margin-bottom: 0px;}
.viba-portfolio-single-description h3 {font-size:18px; padding-left:5px; padding-right:5px;}
.viba-portfolio-gallery.viba-portfolio-owl .owl-controls .owl-pagination {padding:5px; top:86%;}
.viba-portfolio-single-description p {-webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto;}
.vp-ajax-inner .viba-portfolio-item .google-maps-builder-wrap {padding-left:10px; padding-right:10px; padding-bottom:10px;}
#main .gmaprow {margin-top:-20px!important; padding-top: 30px; padding-bottom: 40px !important;}

.jhSection {margin-top:-80px!important;}
#main .jhSection .wpb_column:nth-child(1) .wpb_text_column {padding-left:0!important; padding-right:0!important; padding-top:0px;}
#main .jhSection .wpb_column:nth-child(2) .wpb_text_column {padding-left:50px!important; padding-right:50px!important; padding-top:50px; padding-bottom:50px;}
#main .jhSection .wpb_column:nth-child(2) {padding-right:0px!important;}
#main .jhSection .animation2 {opacity:1; transform:scaleX(1);}
#main .jhSection h2 {line-height: 40px !important;}
#main .jhVideo .wpb_column:nth-child(1) .wpb_text_column {padding-left:0!important; padding-right:0!important; padding-top:0px;}
#main .jhVideo .animation2 {opacity:1; transform:scaleX(1);}
#main .jhVideo h2 {line-height: 40px !important;}
#main .contactSection h2 {line-height: 40px !important;}
#main .contactSection p {line-height:1px;}
.page-id-542 .jhSection .vc_column-inner {padding:0px!important;}
.page-id-542 .jhVideo .vc_column-inner {padding:0px!important;}
.page-id-1435 #primary {padding-top: 20px !important;}
.page-id-1435 .entry-title,  .page-id-1435 h2 {font-size: 24px !important; line-height: 31px !important;}
.contactSection .animation2.wpb_column:nth-child(2) {background-color: #344d60 !important;}

.post-625 .market-news-title {padding-left:0px!important; padding-right:0px!important;}
.post-625 .wpb_wrapper > h2 {text-align: left; margin-top: -20px;}
.post-625 p {padding-bottom: 10px; padding-left: 0 !important; padding-right: 0 !important; padding-top: 10px;}
.post-625 .vc_row:nth-child(1) {margin-top:0px!important; padding-left: 35px !important; padding-right: 35px !important;}
.page.page-id-625 .content-area {padding: 0 8% 37px !important;}
.post-625 .vc_row .vc_gitem_row {padding-left:0px!important; padding-right:0px!important;}
.post-625 .vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_title {margin-bottom: -20px;}
.ppost-625 .vc_btn3-container {margin-top: 0px;}
.single-post .entry-content.padded.firstrow {padding-top: 30px !important;}

.single-post .vc_col-sm-8 .wpb_text_column {padding: 30px 0px 40px !important;}
.single-post .vc_col-sm-8 .wpb_text_column p {text-align:left!important;}

.post-template-default .vc_row {padding-left:20px!important; padding-right:20px!important;}
.post-template-default .wpb_text_column {padding-left:0px!important; padding-right:0px!important;}
.post-template-default .wpb_single_image {padding-left:10px!important; padding-right:10px!important;}

.contactSection .vc_column-inner {padding-left:0px!important; padding-right:0px!important;}
.single-post .contactSection {padding:0px!important;}

/* Privacy */
.page-id-1280 .privacy {padding-top:0px!important; padding-bottom:0px!important;}
.privacy p {padding-left:0px; padding-right:0px; hyphens: auto; -webkit-hyphens: auto;}

.scroll-back-to-top-wrapper {right:15px!important;}
}

/* LOGOS --------------------------------------------------------------------------------------- */
@media (max-width : 1600px) { /* ---------------------------------------------------------------- */
.sp-logo {padding-top:13px!important;}
}
@media (max-width : 520px) { /* ---------------------------------------------------------------- */
.sp-logo-contact {display:none;}
}
@media (max-width : 484px) { /* ---------------------------------------------------------------- */
.aboutUs p:nth-child(1) {text-align:center;}
.sp-logo {float:none; margin:auto;}
}
