/*-----------------------------------------------------------------------------------

	Theme Name: Storey
	Theme URI: http://www.themezilla.com
	Author: Themezilla
	Author URI: http://www.themezilla.com
	Description: A versatile theme to stylishly craft a narrative around your app, product, business, or portfolio.
	Version: 1.4
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Text Domain: zilla
	Domain Path: /languages/

-----------------------------------------------------------------------------------

	0.	CSS Reset
	1.	Document Setup (body, common classes, vertical rhythm, etc)
	2.	Structure
	3.	Header Styles
	4.	Navigation & Pagination
	5.	Main Content Styles
	6.	Portfolio Content Styles
	7.	Comments
	8.	Footer Styles
	9.	Page & Page Templates
	10.	Widgets
	11.	Shortcodes
	12. 	Media Queries

-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/*	0.	CSS Reset - http://meyerweb.com/eric/tools/css/reset/
/*-----------------------------------------------------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	padding:0;
	margin:0;
	font:inherit;
	font-size:100%;
	vertical-align:baseline;
	border:0;
}

/*
html,
body {
    overflow: hidden;
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	position: relative;
}

* {
	-webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}
*/

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block;
}

body {
	line-height:1;
	overflow-x: hidden;
	height: 100%;
}

ol,ul {
	list-style:circle;
}

body:not(.home) blockquote:not(.zilla-testimonial-quote) {
	margin-bottom:4em;
}

blockquote,q {
	-webkit-font-smoothing:antialiased;
	quotes:none;
}

blockquote:not(.zilla-testimonial-quote):before,blockquote:not(.zilla-testimonial-quote):after,q:before,q:after {
	content:'';
	content:none;
}

p q {
	font:italic .9em Merriweather,Georgia,'Times New Roman',Times,serif;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

/*-----------------------------------------------------------------------------------*/
/*	1.	Document Setup (body, common classes, vertical rhythm, etc)
/*-----------------------------------------------------------------------------------*/
* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

html {
	font-size:62.5%;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}

body {
	-ms-word-wrap:break-word;
	word-wrap:break-word;
	background:#fff;
	-webkit-font-smoothing:antialiased;
}

a:hover,a:active {
	outline:0;
}

a img {
	vertical-align:bottom;
	border:0;
}

/* Global --- */
body,button,input,select,textarea {
	font:16px/26px "Source sans pro","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:1.6rem;
	font-weight:400;
	color:#7a7a7a;
}

h1,h2,h3,h4,h5,h6 {
	margin-top:.75em;
	margin-bottom:.25em;
	clear:both;
	font-weight:700;
	color:#333;
	-webkit-font-smoothing: antialiased;
}

.touch h1,
.touch h2,
.touch h3,
.touch h4,
.touch h5 {
	margin-top: 0 !important;
}

h1 {
	font-size:54px;
	line-height:60px;
}

h2 {
	font-size:39px;
	line-height:42px;
}

h3 {
	font-size:30px;
	line-height:33px;
	margin-bottom: 40px;
}

h4 {
	font-size:22px;
	line-height:30px;
	margin-bottom: 40px;
}

h5 {
	font-size:16px;
	line-height:26px;
	color:#595c61;
}

h6 {
	font-size:16px;
	line-height:26px;
	color:#b6bcbf;
}

hr {
	height:1px;
	margin-bottom:1.5em;
	background-color:#ccc;
	border:0;
}

p {
	margin-bottom:2em;
}

ul,ol {
	/* margin:0 0 1.5em 2em; */
	margin: 3em 0 3em 2em;
}

ol,ul {
	list-style:none !important;
	list-style-type:none !important;
}

li p {
	margin-bottom: 0 !important;
}

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

#content ul > li {
	padding-left: 0px;
	position: relative;
}
#content ol > li {
	padding-left: 30px;
	position: relative;
}

#content ol,
#content ul {
	counter-reset: my-badass-counter;
}

#content div > ul > li:before,
#content p > ul > li:before {
	content: "●";
	position: absolute;
    left: -30px;
    color: #3381fc;
    font-size: 10px;
    top: 2px;
    font-weight: 300;
}

.benefits ul > li:before {
	color: #a7a7a7 !important;
}

#content ol > li:before {
	content: counter(my-badass-counter);
    counter-increment: my-badass-counter;
    position: absolute;
    left: -30px;
    color: #3381fc;
    font-size: 18px;
    top: 0px;
    border: 1px solid rgb(51, 129, 252);
    width: 30px;
    text-align: center;
    height: 30px;
    border-radius: 50%;
    line-height: 1.6em;
}

#content ol > li[value='2']:before {
	content: '2' !important;
}

#content ul > li:not(:last-child) {
	margin-bottom: 10px;
}

#content ul > li:last-child {
	margin-bottom: 60px;
}

#content ol > li:not(:last-child) {
	margin-bottom: 30px;
}

.benefits ul {
	margin: 0 0 1.5em 2em !important;
}

.benefits h4,
.benefits h3 {
	margin-bottom: .25em !important;
}

.benefits ul > li:last-child {
	margin-bottom: 0 !important;
}

.page-modules h3,
.page-services h3 {
	margin-bottom: 10px !important;
	font-size: 26px !important;
}

dt {
	font-weight:700;
}

dd {
	margin:0 1.5em 1.5em;
}

b,strong {
	font-weight:600;
}

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

blockquote:not(.zilla-testimonial-quote),blockquote:not(.zilla-testimonial-quote) p {
	color: #1d2255;
}

:not(.home) #content blockquote:not(.zilla-testimonial-quote) p:first-of-type:before {
	color: #d2e2ff;
    font-size: 100px;
    content: "“";
    font-weight: 400;
    position: absolute;
    top: 60px;
    left: 30px;
    font-family: arial, sans-serif;
}

blockquote:not(.zilla-testimonial-quote) p:last-of-type {
	margin-bottom:0!important;
}

blockquote footer,blockquote footer cite {
	font:16px/26px Hind,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

address {
	margin:0 0 1.5em;
}

pre {
	max-width:100%;
	padding:10px 15px;
	margin-bottom:2em;
	overflow:auto;
	font:15px/1.5em Consolas,"Andale Mono",Courier,"Courier New",monospace;
	background:#fff;
	border:1px solid #f0f1f2;
}

code,kbd,tt,var {
	font:.9em Consolas,"Andale Mono",Courier,"Courier New",monospace;
}

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

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

ins {
	background:#e5ffd9;
}

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

sup {
	bottom:1ex;
}

sub {
	top:.5ex;
}

small {
	font-size:75%;
}

big {
	font-size:125%;
}

figure {
	margin:0;
}

table {
	width:100%;
	margin:0 0 1.5em;
}

table .even {
	background:#eee;
}

th {
	font-weight:700;
}

th,td {
	padding:5px;
	text-align:center;
}

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

/* Form Elements --- */
button,input,select,textarea {
	margin:0;
	font-size:100%;
	vertical-align:baseline;
	vertical-align:middle;
}

button,input {
	line-height:normal;
}

button,html input[type="submit"],input[type="reset"],input[type="submit"] {
	padding:16px;
	font-size:15px;
	font-weight:400;
	line-height:1em;
	color:#fff;
	cursor:pointer;
	background:#3381FC;
	border:0;
	border-radius:2px !important;
	outline:none;
	-webkit-appearance:button;
	font-family: "source sans pro";
	-webkit-transition:.3s ease;
	-moz-transition:.3s ease;
	-o-transition:.3s ease;
	-ms-transition:.3s ease;
	transition:.3s ease;
}

body:not(.home) :not(.mejs-button) > button:not(#responsive-menu-pro-button):hover,
html body:not(.home) input[type="button"]:hover,
body:not(.home) input[type="reset"]:hover,
body:not(.home) input[type="submit"]:hover,
body:not(.home) :not(.mejs-button) > button:not(#responsive-menu-pro-button):active,
html body:not(.home) input[type="button"]:active,
body:not(.home) input[type="reset"]:active,
body:not(.home) input[type="submit"]:active {
	background:white;
	color:#3381FC;
}

body.home :not(.mejs-button) > button:not(#responsive-menu-pro-button):hover,
html body.home input[type="button"]:hover,
body.home input[type="reset"]:hover,
body.home input[type="submit"]:hover,
body.home :not(.mejs-button) > button:not(#responsive-menu-pro-button):active,
html body.home input[type="button"]:active,
body.home input[type="reset"]:active,
body.home input[type="submit"]:active {
	color:white;
}

input[type="submit"]:hover {
	background-color: white !important;
}

input[type="checkbox"],input[type="radio"] {
	padding:0;
}

input[type="search"] {
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	-webkit-appearance:textfield;
}

input[type="seach"]::-webkit-search-decoration {
	-webkit-appearance:none;
}

button::-moz-focus-inner,input::-moz-focus-inner {
	padding:0;
	border:0;
}

input[type="text"],input[type="url"],input[type="tel"],input[type="email"],input[type="password"],input[type="search"],textarea {
	padding:10px 15px;
	color:#333;
	background:white;
	border:none;
	border-radius:3px;
	outline:none;
}

input[type="text"]:focus,input[type="url"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="search"]:focus,textarea:focus {
	border-color:#d2d7d9;
}

textarea {
	width:100%;
	overflow:auto;
	vertical-align:top;
	height: 80px;
}

.wp-video {
	background: #ececec;
    max-width: 1300px !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 auto;
}
.mejs-container, .mejs-overlay.load {
	width: 100% !important;
	height: auto !important;
	max-width: none !important;
}
.wp-video-shortcode {
	cursor: pointer;
	width: 100%;
}
.mejs-container {
	padding-top: 56.25%;
}
video.wp-video-shortcode {
	max-width: 1300px !important;
}
video.wp-video-shortcode {
	position: relative;
}
.mejs-mediaelement {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.mejs-overlay-play {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: auto !important;
	height: auto !important;
}
.mejs-controls.playing {
	display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
}
.mejs-controls:not(.playing) {
	display: none !important;
}
.mejs-container * {
	font-family: "source sans pro", helvetica, arial;
	font-size: 13px;
}
.mejs-controls *:focus,
.mejs-controls *:active {
	outline: none !important;
}
.mejs-overlay-loading {
	display: none !important;
}
.mejs-container,
.mejs-container .mejs-controls,
.mejs-embed,
.mejs-embed body {
	background: rgba(255,255,255,.05);
}
.mejs-controls div.mejs-time-rail {
	padding: 0 !important;
	order: 1 !important;
}
.mejs-playpause-button {
	display: none !important;
}
.mejs-currenttime-container {
	order: 2;
	z-index: 100;
	background: white;
	color: #3d4b51 !important;
	padding-left: 10px !important;
	padding: 10px 15px 0 10px !important;
}
.mejs-currenttime-container:after {
	content: '/';
	color: #3d4b51;
	position: relative;
    left: 7px;
}
.mejs-duration-container {
	order: 3;
	z-index: 100;
	background: white;
	color: #3d4b51 !important;
	padding: 10px 10px 0 0 !important;
}
.mejs-volume-button {
	order: 4;
	z-index: 100;
	background: #3381fc;
	padding: 0 5px;
	height: 30px !important;
}
.mejs-fullscreen-button {
	order: 5;
	z-index: 100;
	background: #3381fc;
	height: 30px !important;
	width: 34px !important;
	margin: 7px;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider {
	width: 34px !important;
	background: #3381fc;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total,
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
	left: 15px;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
	left: 8px;
}
.mejs-fullscreen-button button {
	margin: 7px 11px 7px 7px !important;
}
.mejs-overlay-button {
	background: transparent url('/wp-content/themes/storey/images/bigplay.svg') no-repeat;
	margin: -75px 0 0 -75px !important;
	height: 150px !important;
	width: 150px !important;
}
.mejs-overlay:hover .mejs-overlay-button {
	background-position: 0 0 !important;
}
.touch .mejs-controls {
	display: none !important;
}
.touch .mejs-overlay {
	background: rgba(25, 27, 46, .5);
}
.mejs-controls .mejs-button button {
	background: transparent url('/wp-content/themes/storey/images/controls.svg') no-repeat;
}
.mejs-controls .mejs-mute button {
	background-position: -16px -16px !important;
}
.mejs-controls .mejs-unmute button {
	background-position: -16px 0 !important;
}
.mejs-controls .mejs-fullscreen-button button {
	background-position: -32px 0 !important;
}
.mejs-controls .mejs-unfullscreen button {
	background-position: -32px -16px !important;
}
.mejs-controls .mejs-time-rail .mejs-time-total {
	margin: 0 !important;
}
.mejs-time-rail,
.mejs-controls .mejs-time-rail span,
.mejs-controls .mejs-time-rail a {
	height: 100% !important;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.mejs-controls .mejs-time-rail .mejs-time-loaded {
	background: #22394f;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.mejs-controls .mejs-time-rail .mejs-time-total {
	background: rgba(255,255,255,.8);
}
.mejs-controls .mejs-time-rail .mejs-time-current {
	background: #3381fc;
}
.mejs-time-float {
	background: white !important;
	width: 44px !important;
	height: 30px !important;
	border: none !important;
	top: -44px !important;
	border-radius: 2px !important;
	margin-left: -22px !important;
}
.mejs-time-float-current {
	margin: 9px 0 8px !important;
	width: 44px !important;
	font-size: 13px !important;
}
.mejs-time-float-corner {
	border: solid 5px white !important;
	border-color: white transparent transparent !important;
	bottom: -30px !important;
	left: 17px !important;
	top: auto !important;
}
.mejs-volume-slider {
	background: black;
}
.mejs-volume-handle {
	cursor: pointer;
	width: 12px;
	height: 12px;
	left: 6px;
	background: rgba(255,255,255,1);
	border-radius: 50%;
}
.mejs-volume-button {
	width: 34px !important;
	height: 30px !important;
}
.mejs-volume-button button {
	margin: 7px 7px 7px 11px !important;
}
.mejs-container .mejs-controls div:not(.mejs-volume-button *) {
	height: 30px !important;
}
.mejs-container .mejs-controls .mejs-time {
	height: 20px !important;
}

/* Links --- */
a,a:visited {
	color:#2b9fd9;
	text-decoration:none;
	outline: none;
}

a:hover,
a:focus,
a:active,
#content a:hover,
#content a:active {
	color:#3381fc;
	text-decoration:none;
	outline: none;
}

/* Alignment --- */
.alignleft,.alignright,.aligncenter,.alignnone {
	margin-bottom:1.5em;
}

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

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

.aligncenter {
	display:block;
	margin-right:auto;
	margin-left:auto;
	clear:both;
}

/* Clears --- */
.clear {
	display:block;
	width:100%;
	height:0;
	clear:both;
	font-size:0;
	line-height:0;
}

.clear:before,.clear:after,.entry-content:before,.entry-content:after,.author-bio:before,.author-bio:after,.comment-content:before,.comment-content:after,.site-header:before,.site-header:after,.site-navigation:before,.site-navigation:after,.site-content:before,.site-content:after,.site-footer:before,.site-footer:after,.page-navigation:before,.page-navigation:after,.single-page-navigation:before,.single-page-navigation:after,.comment-navigation:before,.comment-navigation:after {
	display:table;
	content:' ';
}

.clear:after,.entry-content:after,.author-bio:after,.comment-content:after,.site-header:after,.site-navigation:after,.site-content:after,.site-footer:after,.page-navigation:after,.single-page-navigation:after,.comment-navigation:after {
	clear:both;
}

.clearfix:after {
	display:block;
	height:0;
	clear:both;
	content:".";
	visibility:hidden;
}

.clearfix {
	display:inline-block;
}

/* Hide from IE Mac \*/
.clearfix {
	display:block;
}

/* End hide from IE Mac */
.none {
	display:none;
}

/* End Clearfix */
/* Helpers --- */
.hidden {
	display:none;
}

body:not(.search):not(.blog):not(.archive) .lead {
	font-size:22px;
	line-height:30px;
	display: none;
	text-align: center;
}

.search .lead {
	display: block;
}

/* Button fallbacks --- */
.zilla-button,.zilla-button:visited {
	display:inline-block;
	padding:7px 13px;
	margin:0 .1em 1.5em 0;
	font-family:Helvetica,Arial,Sans-serif;
	font-size:14px;
	font-weight:700;
	line-height:1em;
	color:#fff;
	text-align:center;
	text-decoration:none;
	text-shadow:none !important;
	vertical-align:middle;
	cursor:pointer;
	background:#ffb031;
	background:-webkit-gradient(linear,left top,left bottom,from(#ffce4f),to(#ffb031));
	background:-webkit-linear-gradient(top,#ffce4f,#ffb031);
	background:-moz-linear-gradient(top,#ffce4f,#ffb031);
	background:-ms-linear-gradient(top,#ffce4f,#ffb031);
	background:-o-linear-gradient(top,#ffce4f,#ffb031);
	border:1px solid #dc9014;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
	border-radius:2px;
	outline:none;
}

.zilla-button.square {
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
}

.zilla-button.medium {
	padding:15px!important;
	font-size:15px;
	-webkit-border-radius:2px !important;
	-moz-border-radius:2px !important;
	-o-border-radius:2px !important;
	border-radius:2px !important;
}

.zilla-button.large {
	padding:15px 20px;
	font-size:18px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
	border-radius:2px;
}

.zilla-button:hover,
.zilla-button:active {
	text-decoration:none;
	background:#ffc531;
	background:-webkit-gradient(linear,left top,left bottom,from(#ffdb4f),to(#ffc531));
	background:-webkit-linear-gradient(top,#ffdb4f,#ffc531);
	background:-moz-linear-gradient(top,#ffdb4f,#ffc531);
	background:-ms-linear-gradient(top,#ffdb4f,#ffc531);
	background:-o-linear-gradient(top,#ffdb4f,#ffc531);
}

/*-----------------------------------------------------------------------------------*/
/*	2. Structure
/*-----------------------------------------------------------------------------------*/
body:not(.home) .site-content,.inner {
	max-width:1200px;
	padding: 0 60px;
	margin:0 auto;
}

.feature-image {
	height: 400px;
	display: none;
	overflow: hidden;
}

.feature-image div {
	height: 100%;
}

.feature-image img {
	object-fit: cover;
    object-position: 0 100%;
    width: 100%;
    height: 100%;
}

.feature-image .inner {
	padding: 0 !important;
}

.home .site-content,
.full {
	padding: 0;
}

.full {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.padded {
	padding: 0 60px;
}

body:not(.home):not(.archive):not(.blog):not(.search):not(.page-testimonials):not(.page-template-template-portfolio):not(.page-template-template-features):not(.page-contact) #content.site-content {
	max-width: 1000px;
}

.page-template-template-portfolio .site-content,
.page-template-template-features .site-content {
	padding: 0 !important;
}

.site-content-wrap {
	position:relative;
	z-index:10;
	background:#fff;
}

.site-secondary {
	float:right;
	width:300px;
}

.site-secondary:not(#sidebar) {
	margin-right:100px;
}

.site-secondary .children {
	margin-left:20px;
}

#sidebar.site-secondary {
	margin-right: 60px;
	margin-left: 0;
}

#sidebar .widget {
	margin-bottom: 0;
}

body.blog .site-content,body.search .site-content,body.archive .site-content,body.single-post .site-content,body.single-attachment .site-content {
	padding:100px 0;
}

body.search #primary article:not(:last-of-type) {
	padding-bottom: 30px;
    margin-bottom: 50px;
    border-bottom: 1px solid #ececec;
}

body.blog .site-main,body.search .site-main,body.archive .site-main {
	float: left;
	max-width: 650px;
	margin-left: 60px;
}

body.single-post #sidebar {
	display: none;
}

body.single-post .site-main {
	
}

.single-attachment .type-attachment {
	border-bottom:1px solid #e5e5df;
	margin-bottom:90px;
}

.single-attachment #comments {
	margin:0 auto;
	max-width:560px;
	padding-top:0;
	border:none;
}

body.search-no-results.no-sidebar .site-main {
	text-align:center;
}

body.no-sidebar.blog .site-main,body.no-sidebar.search .site-main,body.no-sidebar.archive .site-main,body.no-sidebar.single-post .site-main {
	float: left;
	max-width: 650px;
	margin-left: 60px;
}

body.archive.tax-portfolio-type .site-main,body.archive.post-type-archive-portfolio .site-main {
	float:none;
	width:auto;
	max-width:none;
	margin-left:0;
}

body.tax-portfolio-type .site-content {
	padding-top:0;
	padding-bottom:0;
}

/* OPTIONAL */
body.page:not(.page-template-template-portfolio):not(.page-template-template-features) #primary {
	padding: 0 60px;
}

body.page-template-template-full-width-php .site-content {
	max-width:1160px;
}

.page-template-template-full-width-php .comments-inner {
	max-width:620px;
	margin:0 auto;
}

body.page-template-template-home-php .site-content,
body.page-template-template-portfolio-php .site-content,
body.page-template-template-features-php .site-content,
body.tax-portfolio-type .site-content,
body.single-portfolio .site-content,
body.post-type-archive-portfolio .site-content {
	max-width:none;
}

body.post-type-archive-portfolio .site-content {
	padding:0;
}

/*-----------------------------------------------------------------------------------*/
/*	3.	Header Styles
/*-----------------------------------------------------------------------------------*/
.site-header {
	position:relative;
	-webkit-transition:.6s ease;
	-moz-transition:.6s ease;
	-o-transition:.6s ease;
	-ms-transition:.6s ease;
	transition:.6s ease;
	height:120px;
}

.site-header-bg-img {
	position:fixed;
	top:120px;
	z-index:0;
	width:100%;
	height:100%;
	background-position:50% 50%;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	-webkit-transition:.6s ease;
	-moz-transition:.6s ease;
	-o-transition:.6s ease;
	-ms-transition:.6s ease;
	transition:.6s ease;
	opacity:0;
}

.site-header.has-image .site-header-bg-img {
	opacity:1;
	height:600px;
}

.site-header.has-image .site-header-bg-img {
	opacity:1;
}

.site-header.has-image .header-area .inner {
	height:600px;
}

body.single-post .site-header {
	padding-bottom:0;
}

.site-header-bg-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	overflow: hidden;
}

.page-id-7758 .site-header-bg-img img {
	object-position: top left;
}

.page-id-7125 .site-header-bg-img img {
	object-position: 50% 40%;	
}

.site-header.has-image {
	background-color:RGB(51, 129, 252);
	border-bottom:0;
}

.header-area {
	position:fixed;
	top:0;
	left:0;
	z-index:5;
	width:100%;
}

.header-area .inner {
	position:relative;
}

.touch .header-area {
	position: absolute !important;
}

.site-header .header-area .inner {
	height:479px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	align-content: center;
	align-items: center;
}

.single-post .header-area .inner {
	height: 100%;
}

.site-logo {
	float:left;
	font-size:36px;
	font-weight:700;
	line-height:1.2;
	color:#2b2e33;
	position:relative;
	z-index:1;
	max-width: 70px;
}

.site-logo a {
	color:#2b2e33;
	width: 100%;
}

.site-logo a:hover,
.site-logo a:active {
	opacity:.9;
}

.site-logo img {
	width: 100%;
}

.site-header.has-image .site-logo,.site-header.has-image .site-logo a,.page-template-template-home-php .site-logo,.page-template-template-home-php .site-logo a {
	color:#fff;
}

.header-content {
	clear:both;
	font-size:16px;
	line-height:26px;
	color:#fff;
	text-align:center;
	margin: auto;
}

.header-content ul {
	margin-bottom:0;
}

/*
.page-template-template-home-php .header-content {
	padding-top: 220px;
}
*/

.header-content h1,
.header-content h2,
.header-content h3,
.header-content h4,
.header-content h5,
.header-content h6 {
	color:#333;
}

.header-content h1 {
	margin:8px 0 22px;
	/* font-size:54px; */
	font-size: 48px;
	line-height:50px;
}

.header-content h2 {
	margin:8px 0 22px;
	font-size:39px;
	line-height:42px;
}

.header-content h3 {
	margin:8px 0 22px;
	font-size:30px;
	line-height:33px;
}

.header-content h4 {
	margin:8px 0 22px;
	font-size:22px;
	line-height:30px;
}

.header-content p {
	margin:15px 0 0;
}

.header-content .zilla-button {
	margin:0 10px 22px!important;
}

.header-content.with-thumbnail h1 {
	margin:0;
}

.header-content.no-thumbnail h1 {
	margin:0;
	color:#2B2E33;
}

.header-content.no-thumbnail .lead {
	color:#2B2E33;
}

.page-template-template-home-php .header-content.no-thumbnail h1,.page-template-template-home-php .header-content.no-thumbnail .lead {
	color:#fff;
}

.header-content.no-thumbnail p a[rel='tag'],.header-content.no-thumbnail p a[rel='category tag'] {
	opacity:1;
	color:#a6a7aa;
	border-color:#c0c1c3;
}

.header-content.no-thumbnail p a[rel='tag']:hover,
.header-content.no-thumbnail p a[rel='category tag']:hover,
.header-content.no-thumbnail p a[rel='tag']:active,
.header-content.no-thumbnail p a[rel='category tag']:active {
	color:#595c61;
	border-color:#595c61;
}

body.single-post.no-sidebar .header-content {
	padding-right:0;
	padding-left:0;
	text-align:center;
}

.blog p:not(.lead),
.blog h3,
.blog h4,
.search p:not(.lead),
.search h3,
.search h4,
.archive p:not(.lead),
.archive h3,
.archive h4 {
	text-align: left !important;
}

.blog .elementor-column-wrap,
.search .elementor-column-wrap
.archive .elementor-column-wrap {
	padding: 0 !important;
}

.blog .elementor-row,
.search .elementor-row,
.archive .elementor-row {
	display: initial;
}

.blog .elementor-column.elementor-col-50, .elementor-column[data-col="50"],
.archive .elementor-column.elementor-col-50, .elementor-column[data-col="50"] {
	width: 100%;
}

.blog .elementor-column-wrap,
.arhive .elementor-column-wrap {
	padding: 10px;
}

.blog .elementor-section,
.arhive .elementor-section {
	margin-bottom: 0;
}

.archive-meta .close {
	position:relative;
	top:-2px;
	display:inline-block;
	padding: 8px 12px;
	margin-left:5px;
	font-size:14px;
	font-family: "open sans";
	-webkit-font-smoothing:subpixel-antialiased;
	line-height:1em;
	color:#595c61;
	vertical-align:middle;
	border:1px solid #595c61;
	border-radius:2px;
	letter-spacing:.5px;
}

.archive-meta .close:hover,
.archive-meta .close:active {
	color:#fff;
	background:#595c61;
	opacity:1;
}

.archive-meta .close span {
	margin-right: 5px;
	font-size: 16px;
	position: relative;
	top: 1px;
}

.header-content.with-thumbnail .archive-meta .close {
	color:#fff;
	border-color:rgba(255,255,255,.5);
}

.header-content.with-thumbnail .archive-meta .close:hover,
.header-content.with-thumbnail .archive-meta .close:active {
	color:black;
	background:#fff;
}

/*-----------------------------------------------------------------------------------*/
/*	4.	Navigation & Menus
/*-----------------------------------------------------------------------------------*/
.site-navigation {
	float:right;
	position:relative;
	z-index:1;
	top: 0px;
}

/* Essential Styles --- */
.zilla-sf-menu,.zilla-sf-menu * {
	padding:0;
	margin:0;
	list-style:none;
}

.zilla-sf-menu li {
	position:relative;
	white-space:nowrap;
}

.zilla-sf-menu ul {
	position:absolute;
	top:100%;
	left:4px;
	z-index:999;
	display:none;
}

.zilla-sf-menu > li {
	float:left;
	padding-bottom: 10px;
}

.zilla-sf-menu li:hover > ul,.zilla-sf-menu li.sfHover > ul,
.zilla-sf-menu li:active > ul,.zilla-sf-menu li.sfHover > ul {
	display:block;
}

.zilla-sf-menu a {
	position:relative;
	display:block;
}

.zilla-sf-menu ul ul {
	top:-8px;
	left:100%;
	right:auto;
}

/* Skin --- */
.header-content button:hover,
.header-content button:active,
input[type="submit"]:hover,
input[type="submit"]:active {
	color: #3381fc !important;
}

.primary-menu a {
	cursor: pointer;
	font-size:15px;
	font-weight:400;
	line-height:1.6em;
	color:#2b2e33;
	-webkit-transition:.3s ease;
	-moz-transition:.3s ease;
	-o-transition:.3s ease;
	-ms-transition:.3s ease;
	transition:.3s ease;
}

.site-header.has-image .primary-menu a {
	color:#333;
}

.page-template-template-home-php #header .primary-menu a {
	color: white;
}

.primary-menu > li > a {
	padding:15px;
	margin-left:5px;
	line-height:1em;
}
body:not(.home):not(.error404) .primary-menu > li > a[href]:hover,
body:not(.home):not(.error404) .primary-menu > li > a[href]:active {
	color: #3381fc !important;
}
.primary-menu > li > a:not([href]) {
	cursor: default;
}

.home #header[header_scroll="scroll"] .primary-menu > li > a:hover,
.home #header[header_scroll="scroll"] .primary-menu > li > a:active,
.home #header[header_scroll="scrollnext"] .primary-menu > li > a:hover,
.home #header[header_scroll="scrollnext"] .primary-menu > li > a:active,
.home #header[header_scroll="fixed"] .primary-menu > li > a:hover,
.home #header[header_scroll="fixed"] .primary-menu > li > a:active {
	color:white !important;
}

:not(.home) .primary-menu a:hover,
:not(.home) .primary-menu a:active,
:not(.home) .primary-menu .sfHover > a,
:not(.home) .primary-menu .current-menu-item > a {
	color:#3381FC !important;
	background:white;
	border-radius:2px;
}

.primary-menu .current-menu-item > a:not([href]) {
	color:#333;
}

.site-header.has-image .primary-menu a:hover,
.site-header.has-image .primary-menu a:active,
.site-header.has-image .primary-menu .sfHover > a,
.site-header.has-image .primary-menu .current-menu-item > a,
.page-template-template-home-php .primary-menu a:hover,
.page-template-template-home-php .primary-menu a:active,
.page-template-template-home-php .primary-menu .sfHover > a,
.page-template-template-home-php .primary-menu .current-menu-item > a,
.error404 .primary-menu a:hover,
.error404 .primary-menu a:active,
.error404 .primary-menu .sfHover > a,
.error404 .primary-menu .current-menu-item > a {
	background:rgba(255,255,255,0.1);
}

.home #preheader .primary-menu a:hover,
.home #preheader .primary-menu a:active {
	color: #333;
}

.primary-menu .sfHover .sf-with-ul {
	background:none;
}

.primary-menu .sub-menu .sf-with-ul {
	padding-right: 23px;
}

.primary-menu .sub-menu .sf-with-ul:after {
	border-left:3px solid #ececec;
	border-top:3px solid transparent;
	border-bottom:3px solid transparent;
	top:36%;
}

.site-header.has-image .primary-menu .sf-with-ul:after,.page-template-template-home-php .primary-menu .sf-with-ul:after {
	border-top-color:#000;
}

.primary-menu .sub-menu {
	padding:7px 0 3px;
	background:#fff;
	border:1px solid #ececec;
	border-radius:2px;
}

.home #header .primary-menu .sub-menu {
	border-color: white !important;
}

.primary-menu .sub-menu .sub-menu:before {
	top:6px;
	right:100%;
	border-top:11px solid transparent;
	border-right:11px solid #ececec;
	border-bottom:11px solid transparent;
}

.primary-menu .sub-menu .sub-menu:after {
	top:7px;
	right:100%;
	border-top:10px solid transparent;
	border-right:10px solid #fff;
	border-bottom:10px solid transparent;
}

.site-header.has-image .primary-menu .sub-menu {
	border: none;
	box-shadow: none;
}

.site-header.has-image .primary-menu .sub-menu:before {
	display:none;
}

.primary-menu .sub-menu a {
	padding:0 15px;
	font-size:15px;
	line-height:40px;
	color:#333 !important;
	background:none;
	cursor: pointer;
}

.primary-menu .sub-menu a:hover,
.primary-menu .sub-menu a:active {
	color:#3381FC!important;
}

/* Mobile Menu Skin --- */
.zilla-mobile-menu-wrap {
	/* position:relative; */
	position: fixed;
	top: 0;
	z-index: 10000;
	width:100%;
	min-height:45px;
	background:#232527;
}

.zilla-mobile-menu {
	z-index:998;
	height: 100vh;
	overflow: scroll;
	display:block;
	width:100%;
	padding:0 0 20px;
	padding:0 0 2rem;
	margin-left:0;
	background:RGB(25, 27, 46);
}

.zilla-mobile-menu ul {
	margin:0 0 0 10px;
	background:transparent;
}

.zilla-mobile-menu li {
	list-style:none;
	border-top:1px solid rgba(255, 255, 255, .03);
}

.zilla-mobile-menu > li {
	width:90%;
	margin:0 auto;
}

.zilla-mobile-menu > li:first-child {
	border-top:none;
}

.zilla-mobile-menu a {
	display:block;
	height:2em;
	line-height:2em;
	color:white;
	border-bottom:none;
}

.zilla-mobile-menu .current-menu-item a,
.zilla-mobile-menu .current_page_item a,
.zilla-mobile-menu a:hover,
.zilla-mobile-menu a:active {
	color:#fff;
	border-bottom:none;
}

.zilla-mobile-menu-dropdown {
	position:absolute;
	z-index:9999;
	display:block;
	width:100%;
	height:45px;
	padding-left:2.5%;
	overflow:hidden;
	line-height:45px;
	color:#f1f1f1;
	text-indent:100%;
	white-space:nowrap;
	cursor:pointer;
	background:RGB(25, 27, 46) url(images/menu-icon.gif) 2.5% 48% no-repeat;
	border-bottom:none;
}

.zilla-mobile-menu-dropdown:hover,
.zilla-mobile-menu-dropdown:active {
	border-bottom:none;
}

.mobile-logo {
	position: absolute;
	width: 58px;
	top: 10px;
	left: 50px;
	z-index: 10000;
}

/* Page Navigation --- */
.page-navigation .nav-next {
	float:left;
}

.page-navigation .nav-previous {
	float:right;
}

.single-page-navigation .nav-next {
	float:right;
}

.single-page-navigation .nav-previous {
	float:left;
}

.comment-navigation .nav-next {
	float:right;
}

.comment-navigation .nav-previous {
	float:left;
}

.entry-navigation {
	clear:both;
}

body.single-portfolio .entry-navigation {
	margin:0 -20px;
}

.entry-navigation div,
.module-navigation div {
	float:left;
	width:33.333%;
	height:90px;
	line-height:90px;
	text-align:center;
	border-top:1px solid #ececec;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.entry-navigation .top,
.module-navigation .top {
	border-right:1px solid #ececec;
	border-left:1px solid #ececec;
}

.entry-navigation .title,
.module-navigation .title {
	padding:0 40px;
	overflow:hidden;
	color:#b6bcbf;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.entry-navigation .arrow,.entry-navigation .title,
.module-navigation .arrow,.module-navigation .title {
	position:absolute;
	top:0;
	left:50%;
	display:block;
	max-width:100%;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
	-webkit-transition:all .2s ease-out;
	-o-transition:all .2s ease-out;
	transition:all .2s ease-out;
}

.entry-navigation a,
.module-navigation a {
	z-index: 1000;
	background: white;
	position:relative;
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
	outline:none;
}

.entry-navigation a:hover .title,
.module-navigation a:hover .title,
.entry-navigation a:active .title,
.module-navigation a:active .title {
	color: #666;
}

.entry-navigation .previous a:hover .title,
.module-navigation .previous a:hover .title,
.entry-navigation .previous a:active .title,
.module-navigation .previous a:active .title {
	left:50%;
	opacity:1;
	color: #666;
}

.entry-navigation .next a:hover .title,
.module-navigation .next a:hover .title,
.entry-navigation .next a:active .title,
.module-navigation .next a:active .title {
	left:50%;
	opacity:1;
	color: #666;
}

.entry-navigation .top a:hover .title,
.entry-navigation .top a:active .title {
	/* top:100%; */
	color: #666;
}

body.single-post .author img,
body.single-post .author .written-by,
body.single-post .author .comment-count {
	display: none;
}

/* Titles --- */
.entry-header {
	margin-bottom: 20px;
}

.single-post .entry-header {
	margin-top: 40px;
	margin-bottom: 60px;
}

.entry-title {
	font-size:32px;
	line-height:42px;
	margin-bottom:60px;
}

.entry-title,#content .entry-title a {
	color:#333;
}

#content .entry-title a:hover,
#content .entry-title a:active {
	color:#3381fc;
}

.type-portfolio .entry-title,
.type-feature .entry-title {
	font-size: 30px;
	line-height:30px;
	margin-bottom: 40px;
}

/* Content --- */
.entry-summary {
	font-size:16px;
	font-weight:300;
	line-height:30px;
}

.entry-thumbnail,.gallery {
	margin:40px 0 0;
}

.entry-thumbnail img {
	width:100%;
	height:auto;
}

.entry-link,.entry-quote,.entry-audio,.entry-video {
	margin-bottom:2em;
}

.entry-gallery,.entry-video {
	margin-right:-40px;
	margin-left:-40px;
}

.no-sidebar .entry-video .wp-video {
	width:730px!important;
}

.entry-link a {
	font:22px/33px Merriweather,Georgia,"Times New Roman",Times,serif;
	font-style:italic;
}

.blog .type-post:last-child .entry-meta,.search-results .type-post:last-child .entry-meta,.search-results .type-page:last-child .entry-meta {
	border-bottom:none;
}

.single-attachment .entry-meta {
	padding-bottom:30px;
}

body:not(.home) .site-main blockquote:not(.zilla-testimonial-quote) {
	margin:80px 0 80px -90px;
	border-radius: 6px;
    background: rgba(0,92,252,0.06);
    padding: 40px 45px 40px 90px;
    position: relative;
}

.home blockquote {
	background: white !important;
}

.author {
	position:relative;
	font-size:14px;
	line-height:24px;
}

.author .avatar {
	display:block;
	float:left;
	margin-right:15px;
	border-radius:85px;
}

.author .written-by {
	display:inline-block;
	margin:40px 5px 0 0;
}

#content .author .written-by a {
	font-weight:600;
	color:#2b2e33;
}

#content .author .written-by a:hover,
#content .author .written-by a:active {
	color:#3381fc;
}

.author .share-links {
	position:absolute;
	right:0;
	bottom:3px;
}

.author .share-links a {
	display:inline-block;
	margin-left:10px;
}

.author .share-links a svg {
	width:30px;
	height:30px;
	vertical-align:middle;
	fill:#595C61;
}

.author .share-links .twitter svg {
	fill:#55acee;
}

.author .share-links .facebook svg {
	fill:#3b5998;
}

.author .share-links .google svg {
	fill:#fb4834;
}

.author .share-links .linkedin svg {
	fill:#0976b4;
}

.author .share-links .pinterest svg {
	fill:#cc2127;
}

.author .share-links a:hover svg {
	opacity:.62;
}

.type-post .entry-meta .zilla-button {
	margin:0!important;
	font-weight:400;
	text-shadow:none;
	background:#2b9fd9;
}

.type-post .entry-meta .zilla-button:hover,
.type-post .entry-meta .zilla-button:active {
	background:#1188D6;
}

.type-post .entry-meta .details,.search-results .type-page .entry-meta .details {
	float:right;
	font-size:14px;
	line-height:30px;
}

.type-post .entry-meta .details img,.search-results .type-page .entry-meta .details img {
	float:right;
	margin-left:10px;
	border-radius:30px;
}

.type-post .entry-meta .details .written-by {
	margin-left:10px;
}

.details {
	font-weight: 400;
	display: none;
}

#content .type-post .entry-meta .details .written-by a,.search-results .type-page .entry-meta .details .written-by a {
	font-weight:600;
	color:#2b2e33;
}

/* Media Elements --- */
/*
.mejs-container {
	margin-top:-9px;
}
*/

.entry-content img.wp-smiley,.comment-content img.wp-smiley {
	padding:0;
	margin-top:0;
	margin-bottom:0;
	border:0;
}

.wp-caption,.gallery-caption,.wp-caption-text {
	max-width:100%;
	margin:1em 0 3em;
	font-size:1.3rem;
	text-align:center;
}

.gallery-caption,.wp-caption-text {
	margin-top:.25em;
	padding-bottom:.5em;
	border-bottom:1px solid rgba(89,92,97,0.5);
	opacity:.5;
}

.wp-caption.alignleft {
	margin-right:1.5em;
	margin-bottom:1.5em;
}

.wp-caption.alignright {
	margin-left:1.5em;
	margin-bottom:1.5em;
}

.slidesjs-container .wp-caption {
	margin-bottom:0;
}

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

.wp-caption p {
	margin:0;
}

.wp-caption p.wp-caption-text {
	margin:.25em 0 3em;
}

.wp-caption p:empty {
	display:none;
}

.site-main .gallery {
	margin-bottom:1.5em;
}

.site-main .gallery a img {
	height:auto;
	border:none;
}

.site-main .gallery dd {
	padding:0 .625em;
	margin:.625em 0;
}

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

/* Audio/Video jPlayer Skin --- */
.jp-audio,.jp-video {
	width:480px;
	max-width:100%;
	margin:0 auto -1.57142857142em;
}

.jp-video + .jp-audio,.fluid-width-video-wrapper + .jp-audio {
	margin-top:2.71428571428em;
}

.jp-gui {
	margin-bottom:-35px;
}

.jp-interface {
	position:relative;
	top:-53px;
	left:4.545454545%;
	width:91.25%;
	height:33px;
	margin-bottom:3px;
	background:#232527 url(images/media_player.png) 0 -132px repeat-x;
	border:1px solid #000;
	border-radius:3px;
	-webkit-box-shadow:0 1px 0 #4b4e53 inset,0 1px 3px rgba(0,0,0,0.7);
	box-shadow:0 1px 0 #4b4e53 inset,0 1px 3px rgba(0,0,0,0.7);
}

.jp-video-full {
	position:relative;
}

.jp-video-full .jp-jplayer {
	position:fixed!important;
	position:relative;
	top:0;
	left:0;
	z-index:998;
	overflow:hidden;
	background:#000;
}

.jp-video-full .jp-gui {
	z-index:1000;
	display:block;
}

.jp-video-full .jp-interface {
	position:fixed;
	top:auto;
	bottom:0;
	left:.25%;
	z-index:1000;
	width:99%;
}

/* Controls ----- */
.jp-controls,.jp-toggles {
	z-index:100;
	float:left;
	padding:0;
	margin:0;
}

.jp-controls li {
	float:left;
}

.jp-controls a {
	position:absolute;
	overflow:hidden;
	text-indent:-999em;
}

.jp-play,.jp-pause {
	z-index:2;
	display:block;
	width:30px;
	height:100%;
	background:#d2d6db url(images/media_player.png) 0 0 no-repeat;
	border-top:1px solid #4b4e53;
	border-bottom:none;
}

.jp-play:hover,.jp-pause:hover {
	background-color:#0076a3;
	border-bottom:none;
}

.jp-pause {
	background-position:0 -33px;
}

.jp-play,.jp-pause {
	border-right:1px solid #4b4e53;
	border-radius:3px 1px 1px 3px;
}

.jp-progress {
	position:absolute;
	width:100%;
	height:9px;
	padding:0 25px 0 40px;
	margin:11px 0;
}

.jp-seek-bar {
	position:relative;
	z-index:999;
	height:8px;
	padding:0 0 1px;
	cursor:pointer;
	background:#141618;
	border-top:1px solid #000;
	border-right:1px solid #0f0f10;
	border-bottom:1px solid #2c2d2f;
	border-left:1px solid #0f0f10;
	border-radius:2px;
}

.jp-play-bar {
	height:8px;
	background:#0076a3;
	background-image:-webkit-linear-gradient(135deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
	background-image:-moz-linear-gradient(135deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
	background-image:-ms-linear-gradient(135deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
	background-image:-o-linear-gradient(135deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
	background-image:linear-gradient(135deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
	-webkit-background-size:8px 8px;
	-moz-background-size:8px 8px;
	background-size:8px 8px;
	border-radius:1px 2px 2px 1px;
	-webkit-box-shadow:0 5px 5px rgba(255,255,255,0.2) inset;
	box-shadow:0 5px 5px rgba(255,255,255,0.2) inset;
}

.jp-play-bar {
	-webkit-animation:animate-stripes 3s linear infinite;
	-moz-animation:animate-stripes 3s linear infinite;
}

@-webkit-keyframes animate-stripes {
	0% {
		background-position:0 0;
	}
	
	100% {
		background-position:60px 0;
	}
}

@-moz-keyframes animate-stripes {
	0% {
		background-position:0 0;
	}
	
	100% {
		background-position:60px 0;
	}
}

/*-----------------------------------------------------------------------------------*/
/*  6. Portfolio
/*-----------------------------------------------------------------------------------*/
.header-content .entry-categories .portfolio-type-nav {
	padding:0;
	margin:22px 0 0;
	text-align:center;
	list-style:none;
}

.header-content .entry-categories .portfolio-type-nav li {
	display:inline;
}

.header-content .entry-categories .portfolio-type-nav a {
	position:relative;
	top:-2px;
	display:inline-block;
	padding:7px 8px 5px;
	margin:0 5px 10px;
	font-size:13px;
	line-height:1em;
	color:#a6a7aa;
	border:1px solid #c0c1c3;
	border-radius:2px;
}

.header-content .entry-categories .portfolio-type-nav a:hover,
.header-content .entry-categories .portfolio-type-nav a:active {
	color:#595c61;
	border-color:#595c61;
}

.header-content .entry-categories .portfolio-type-nav a.active {
	color:#fff;
	background-color:#595c61;
	border-color:#595c61;
}

.site-header.has-image .entry-categories .portfolio-type-nav a {
	color:#fff;
	border:1px solid #fff;
	opacity:.8;
}

.site-header.has-image .entry-categories .portfolio-type-nav a:hover,
.site-header.has-image .entry-categories .portfolio-type-nav a:active {
	opacity:1;
}

.site-header.has-image .entry-categories .portfolio-type-nav a.active {
	color:#595c61;
	background-color:#fff;
	border-color:#fff;
	opacity:1;
}

.portfolio-container.layout-2col {
	margin:0 -20px;
	background:#fff;
}

.features-container.layout-2col {
	/* margin:0 -20px -36px; */
	background:#fff;
}

.portfolio-container.layout-2col .type-portfolio,
.features-container.layout-2col .type-feature {
	position:relative;
	width:100%;
	/* border-bottom:1px solid #b6bcbf; */
	-webkit-transition:opacity .3s ease;
	-moz-transition:opacity .3s ease;
	-o-transition:opacity .3s ease;
	-ms-transition:opacity .3s ease;
	transition:opacity .3s ease;
}

/*
.features-container p {
	margin-bottom: 0 !important;
}
*/

.features-container .entry-thumb {
	position: relative;
}

.features-container .entry-thumb div {
	min-width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.features-container.layout-2col .entry-thumb img {
	border: 1px solid #ececec !important;
	border-radius: 6px;
}

.type-feature {
	margin-bottom: -7px !important;
}

.page-template-template-portfolio-php .portfolio-container.layout-2col .type-portfolio
/* .page-template-template-features-php .features-container.layout-2col .type-feature REVISIT */ {
	visibility:hidden;
}

.page-template-template-features .elementor-section>.elementor-container {
	display: inherit !important;
}

.portfolio-container.layout-2col .entry-thumb {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:50%;
	display:block;
	background-position:50% 50%;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-o-transition:all .4s ease;
	-ms-transition:all .4s ease;
	transition:all .4s ease;
}

.features-container.layout-2col .entry-thumb {
	overflow: hidden;
	width:50%;
	display:block;
	background-position:50% 50%;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-o-transition:all .4s ease;
	-ms-transition:all .4s ease;
	transition:all .4s ease;
}

.portfolio-container.layout-2col .entry-thumb img,
.features-container.layout-2col .entry-thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	overflow: hidden;
}

.portfolio-container.layout-2col .entry-thumb .leftpos img,
.features-container.layout-2col .entry-thumb .leftpos img {
	object-position: top left;
}

.portfolio-container.layout-2col .entry-content {
	position:relative;
	left:50%;
	width:50%;
	padding:140px 100px;
	background: white;
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-o-transition:all .4s ease;
	-ms-transition:all .4s ease;
	transition:all .4s ease;
}

.features-container.layout-2col .entry-content {
	position:relative;
	width:50%;
	padding: 100px;
	background: white;
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-o-transition:all .4s ease;
	-ms-transition:all .4s ease;
	transition:all .4s ease;
}

.features-container #elementor-section-wrap {
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-direction: row;
	flex-direction: row;
}

.portfolio-container.layout-2col .type-portfolio.odd .entry-thumb {
	left:50%;
}

.portfolio-container.layout-2col .type-portfolio.odd .entry-content {
	left:0;
}

.portfolio-container.layout-2col .entry-excerpt,
.features-container.layout-2col .entry-excerpt {
	margin-bottom:25px;
}

.portfolio-container.layout-2col .entry-excerpt p,
.features-container.layout-2col .entry-excerpt p {
	margin:0;
}

/* Single Portfolio */
.single-portfolio .type-portfolio {
	padding:100px 0 160px;
}

.single-portfolio #content img {
	padding-top: 20px;
	padding-bottom: 20px;
}

.single-portfolio .type-portfolio .entry-content {
	/*
	max-width:560px;
	margin:0 auto 50px;
	*/
}

.zilla-gallery {
	position:relative;
	padding:0;
	margin:0 0 2em;
	list-style:none;
}

.slidesjs-container {
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-o-transition:all .3s ease;
	-ms-transition:all .3s ease;
	transition:all .3s ease;
}

.portfolio-media-feature {
	margin-bottom:1px;
}

.portfolio-media-feature img,.zilla-gallery li img {
	display:block;
	height:auto;
	max-width:100%;
	margin:0 auto 1px;
}

.slidesjs-navigation {
	position:absolute;
	right:10px;
	top:10px;
	z-index:20;
	display:block;
	width:36px;
	height:36px;
	text-indent:-9999px;
	background-color:#000;
	background-color:rgba(0,0,0,0.5);
	background-image:url(images/slider-arrows.png);
	background-position:-1px 45%;
	background-repeat:no-repeat;
	outline:none;
}

.slidesjs-navigation:hover {
	background-color:rgba(0,0,0,0.7);
}

.slidesjs-navigation.slidesjs-previous {
	right:47px;
}

.slidesjs-navigation.slidesjs-next {
	background-position:-63px 45%;
}

.header-content .post-tags,
.header-content .post-categories,
.header-content .entry-categories {
	max-width:560px;
	margin:15px auto 0;
}

.header-content .entry-categories ul {
	padding:0;
	margin:0;
	text-align:center;
	list-style:none;
}

.header-content .entry-categories li {
	display:inline;
}

.header-content p a[rel='tag'],
.header-content p a[rel='category tag'],
.header-content .entry-categories a {
	position:relative;
	top:-2px;
	display:inline-block;
	padding:7px 12px 5px;
	margin:0 5px 10px;
	font-size:13px;
	-webkit-font-smoothing:subpixel-antialiased;
	line-height:1em;
	color:#fff;
	border:1px solid #fff;
	border-radius:2px;
	opacity:.8;
}

.header-content.no-thumbnail p a[rel='tag'],
.header-content.no-thumbnail p a[rel='category tag'],
.header-content.no-thumbnail .entry-categories a {
	color:#a6a7aa;
	border:1px solid #c0c1c3;
}

.header-content p a[rel='tag'],
.header-content p a[rel='category tag'] {
	margin:0 2px 10px;
}

.header-content p a[rel='tag']:hover,
.header-content p a[rel='category tag']:hover,
.header-content .entry-categories a:hover,
.header-content p a[rel='tag']:active,
.header-content p a[rel='category tag']:active,
.header-content .entry-categories a:active {
	opacity:1;
}

.header-content p a[rel='tag']:before {
	display:inline-block;
	margin-right:7px;
	font-size:11px;
	content:"#";
}

/*-----------------------------------------------------------------------------------*/
/*	7.	Comments
/*-----------------------------------------------------------------------------------*/
#comments {
	padding-top:90px;
	margin-top:70px;
	border-top:1px solid #e5e5df;
}

.comments-title {
	margin:0 0 50px;
	font-size:39px;
	line-height:42px;
	float:left;
}

.commentlist {
	margin:0 0 40px;
	list-style-type:none;
	clear:left;
}

.pinglist {
	margin:0 0 40px 30px;
	list-style-type:decimal;
}

.comment .avatar {
	display:block;
	float:left;
	margin-right:20px;
	border-radius:60px;
}

.comment-content {
	overflow:auto;
	font-size:14px;
	line-height:24px;
}

.comment-footer {
	margin-bottom:30px;
}

.comment-author {
	margin-bottom:5px;
}

.comment-author cite,#content .comment-author cite a {
	font-style:normal;
	font-weight:600;
	color:#2b2e33;
}

#content .comment-author cite a:hover,
#content .comment-author cite a:active {
	color:#07608c;
}

.comment-meta,#content .comment-meta a {
	color:#b6bcbf;
}

#content .comment-meta a:hover,
#content .comment-meta a:active {
	color:#07608c;
}

.comment-body p:last-child {
	margin-bottom:5px;
}

.children {
	margin:0 0 0 80px;
	list-style-type:none;
}

.nocomments {
	padding:20px;
	text-align:center;
}

.comment-form {
	margin-bottom:2em;
}

.comment-form label {
	display:block;
	font-weight:400;
}

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

.comment-form input,.comment-form textarea {
	width:100%;
	padding:15px 20px;
}

.comment-form .required {
	color:red;
}

.comment-form #submit {
	position:absolute;
	right:0;
	width:auto;
}

.comment-form .form-submit {
	height:41px;
	margin-top:1em;
}

.comment-form {
	position:relative;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	-webkit-box-orient:column;
	-webkit-box-direction:column;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
}

.comment-form > p {
	margin-bottom:1em;
	min-height:50px;
}

.comment-form > p,#cancel-comment {
	-ms-flex: none;
	-webkit-box-flex: none;
	-webkit-flex: none;
	flex: none;
	-webkit-box-ordinal-group:2;
	-moz-box-ordinal-group:2;
	-ms-flex-order:2;
	-webkit-order:2;
	order:2;
}

#cancel-comment {
	position:absolute;
	right:160px;
	margin-top:16px;
	line-height:41px;
}

.comment-form .comment-form-comment {
	margin-top:0;
	-webkit-box-ordinal-group:1;
	-moz-box-ordinal-group:1;
	-ms-flex-order:1;
	-webkit-order:1;
	order:1;
}

.commentlist form,.commentlist .comment-form textarea {
	height:auto!important;
}

.commentlist #cancel-comment {
	display:none;
}

#reply-title {
	margin:0;
}

#cancel-comment-reply-link {
	font-size:16px;
	font-weight:400;
}

#comments .share-links {
	float:right;
	margin-bottom:30px;
	margin-top:1px;
}

#comments .share-links a {
	display:inline-block;
	margin-left:10px;
}

#comments .share-links a svg {
	width:30px;
	height:30px;
	vertical-align:middle;
	fill:#595C61;
}

#comments .share-links .twitter svg {
	fill:#55acee;
}

#comments .share-links .facebook svg {
	fill:#3b5998;
}

#comments .share-links .google svg {
	fill:#fb4834;
}

#comments .share-links .linkedin svg {
	fill:#0976b4;
}

#comments .share-links .pinterest svg {
	fill:#cc2127;
}

#comments .share-links a:hover svg {
	opacity:.62;
}

/*-----------------------------------------------------------------------------------*/
/*	8.	Footer Styles
/*-----------------------------------------------------------------------------------*/
.site-footer {
	overflow:hidden;
	position:relative;
	z-index:10;
	padding:80px 0px 150px;
	font-size:14px;
	color:rgba(255,255,255,0.75);
	background-color:RGB(25, 27, 46) !important;
}

body:not(.home) footer .site-logo {
	display: none;
}

.site-footer .inner {
	position:relative;
}

.site-footer-bg-img-wrap {
	display: none !important;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	overflow:hidden;
}

.site-footer-bg-img {
	position:absolute;
	top:-15px;
	right:-15px;
	bottom:-15px;
	left:-15px;
	background-position:50% 50%;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	opacity:.25;
	-webkit-filter:blur(8px) grayscale(100%);
	-moz-filter:blur(8px) grayscale(100%);
	-ms-filter:blur(8px) grayscale(100%);
	-o-filter:blur(8px) grayscale(100%);
	filter:blur(8px) grayscale(100%);
}

.site-footer .site-logo {
	float:none;
	margin-bottom:10px;
}

.site-footer a {
	color:#fff;
}

.site-footer a:hover,
.site-footer a:active {
	color:rgba(255,255,255,0.5);
}

.site-footer .site-tagline {
	margin:0;
	color: #d3cbe7 !important;
	opacity: .5;
}

.site-footer .site-tagline a {
	color: #d3cbe7 !important;
}

.site-footer .social {
	position:absolute;
	right:20px;
	bottom:0;
}

.site-footer .social a {
	display:inline-block;
	margin-left:10px;
	width:30px;
	height:30px;
}

.site-footer .social a svg {
	width:97%;
	vertical-align:middle;
	opacity:.62;
	fill:#fff;
}

.site-footer .social a:hover svg {
	opacity:1;
}

/*-----------------------------------------------------------------------------------*/
/*	9.	Page & Page Templates
/*-----------------------------------------------------------------------------------*/
.page:not(.page-template-template-features) #primary:not(.full-width) .type-page,
.single-portfolio article {
	padding: 100px 0;
}

#primary.full-width .page {
	padding: 0 0 100px;
}

.page-template-template-features .type-page {
	padding: 0 !important;
}

.archive-lists {
	text-align:center;
}

.archive-lists .children {
	margin-bottom:0;
}

.archive-lists ul {
	margin-left:0;
	list-style:none;
}

.full-width {
	width:auto;
}

.contactform {
	margin-left:0;
}

.contactform li {
	list-style-type:none;
}

.contactform li label {
	display:block;
	margin-bottom:10px;
}

.contactform li input[type="text"] {
	width:100%;
	margin-bottom:15px;
}

.contactform li textarea {
	width:100%;
	height:200px;
	margin-bottom:15px;
}

.contactform li button {
	float:right;
}

label.error {
	color:red;
}

.contact-social {
	margin:50px 0 80px;
	text-align:center;
}

.contact-social a {
	display:inline-block;
	margin:0 5px;
}

.contact-social a svg {
	width:30px;
	height:30px;
	vertical-align:middle;
	opacity:.62;
	fill:#595c61;
}

.contact-social a:hover svg {
	opacity:1;
}

/* Home Page ---------------------------------------------------*/
.home-portfolio-slider-wrap {
	position:relative;
	margin:0 -20px;
	border-top:1px solid #b6bcbf;
	border-bottom:1px solid #b6bcbf;
}

.home-portfolio-slider {
	margin-left:50%;
	overflow:hidden;
	background:#f0f1f2;
}

.home-portfolio-slider-thumbs {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:50%;
	overflow:hidden;
}

.home-portfolio-slider-thumbs .entry-thumb {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:100%;
	background-position:50% 50%;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	opacity:0;
	-webkit-transform:translateX(-100%);
	-ms-transform:translateX(-100%);
	transform:translateX(-100%);
	-webkit-transition:-webkit-transform .5s ease-out;
	-moz-transition:-moz-transform .5s ease-out;
	-o-transition:-o-transform .5s ease-out;
	transition:transform .5s ease-out;
}

.home-portfolio-slider-thumbs .entry-thumb img {
	display:block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	overflow: hidden;
}

.home-portfolio-slider .entry-thumb {
	display:none;
}

.home-portfolio-slider-wrap.direction-prev .entry-thumb.current-slide,.home-portfolio-slider-wrap.direction-next .entry-thumb.current-slide {
	opacity:1;
	-webkit-transform:translateX(0);
	-ms-transform:translateX(0);
	transform:translateX(0);
}

.home-portfolio-slider-wrap.direction-prev .entry-thumb {
	-webkit-transform:translateX(100%);
	-ms-transform:translateX(100%);
	transform:translateX(100%);
}

.home-portfolio-slider-wrap.direction-prev .last-slide {
	opacity:1;
	-webkit-transform:translateX(-100%);
	-ms-transform:translateX(-100%);
	transform:translateX(-100%);
}

.home-portfolio-slider-wrap.direction-next .last-slide {
	opacity:1;
	-webkit-transform:translateX(100%);
	-ms-transform:translateX(100%);
	transform:translateX(100%);
}

.home-portfolio-slider .portfolio {
	position:relative;
	float:left;
	width:100%;
	margin-right:-100%;
	opacity:0;
	-webkit-transform:translateX(-100%);
	-ms-transform:translateX(-100%);
	transform:translateX(-100%);
	-webkit-transition:-webkit-transform .5s ease-out;
	-moz-transition:-moz-transform .5s ease-out;
	-o-transition:-o-transform .5s ease-out;
	transition:transform .5s ease-out;
}

.home-portfolio-slider .entry-content {
	padding:160px 100px;
	background:#f0f1f2;
}

.home-portfolio-slider-wrap.direction-prev .portfolio.current,.home-portfolio-slider-wrap.direction-next .portfolio.current {
	opacity:1;
	-webkit-transform:translateX(0);
	-ms-transform:translateX(0);
	transform:translateX(0);
}

.home-portfolio-slider-wrap.direction-prev .portfolio {
	-webkit-transform:translateX(100%);
	-ms-transform:translateX(100%);
	transform:translateX(100%);
}

.home-portfolio-slider-wrap.direction-prev .portfolio.last-slide {
	opacity:1;
	-webkit-transform:translateX(-100%);
	-ms-transform:translateX(-100%);
	transform:translateX(-100%);
}

.home-portfolio-slider-wrap.direction-next .portfolio.last-slide {
	opacity:1;
	-webkit-transform:translateX(100%);
	-ms-transform:translateX(100%);
	transform:translateX(100%);
}

.home-portfolio-slider .entry-title {
	margin:0 0 5px;
	font-size:22px;
	line-height:30px;
}

.home-portfolio-slider .entry-excerpt {
	margin-bottom:10px;
}

.home-portfolio-slider .entry-excerpt p {
	margin:0;
}

#content .home-portfolio-slider .entry-categories {
	margin-bottom:40px;
}

#content .home-portfolio-slider .entry-categories a {
	display:inline-block;
	padding:1px 8px 0;
	margin:0 5px 0 0;
	font-size:12px;
	line-height:1.6em;
	color:#595c61;
	border:1px solid #b7b8bb;
	border-radius:2px;
	opacity:.6;
}

#content .home-portfolio-slider .entry-categories a:hover,
#content .home-portfolio-slider .entry-categories a:active {
	opacity:1;
}

.home-portfolio-slider-nav a {
	position:absolute;
	top:0;
	bottom:0;
	z-index:15;
	display:block;
	width:40px;
	text-indent:-9999px;
	background:#2b2e33 url(images/slider-arrows.png) no-repeat 0 50%;
	background-color:rgba(43,46,51,0.2);
	opacity:0;
	-webkit-transition:opacity .2s ease-out;
	-o-transition:opacity .2s ease-out;
	transition:opacity .2s ease-out;
}

.home-portfolio-slider-nav a:focus {
	outline:none;
}

.home-portfolio-slider-nav .lean-slider-prev {
	left:0;
}

.home-portfolio-slider-nav .lean-slider-next {
	right:0;
	background-position:100% 50%;
}

.home-portfolio-slider-wrap:hover .home-portfolio-slider-nav a,
.home-portfolio-slider-wrap:active .home-portfolio-slider-nav a {
	opacity:1;
}

.upper-home-page {
	padding:100px 60px;
}

.lower-home-page {
	padding:100px 0;
}

.tagline {
	text-align: center;
	padding: 80px 0;
}

.upper-home-page.widget-count-1 .widget,.lower-home-page.widget-count-1 .widget {
	width:760px;
	margin:0 auto 1.5em;
}

.upper-home-page.widget-count-2 .widget,.lower-home-page.widget-count-2 .widget {
	float:left;
	width:50%;
	padding:0 20px;
}

.upper-home-page.widget-count-3 .widget {
	float:left;
	width:33.333%;
}

.lower-home-page.widget-count-3 .widget, .lower-home-page.widget-count-4 .widget {
	float:left;
	width:33.333%;
	padding:0 20px;
}

.upper-home-page.widget-count-4 .widget {
	float:left;
	width:25%;
	padding:0 20px;
}

body.error404 .site-main {
	text-align:center;
}

body.error404 .page-title {
	margin-bottom: 20px;
}

body.error404 header {
	display: none !important;
}

body.error404,
body.error404 .site-content-wrap {
	background: #0a0b1c !important;
}

body.error404 .site-content-wrap {
	height: 600px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-items: center;
	align-items: center;
	padding-top: 100px;
}

body.error404 .code-area,
body.error404 .code-area > span {
	display: block !important;
	text-align: left !important;
	font-family: 'inconsolata-dz', 'source sans pro', sans-serif;
}

body.error404 .header-area,
body.error404 .header-area .inner {
	height: 200px !important;
}

body.error404 .header-content > div {
	-webkit-align-items: flex-end !important;
	align-items: flex-end !important;
	-webkit-align-content: flex-end !important;
	align-content: flex-end !important;
}

body.error404 .code-area #searchform {
	width: 100%;
	display: inline-block;
}

body.error404 .code-area #s {
	width: 100%;
	font-family: 'inconsolata-dz';
    background: #080816;
    color: #6a6e98;
    border: none;
    border-radius: 0 !important;
    margin-top: 10px;
}

body.error404 .code-area #s:focus,
body.error404 .code-area #s:active {
	color: #aab2ff;
}

body.error404 .entry-content {
	margin-bottom:150px;
	width: 250px;
	margin: 0 auto;
}

body.error404 .entry-content p {
	font-size:16px;
	line-height:26px;
}

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

.widget-title {
	font-size:22px;
	font-weight:700;
	line-height:30px;
	color:#2b2e33;
}

.widget > ul,.widget > ol {
	margin:0;
	list-style-type:none;
}

.widget select {
	max-width:100%;
}

.widget .lead {
	margin:10px 0 25px;
}

/* Recent Work Widget ---------------------------------------------------*/
.widget.zilla_recentwork_widget {
	margin-bottom:20px;
}

/* Search Widget --------------------------------------------------------*/
.widget_search #s {
	width:100% !important;
	padding:10px 12px;
	line-height:1em;
	border-radius:2px;
	margin-bottom: 20px;
}

.widget_search form,.widget_search fieldset {
	margin:0;
}

.widget_search input {
	color: #c3c3c3;
	-webkit-transition: all 0.2s ease-out;
  	transition: all 0.2s ease-out;
}

.widget_search input:focus {
	color: #333;
	border: 1px solid #3381fc !important;
}

/* Calander Widget -------------------------------------------------------*/
.widget_calendar caption {
	margin-bottom:5px;
}

.widget_calendar table {
	width:100%;
}

/* Twitter Widget -------------------------------------------------------*/
.zilla-tweet-widget ul {
	margin:0 0 10px;
	list-style-type:none;
}

.zilla-tweet-widget li {
	padding:8px 0;
	border-bottom:1px solid #efefef;
}

.zilla-tweet-widget .twitter-time-stamp {
	display:block;
	font-size:.875em;
}

/* Flickr Widget --------------------------------------------------------*/
.zilla_flickr_widget {
	padding-right:0;
}

.zilla_flickr_widget > div {
	padding-right:10px;
	margin-right:-20px;
}

.flickr_badge_image {
	float:left;
	margin:0 5px 5px 0;
}

.flickr_badge_image img {
	padding:3px;
	background:#fff;
	border:1px solid #ddd;
}

.flickr_badge_image img:hover {
	border:1px solid #ccc;
}

/* Video Widget ----------------------------------------------------------*/
.zilla_video {
	margin-bottom:10px;
}

/* Testominal Widget ---------------------------------------------------------*/
.zilla-testimonial-widget {
	position: relative;
}

.zilla-testimonial-quote {
	position:relative;
	padding: 195px 40px 40px;
	/*padding:40px 40px 100px;
	margin:0 0 70px!important;*/
	font:16px/1.6 'Source Sans Pro',"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-style:normal;
	font-weight:400;
	color: #666;
	background: white;
    border: none !important;
    border-radius: 0;
}

.zilla-testimonial-image {
	display:block;
	width:100px;
	height:100px;
	margin:0 auto 5px;
	border-radius:6px !important;
	z-index: 2;
    position: absolute;
    left: 0;
    right: 0;
    top: -20px;
}

.zilla-testimonial-name {
	margin:0;
	font-size:16px;
	font-weight:400;
	color:#2b2e33;
	text-align:center;
	
	position: absolute;
	top: 105px;
	left: 0;
	right: 0;
}

.zilla-testimonial-title {
	/*margin:20px 0 0;*/
	font-size:14px;
	text-align:center;
	opacity: .7;
	line-height: 1.4 !important;
	
	position: absolute;
	left: 0;
	right: 0;
	top: 135px;
}

/*-----------------------------------------------------------------------------------*/
/*	11.	Shortcodes
/*-----------------------------------------------------------------------------------*/
button,.zilla-button {
}

a.zilla-button {
	border-radius: 2px !important;
}

.zilla-button,.zilla-button:visited,a.zilla-button,a.zilla-button:visited {
	font-weight:400!important;
	color:#fff!important;
	border:0!important;
	-webkit-box-shadow:none!important;
	-moz-box-shadow:none!important;
	-o-box-shadow:none!important;
	box-shadow:none!important;
	font-family: 'Source sans pro' !important;
}

.zilla-button.small {
	padding:10px 15px!important;
	font-size:15px!important;
}

.zilla-button.medium {
	padding:15px!important;
	font-size:16px!important;
}

.zilla-button.large {
	padding:20px 25px!important;
	font-size:15px!important;
}

.zilla-button.grey,.zilla-button.grey:visited,a.zilla-button.grey,a.zilla-button.grey:visited {
	color:#555!important;
	text-shadow:none!important;
	background:#E5E5E5!important;
}

.zilla-button.accent,.zilla-button.accent:visited {
	background-color:#f2bf24;
	background-image:none;
}

.zilla-button.accent:hover,
.zilla-button.accent:active {
	background-color:#e8a623;
}

.zilla-button.link,.zilla-button.link:visited {
	background-color:#2b9fd9;
	background-image:none;
}

.zilla-button.link:hover,
.zilla-button.link:active {
	background-color:#07608c;
}

.zilla-button.grey:hover,
a.zilla-button.grey:hover {
	background:#F6F6F6!important;
}

.zilla-button.blue {
	background:#0C6FB1!important;
}

.zilla-button.red {
	background:#E3514A!important;
}

.zilla-button.orange {
	background:#FFC531!important;
}

.zilla-button.light-blue {
	background:#2CAADA!important;
}

.zilla-button.purple {
	background:#D17AC6!important;
}

.zilla-button.black {
	background:#444!important;
}

.zilla-button.green {
	background:#7FC33C!important;
}

.zilla-button.blue:hover {
	background:#1188D6!important;
}

.zilla-button.red:hover {
	background:#FF5E56!important;
}

.zilla-button.orange:hover {
	background:#FFB031!important;
}

.zilla-button.light-blue:hover {
	background:#32BCEF!important;
}

.zilla-button.purple:hover {
	background:#EB90E0!important;
}

.zilla-button.black:hover {
	background:#575757!important;
}

.zilla-button.green:hover {
	background:#8DD242!important;
}

.zilla-button.border {
	background:none!important;
	border:2px solid #fff!important;
}

.zilla-button.border:hover {
	color:#2b2e33!important;
	text-shadow:none!important;
	background:#fff!important;
	border:2px solid #fff!important;
}

.zilla-button.border.small {
	padding:8px 13px!important;
}

.zilla-button.border.medium {
	padding:15px!important;
}

.zilla-button.border.large {
	padding:18px 23px!important;
}

.zilla-alert {
	padding:.8em .8em .6em;
	margin:0;
	line-height:1.38em;
}

.zilla-toggle-inner,.zilla-tabs .zilla-tab {
	padding:20px 30px;
}

.zilla-tabs .zilla-tab p:first-child:empty,.zilla-tabs .zilla-tab p:last-child:empty,.zilla-toggle-inner p:first-child:empty,.zilla-toggle-inner p:last-child:empty {
	display:none;
}

.touch .site-header-bg-img {
	position:absolute;
}

/*!
 * Polyfill CSS object-fit
 * http://helloanselm.com/object-fit
 *
 * @author: Anselm Hannemann <hello@anselm-hannemann.com>
 * @author: Christian "Schepp" Schaefer <schaepp@gmx.de>
 * @version: 0.3.4
 *
 */

x-object-fit {
	position: relative !important;
	display: inline-block !important;
}

x-object-fit > .x-object-fit-taller,
x-object-fit > .x-object-fit-wider {
	position: absolute !important;
	left: -100% !important;
	right: -100% !important;
	top: -100% !important;
	bottom: -100% !important;
	margin: auto !important;
}

.x-object-fit-none > .x-object-fit-taller,
.x-object-fit-none > .x-object-fit-wider {
	width: auto !important;
	height: auto !important;
}

.x-object-fit-fill > .x-object-fit-taller,
.x-object-fit-fill > .x-object-fit-wider {
	width: 100% !important;
	height: 100% !important;
}

.x-object-fit-contain > .x-object-fit-taller {
	width: auto !important;
	height: 100% !important;
}

.x-object-fit-contain > .x-object-fit-wider {
	width: 100% !important;
	height: auto !important;
}

.x-object-fit-cover > .x-object-fit-taller,
.x-object-fit-cover > .x-object-fit-wider {
	max-width: none !important;
	max-height: none !important;
}

.x-object-fit-cover > .x-object-fit-taller {
	width: 100% !important;
	height: auto !important;
	max-width: none !important;
}

.x-object-fit-cover > .x-object-fit-wider {
	width: auto !important;
	height: 100% !important;
	max-width: none !important;
}

.x-object-position-top > .x-object-fit-taller,
.x-object-position-top > .x-object-fit-wider {
	top: 0 !important;
	bottom: auto !important;
}

.x-object-position-right > .x-object-fit-taller,
.x-object-position-right > .x-object-fit-wider {
	left: auto !important;
	right: 0 !important;
}

.x-object-position-bottom > .x-object-fit-taller,
.x-object-position-bottom > .x-object-fit-wider {
	top: auto !important;
	bottom: 0 !important;
}

.x-object-position-left > .x-object-fit-taller,
.x-object-position-left > .x-object-fit-wider {
	left: 0 !important;
	right: auto !important;
}