/*
Theme Name: Swell
Theme URI: http://themetrust.com/demos/swell
Author: ThemeTrust
Author URI: http://themetrust.com
Description: Swell is a one-column, typography-focused, video WordPress theme.
Version: 1.4.7-wpcom
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: swell
Domain Path: /languages/
Tags: black, blog-excerpts, business, classic-menu, conservative, custom-background, custom-colors, custom-menu, featured-images, infinite-scroll, light, modern, one-column, one-page, portfolio, professional, responsive-layout, site-logo, testimonials, theme-options, translation-ready, video, white
Status: inactive

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

 swell is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Reset
2.0 - Typography
	2.1	- Margins (Faux Containers)
	2.2	- Typography Proper
3.0 - Elements
4.0 - Forms
	4.1	- Comments
5.0 - Navigation
	5.1 - Links
	5.2 - Menus
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 - Responsive
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 - Reset
--------------------------------------------------------------*/
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;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
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 */
	overflow-x: hidden;
	-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/ */
}
*,
*:before,
*:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
	-webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
	-moz-box-sizing:    border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
	box-sizing:         border-box;
}

body,
input,
select,
textarea {
	background: #fff;
	color: #191919;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 32px;
	line-height: 3.2rem;
}

body {
	background: #000;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}
ol, ul {
	list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active {
	outline: 0;
}
a img {
	border: 0;
}
/* Isotope ----------- */
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}
.isotope-item {
	z-index: 0;
}
.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}
.clear {
	clear: both;
}
/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
/*--------------------------------------------------------------
2.1 Padding (Faux Containers)
--------------------------------------------------------------*/
h1, h2, h3, h4, p, .blog-content img, .page-links, .video-pad, .pagination, form.search-form {

}
/*--------------------------------------------------------------
2.2 Typography Proper
--------------------------------------------------------------*/
html {
	font-size: 62.5%; /* To use an easier rem font size */
}
body,
input,
select,
textarea {
	color: #191919;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 32px;
	line-height: 3.2rem
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	font-weight: 100;
	margin-bottom: 1em;
	color: #191919;
	line-height: 1.5em;
}
h1 {
	font-size: 48px;
	font-size: 4.8rem;
}
h2 {
	font-size: 42px;
	font-size: 4.2rem;
}
h2.entry-title, h2.entry-title a {
	margin-top: 0 !important;
	text-align: center;
	font-weight: 200;
	text-decoration: none;
	color: #191919;
}
h3 {
	font-size: 28px;
	font-size: 2.8rem;
}
h4 {
	font-size: 24px;
	font-size: 2.4rem;
}
p {
	margin: 0;
	font-family: 'Merriweather', serif;
	font-weight: 200;
	padding-bottom: 40px;
	line-height: 1.9em;
}
ul,ol {
	font-family: 'Merriweather', sans-serif;
	font-weight: 100;
}
ul {
	list-style: circle;
}

b, strong {
	font-weight: bold;
}
dfn, cite, em, i {
	font-style: italic;
}
blockquote {
	margin: 0 1.5em;
}
address {
	margin: 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;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}
code, kbd, tt, var {
	font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
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: 14px;
	font-size: 1.4rem;
}
big {
	font-size: 125%;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}
.content-area ul {
	display: block;
	margin: 0 0 40px 20px;
	list-style: disc;
}

.content-area ol {
	display: block;
	margin: 0 0 0 25px;
}

ol {
	list-style: decimal;
}
ol.children {
	padding-left: 5%;
	border-left: 3px solid #ececec;
}
li > ul,
li > ol {
	margin-bottom: 0 !important;
	margin-left: 1.5em;
    padding-bottom: 0px;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.5em;
}
img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
	width: auto;
}
figure {
	margin: 0;
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}
th {
	font-weight: bold;
}
blockquote {
	margin-left: 7%;
	border-left: 3px solid #919191;
	margin-bottom: 40px;

	font-style: italic;
}
blockquote p {
	padding-left: 20px;
	padding-bottom: 0 !important;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 1.2em;
}
/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/

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 */
	outline: 0 !important;
}

a.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid #ccc;
	border-color: #ccc #ccc #bbb #ccc;
	border-radius: 3px;
	background: none;
	color: #191919;
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
	padding: .6em 1em .4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa #bbb;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}
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 {
	border-color: #aaa #bbb #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}
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 */
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	-moz-box-sizing:    content-box;
	box-sizing:         content-box;
	outline: 0 !important;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}
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: 98%;
}
input[type="email"], input[type="text"], input[type="url"], input[type="password"], textarea {
	background-color: #bdbdbd;
	padding: 15px;
	font-family: "Open Sans", sans-serif;
	color: #6a6a6a;
	border: 1px solid rgba(0,0,0,.05);
	background: #f7f7f7;
	font-size: .9em;
	-webkit-appearance: none;
}

.content-area .search-submit { display: none; }
.content-area .search-field { padding: 5px 10px; }

/*--------------------------------------------------------------
4.1  Comments
--------------------------------------------------------------*/
.comments-wrap {
	padding: 0 40px;
}

#comments {
	margin-top: 80px;
	padding: 0;
	max-width: 800px;
	margin: 0 auto;
}
#comments ul, #comments p, #comments h4 {
	padding-left: 0;
	padding-right: 0;
}
#comments ul {
	padding-right: 0;
}
#comments article {
	margin: 40px 20px;
}

#comments ul {
	list-style: none;
	padding-bottom: 0 !important;
	margin-bottom: 40px !important;
}
#comments ul.children {
	border-left: 1px solid #ececec;
}
#comments ol {
	list-style: none;
	padding: 0;
}
#comments h3{
}
#comments p {
	padding-left: 0;
	padding-right: 0;
	margin-left: 100px;
	font-size: 16px;
	font-size: 1.6rem;
}
#comments article {
	position: relative;
}
#comments .reply a {
	padding: 0;
	margin-left: 100px;
	font-size: 14px;
	font-size: 1.4rem;
}
#trackbacks {
}
.comment-meta .avatar {
	width: 70px !important;
	height: 70px;
	padding: 0 !important;
	position: absolute;
	left: -8px;
	top: 0;
	-webkit-border-radius: 35px;
	   -moz-border-radius: 35px;
	   		border-radius: 35px;
}
b.fn {
	margin-left: 100px;
	font-weight: 200;
}

b.fn a {
	color: #000;
}

b.fn a:hover {
	color: #cccccc;
}

.comment-content p {
    padding-bottom: 20px;
}
.comment .edit-link {
	display: none !important;
}
#respond, .comment.depth-1, .comment.depth-2,.comment.depth-3, .comment.depth-4, .comment.depth-5 {
	padding-left: 5%;
}
div.comment-metadata {
	text-align: left !important;
	padding-bottom: 20px;
	margin-left: 100px;
	color: #a5a5a5;
}

div.comment-metadata a{
	color: #ccc;
}

/* Comment Form */
#respond label {
	display: block;
}
#respond .form-allowed-tags {
	display: none;
}
#respond {
	padding: 0;
}
#respond h3 {
	padding: 0;
}
#respond p {
	margin: 0;
}
#respond p.comment-form-comment, #respond p.form-submit {
	padding-top: 40px;
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
.site-header {
	background: #fff;
}

.site-header .top {
	position: relative;
	width: 100%;
	background: #fff;
	padding: 0 30px;
	box-shadow: 0 1px 1px rgba(0,0,0,.2);
	z-index: 99;
}

.site-header .top *{
	padding: 0;
}

h2.site-description {
    font-size: .85em;
margin-bottom: 0;
}

.site-header .top .inside{
	max-width: 1280px;
	padding: 25px 0 25px;
	position: relative;
	margin: 0 auto;
}

#logo {
	display: inline-block;
	float: left;
    max-width: 500px;
    height: auto;
}

#logo img {
	margin-top: 9px;
    max-height: 60px;
}

#logo h1, #logo h3 {
	margin: 0 !important;
	line-height: 1em !important;
	padding: 0 !important;
	font-size: 1.5em;
	font-weight: bold;
	color: #555555;
}

#logo h1 a, #logo h3 a  {
	color: #000;
}

/*If there is an abnormally long menu */

.site-header.long-menu .inside {
	text-align: center;
}

.long-menu #menu-toggle {
	display: block;
}

.long-menu #mobile-menu { display: block; }

.site-header.long-menu .top .inside{
	padding: 15px 0 10px;
}

.site-header.long-menu #main-nav {
	display: none;
}

.long-menu #menu {
	display: none;
}

.long-menu #logo {
	margin: 0 auto;
	float: none;
	position: relative;
	max-width: 75%;
}

.long-menu #logo img{
	max-height: 20px;
}

.menu-toggle.close {
	position: absolute;
	cursor: pointer !important;
	height: 14px;
	right: 30px;
	top: 30px;
	display: block;
	color: #a7a7a7;
}

.menu-toggle.close::before {
    content: "\f00d";
    font-family: FontAwesome;
    font-size: 14px;
    line-height: 14px;
	display: block;
}

.menu-toggle.close:hover {
	color: #fff;
}


.admin-bar .menu-toggle.close {
	top: 50px;
}

#slide-panel{
    height: 100%;
    width: 400px;
    -webkit-transform: translateX(400px);
    transform: translateX(400px);
    position: fixed;
    right: 0;
    top: 0;
    padding: 0 0;
    color: #a7a7a7;
    background-color: #000;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: 9999 !important;
	visibility: hidden;
	
}

#slide-panel .hidden-scroll {
    margin-top: 20px;
	position: relative;
	overflow-y: scroll;
	height: 100%;
	margin: 0 -20px;
}
#slide-panel .hidden-scroll .inner {
    padding: 15%;

}
#slide-panel nav {
    padding-bottom: 1.8889em;
}
#slide-panel.inner ul {
    list-style: none;
}

#slide-panel nav li {
	display: block !important;
	border: none;
	float: none;
	position: relative;
	border-bottom: 1px solid rgba(255,255,255,.2);
	height: auto;
	padding: 0 !important;
	font-family: 'Open Sans', sans-serif;
}

#slide-panel ul ul {
	padding-left: 10px ;
}

#slide-panel nav a {
   padding: 5px 0;
   display: block;
   font-size: .8em;
}

#slide-panel nav ul li:last-child {
	border-bottom: none;
}

#slide-panel .menu-item-has-children {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

#slide-panel nav .sub-menu {
  	display: none;
	overflow: hidden;
	padding-bottom: 10px;
}

#slide-panel .menu-item-has-children:after {
  content: "\f107";
  font-family: "FontAwesome";
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 5px;
  cursor: pointer;
  padding: 0 25px;
}

#slide-panel .active-sub-menu:after {
  content: "\f106";
}

#slide-panel a {
    color: #a7a7a7;
}

#slide-panel a:hover {
    color: #fff;
}

#slide-panel .widget {
	margin-bottom: 20px;
}

#slide-menu .widget-area.mobile {
	display: none;
}

#slide-panel #slide-mobile-menu {
	display: none;
}

/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a{
	color: #5cbad5;
	text-decoration: none;
	transition-property: all;
	-webkit-transition: 0.5s ease;
	   -moz-transition: 0.5s ease;
	     -o-transition: 0.5s ease;
		    transition: 0.5s ease;
}
a:hover {
	color: #67d1ef;
}
a:active, a:visited {
	color: #5cbad5;
}

.button, a.button, a.button:active, a.button:visited, #footer a.button, #searchsubmit, input[type="submit"], a.post-edit-link {
	display: inline-block;
	color: #494949;
	text-decoration: none;
	position: relative;
	cursor: pointer;
	padding: 15px 20px;
	border: 2px solid #494949;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: 0 3px 0 0;
	line-height: normal !important;
	-webkit-appearance: none;
	font-size: .9em;
	font-weight: normal !important;
	text-align: center;
	transition-property: all;
	-webkit-transition: 0.5s ease;
	   -moz-transition: 0.5s ease;
	     -o-transition: 0.5s ease;
		 	transition: 0.5s ease;
}
a.button:hover, a.post-edit-link:hover, #searchsubmit:hover, input[type="submit"]:hover {
	opacity: .5;
}
.button.white:hover, a.button.white:hover, #footer a.button.white:hover {
	color: #fff;
	border-color: #fff;
}

.button.white {
	background: transparent;
	border: 3px solid #bdbdbd;
	color: #bdbdbd;
	font-weight: 200;
}
/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/

/* Mobile Menu */

html.mm-opening .mm-page,
html.mm-opening #mm-blocker,
html.mm-opening .mm-fixed-top,
html.mm-opening .mm-fixed-bottom {
    left: 250px !important;
}

#menu-toggle {
	height: 20px;
	width: 20px;
	line-height: 20px;
	position: absolute;
	top: 50%;
	left: 0px;
	display: block;
	font-size: 20px;
	color: #000;
	margin-top: -10px;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
	display: none;
}

#menu-toggle:hover {
	opacity: .7;
}

#menu-toggle::before {
	content: "\f0c9";
	font-family: FontAwesome;
}

body #mm-main-menu{
	background: #000;
}

body #mm-main-menu ul {
	padding: 30px 0 0 20px;
}

body.admin-bar #mm-main-menu ul {
	padding-top: 70px;
}

body #mm-main-menu ul a {
	font-weight: normal;
}

body #mm-main-menu ul a:hover {
	color: #fff;
}

.rotate {
	-webkit-transform: rotate(90deg);
	   -moz-transform: rotate(90deg);
	   		transform: rotate(90deg);
}
.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
	margin: 0 auto 1.5em;
	overflow: hidden;
}

.site-main .post-navigation {
	padding: 0 40px;
	width: 100%;
}

.site-main .post-navigation .nav-links{
	border-top: 1px solid #ededed;
	margin: 10px auto 50px;
	padding: 30px 0;
	max-width: 800px;
	position: relative;
}

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

.post-navigation .nav-portfolio {
	position: absolute;
	text-align: center;
	margin: 0 auto;
	display: inline-block;
	left: 0; right: 0;
	width: 40px;
	display: none;
}

.single-jetpack-portfolio .post-navigation .nav-portfolio {
	display: inline-block;
}

.post-navigation .nav-portfolio a {
	font-size: 15px;
	line-height: 38px;
	text-align: center;
}

.post-navigation .nav-portfolio a::before {
	content: "\f00a";
	font-family: FontAwesome;
}

.menu-main-menu-container {
	padding-bottom: 40px;
}

.post-navigation a {
	color: #000;
}

.post-navigation a:hover {
	color: #b2b2b2;
}

.pagination .inside {
	max-width: 800px;
	border-top: 1px solid #ededed;
	padding: 30px 0;
	text-align: center;
	margin: 0 auto;
}

.pagination a, .pagination span {
	display: inline-block;
	margin: 0 7px;
	border: 2px solid #cccccc;
	border-radius: 3px;
	background: none;
	color: #cccccc;
	padding: 0px 10px;
}

.pagination .current, .pagination a:hover {
	border-color: #000;
	color: #191919;
}

.post-type-archive-jetpack-portfolio .pagination, .tax-jetpack-portfolio-type .pagination {
	margin-top: 50px;
}

.edit-link {
	margin-bottom: 50px !important;
	display: block !important;
}

/* Infinite Scroll */

#infinite-handle{
	max-width: 800px;
	margin: 0 auto 20px;
	text-align: center;
}

#infinite-handle span{
	border: 2px solid #000;
	border-radius: 3px;
	background: none;
	color: #000;
	padding: 10px 12px;
	background: none;
	font-size: .8em;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
}

#infinite-handle span:hover {
	border-color: #ccc;
	color: #ccc;
}

span.infinite-loader {
	position: absolute;
	left: 50%;
	right: 50%;
}

/* Top level navigation */

#menu .inside {
	padding: 20px 30px 20px 30px;
	margin: 0 auto !important;
	max-width: 62.5em;
	margin: 0 auto;
	position: relative;
}

#menu .bottom {
	position: relative;
	width: 100%;
	z-index: 3000 !important;
}

#menu .bottom .surround {
	background: #fff;
}

#main-nav {
    right: 0;
    margin:0;
    padding: 0;
    position:absolute; top:50%; height:18px;
	margin-top: -7px !important;
    display: inline-block;
}

#main-nav {
	margin:0;
	padding: 0;
	display: inline-block;
}

.long-menu #main-nav {
	margin: 0 auto;
	position: relative !important;
	display: block;
	width: 100%;
}

#main-nav nav {
	margin:0;
	padding: 0;
	display: block;
}

#main-nav .sf-menu{
	margin:0;
	padding: 0;
	display: block;
	float: none;
}

#main-nav li {
	margin: 0 0 7px 30px !important;
	padding: 0;
}

#main-nav ul a {
	line-height: 13px;
	color: #adadad;
	font-size: .9em;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	padding: 0;
	margin: 0;
	border: none !important;
}

#main-nav ul ul a {
	line-height: 15px;
	font-weight: normal;
	border-top: none;
}

#main-nav ul li.current a,
#main-nav ul li.current-cat a,
#main-nav ul li.current_page_item a,
#main-nav ul li.current-menu-item a,
#main-nav ul li.current-post-ancestor a,
.single-post #main-nav ul li.current_page_parent a,
#main-nav ul li.current-category-parent a,
#main-nav ul li.current-category-ancestor a,
#main-nav ul li.current-portfolio-ancestor a,
#main-nav ul li.current-projects-ancestor a {
	text-decoration: none;
	color: #000;
}

#main-nav ul li.sf-hover a,
#main-nav ul li a:hover,
#main-nav ul li:hover {
	text-decoration: none;
	color: #000;
}

/* Second level+ dropdowns */

#main-nav ul ul {
	padding: 25px 20px 0 0px !important;
	margin-top: 0px !important;
	background: #fff;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	     -o-box-shadow: none;
		 	box-shadow: none;
}


#main-nav ul ul ul {
	padding-top: 20px !important;
	margin-left: -1.25em;
	margin-top: -5px;
}

#main-nav ul ul li {
	float: none;
	background: none;
	margin: 0 5px 10px 20px !important;
	text-align: left;
}

.site-header #main-nav ul ul li a {
	padding: 0px 0 10px 0;
	font-weight: normal;
	border: none !important;
	color: #adadad;
}

.site-header #main-nav ul ul li a:hover {
	color: #000;
}

body #main-nav ul li.sf-hover ul a { color: #000 ; }
#main-nav ul li.sf-hover ul a:hover { color: #000 ; }

/** arrow **/

ul.sf-menu {
	margin-top: -10px;
}

ul.sub-menu {
	margin: 0 !important;
}

#main-nav .sf-menu a.sf-with-ul {
	position: relative;
	min-width:		1px;
}

#main-nav .sf-menu li {
	background: none;
}

.sf-sub-indicator {
	position: absolute;
	bottom: 0;
	display: block;
	width: 100%;
	text-indent: -999em;
	overflow: hidden;
	z-index: 200;
	height: 40px;
}

.sf-hover .sf-sub-indicator {
	bottom: -10px;
}

#main-nav .sf-menu li ul .sf-sub-indicator {
	display: none;
}

#main-nav .sf-menu li ul .sf-hover .sf-sub-indicator {
	position: absolute;
	top: 0;
	right: -1px;
	left: 0;
	display: block;
}

.sf-hover a.sf-with-ul .sf-sub-indicator {
	height: 30px;
}

.sf-menu ul {
	min-width: 6em !important;
}

.children .sf-sub-indicator {
	display: none;
}

.sf-menu li:hover,
.sf-menu li.sfHover {
	background: none !important;
}

/*--------------------------------------------------------------
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-weight: bold;
	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;
}
.one-third {

}
/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header .top .inside:before,
.site-header .top .inside: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 .top .inside:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/

#secondary {
	background: #f3f3f3;
	padding: 60px 30px 0;
}

.widgets a {
	color: rgba(255,255,255,0.7);
}
.widgets a:hover {
	color: rgba(255,255,255,1);
}
.widget-title {
	display: block;
	font-size: 1em;
	margin-bottom: 20px;
	display: block;
	color: #fff;
}

#secondary .inside.widgets {
	max-width: 1300px;
	margin: 0 auto;
}

#secondary .inside.widgets a {
    color: #000;
}

#secondary .inside.widgets a:hover, #secondary .inside.widgets a:visited, #secondary .inside.widgets a:active {
    color: rgba(0,0,0,0.5)
}

.widget-box {
	text-align: left;
	float: left;
	display: block;
	max-width: 433px;
	margin-bottom: 20px;
	width: 33.333% !important;
}

.widget-box:nth-child(3n+1)
{
    clear: both !important;
}

.widget-box .inside {
	padding: 0 20px;
}

.widget-box.third {
	margin-right: 0 !important;
}

.widget-box p {
	font-size: .8em;
}

.widgets form {
	padding: 0 20% 0 0;
}
.widgets input[type="search"] {
	margin: 0 0px 0 0;
	padding: 10px .7em 10px .7em !important;
	line-height: normal!important;
	width: 92%;
	color: #fff;
	font-size: .8em;
	background: rgba(255,255,255,.2);
	border: none;
}

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

/* Search widget */
.widget_search .search-submit {
	display: none;
}

.widget-box a {
	line-height: 1.5em;
}

.widget-box {
	margin-bottom: 50px !important;
    overflow-wrap: break-word;
}

.widget-box .widget-title {
	font-size: 1em;
	font-weight: bold;
	display: block !important;
	margin-bottom: 20px;
	clear: both;
	color: #000;
}

.widget-box .meta {
	font-style: italic;
}

.widget-box ul {
	margin: 0 0 0 0;
	padding: 0px 0 0 0;
	line-height: 1em;
	background: none;
	position: relative;
	list-style: none;
}

.widget-box ul li {
	padding: 0px 0 0px 0;
	margin: 0 0 15px 0;
	line-height: 1.2em !important;
	background: none;
	font-size: .9em !important;
}

.widget-box ul li a{
	color: #000;
}

.widget-box ul li a:hover{
	color: #959595;
}

.widget-box ul li p {
	line-height: 1.3em;
	margin: 0;
}

.widget_nav_menu ul,
.widget_pages ul,
.widget-categories ul{
	background: none;
	margin: 0;
	padding: 0;
	border: none;
}

.widget_nav_menu li,
.widget_pages li,
.widget-categories li{
	padding: 0 0 0 0;
	margin: 10px 0 0 0;
	border: none;
}

/*Search------------------*/

.widget_search {
	display: block;
	padding: 0 !important;
}

.widget_search h3 {
	display: none;
}

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

html[xmlns] .widget_search {
    display: block;
}

* html .widget_search {
    height: 1%;
}

body .widget_search .search-field {
	margin: 0 0px 0 0;
	padding: 10px .7em 10px .7em !important;
	line-height: normal!important;
	width: 95% !important;
	max-width: none !important;
	border: 1px solid #ccc;
	border-radius: 3px;
	background: none;
	color: #191919;
	font-size: .8em;
	background: #fff;
}


#searchsubmit{

}

/*Testimonails------------------*/

.swell-testimonials img {
	width: 76px;
	border-radius: 38px;
	height: auto;
	float: left;
	margin: 0 20px 0 0;
}

.swell-testimonials p {
	font-size: .8em;
	line-height: 1.6em !important;
}

.swell-testimonials span.title {
	font-size: .9em;
	font-weight: bold;
	float: right;
}

.single .widget-box.swell-testimonials .pd-rating, .single .widget-box.swell-testimonials br, .single .widget-box.swell-testimonials #jp-post-flair, #testimonials #jp-post-flair {
    display: none !important;
}


/*Recent Posts Widget------------------*/

#secondary .ttrust_recent_posts .meta,
#footer .ttrust_recent_posts .meta {
	margin: 0 0 25px 0 !important;
	display: block;
	padding: 3px 0 0 0;
}

#secondary .ttrust_recent_posts .meta {
	color: rgba(0,0,0,.3);
}

#footer .ttrust_recent_posts .meta {
	color: rgba(225,225,225,.3);
}

#secondary .ttrust_recent_posts p.title,
#footer .ttrust_recent_posts p.title {
	font-size: .9em;
	margin-bottom: 2px;
	padding: 0;
}

#sidebar .ttrust_recent_posts p.title a,
#footer .ttrust_recent_posts p.title a {
	color: rgba(225,225,225,.7);
	line-height: 1.1em;
}

#sidebar .ttrust_recent_posts p.title a:hover,
#footer .ttrust_recent_posts p.title a:hover {
	color: rgba(225,225,225,1);
}

.ttrust_recent_posts .firstPost p{
	margin-bottom: 10px;
}

.secondaryPost {
	padding: 10px 0 0px 0;
}

.ttrust_recent_posts .thumb{
	float: left;
	margin: 0 12px 0 0;
	padding: 3px;
	background: #f0f0f0;
	border: 1px solid #e1e1e1;
}

.ttrust_recent_posts li {
	margin-bottom: 10px !important;
	border: none;
	display: block;
}


/*Calendar Widget--------------------*/
table#wp-calendar {
	width: 216px;
}

table#wp-calendar td, table#wp-calendar th{
	text-align: left;
}

table#wp-calendar td {
	color: #b0b0ad;
	padding-top: 10px;
}

table#wp-calendar td a{
	font-weight: bold;
}

#wp-calendar caption {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #dbdad8;
	font-size: 14px;
	font-weight: bold;
}

/*Tag Widget--------------------*/

.widget_tag_cloud a{
	font-size: 11px !important;
	padding: 5px 10px 5px 10px;
	display: block;
	float: left;
	margin: 0 5px 5px 0;
}

#footer .widget_tag_cloud a,
#secondary .widget_tag_cloud a{
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #000;
	font-size: .8em !important;
}

#footer .widget_tag_cloud a{
	background: rgba(255,255,255,.08);
	color: rgba(255,255,255,.7);
}

#secondary .widget_tag_cloud a{
	background: rgba(0,0,0,.08);
	color: #000;
}

.widget_tag_cloud a:hover{
	opacity: .5;
}

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

.widget_tag_cloud {
    display: inline-block;
}

html[xmlns] .widget_tag_cloud {
    display: block;
}

* html .widget_tag_cloud {
    height: 1%;
}

/*Twitter Widget--------------------*/
.simple_tweet_widget li {
   line-height: 1.5em !important;
   font-size: .95em !important;
}

.simple_tweet_widget li span{
   color: #4f4f4f;
   font-size: .85em !important;
}

/*Flickr Widget--------------------*/
#flickr-box .flickr-image {
	float: left;
	margin: 0 12px 12px 0;
	padding: 3px;
}

#sidebar #flickr-box .flickr-image {

}

#flickr-box .flickr-image img {
	width: 70px;
	height: 70px;
	float: left;
	border-radius: 5px;
	max-width: 70px;
}

/*Social----------------------------*/
#footer .fa, .widget-box .fa {
	font-size: 1.5em;
	font-weight: normal !important;
	margin-right: 12px;
	margin-bottom: 12px;
	display: inline-block;
}


/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/

header {
	text-align: center;
}

header h1 {
	font-size: 1.8em;
	margin-bottom: 20px;
}

#primary {
	background: #fff;
	padding-bottom: 40px;
	margin-bottom: 0 !important;
}

.blog #primary {
    padding: 40px 0;
}

#primary .middle{
	background: #fff;
}

.entry-content, .entry-footer, .entry-summary {
	max-width: 800px;
	margin: 0 auto !important;
	display: block;
}

/* Entry Header */

#main header.main {
	padding: 120px 0 !important;
	margin-bottom: 70px !important;
	width: 100%;
	position: relative;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-color: #efefef;
}

.single-post #main header.main {
	padding-bottom: 60px !important;
}

.single-jetpack-portfolio #main header.main {
	padding-bottom: 125px !important;
}

#main header h1 {
	font-size: 3em;
}

#main header.has-background h1 {
	color: #fff;
	z-index: 100 !important;
	position: relative;
	font-size: 3em;
}

hr.short {
	max-width: 50px;
	background-color: #000;
	height: 1px;
	margin-top: 20px;
}

#main header hr.short {
	position: relative;
	z-index: 100 !important;
	display: block;
}

#main header.has-background hr.short {
	background-color: #fff;
}

#main header .overlay{
	position: absolute;
	height: 100%;width: 100%;
	top:0; left:0;
	z-index: 1;
}

#main header.has-background .overlay {
	background: rgba(0,0,0,.4);
}

.content-area .meta a {
	color: #000;
}

.content-area .meta a:hover {
	color: rgba(0,0,0,.5);
}

.content-area .has-background span.cat-list a {
	color: #fff;
}

.content-area .has-background span.cat-list a:hover {
	color: rgba(255,255,255,0.7);
}

#main header.main .meta, #main header.main .meta p {
	font-family: 'Open Sans', sans-serif;
	position: relative;
	z-index: 100 !important;
	margin: 0 70px;
	display: block;
}

#main header.has-background .meta {
	color: #fff;
}

#main header .meta, .post .meta {
	text-transform: uppercase;
	letter-spacing: .4em;
	font-size: .6em;
}

.single-project #main header .cat-list {
	padding-left: .4em !important;
	margin: 0;
}

.body-wrap {
	padding: 0 30px 30px;
}

/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/

/* Home */

.home section, .page-template-home-page-php section {
	background: #fff;
}

#frontpage-img-container {
	position: absolute;
	top: 33%;
	width: 100%;
	padding: 0;
	z-index: 999;
}
#frontpage-img-container img {
	display: block;
	margin: 0 auto;
}

.video-background {
	position: relative;
	background: #191919;
	overflow: hidden;
	text-align: center !important;
	background-attachment: fixed;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	     -o-background-size: cover;
		 	background-size: cover;
		z-index: 0;
}

.video-background.no-video .overlay {
	display: none;
}

.video-background {
	position: relative;
}

.video-container {
	position: relative;
	overflow: hidden;
	height: 100%;
	width: 100%;
}
.video-container iframe {
	position: absolute;
}
.video-container video {
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: 1;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	     -o-background-size: cover;
		 	background-size: cover;
}

.video-container .vimeo {
	display: none;
}

.video-loaded .video-container .vimeo {
	display: block !important;
}


#home-content video {
   width:100%;
   max-width:1000px;
   height:auto !important;
}

#primary video {
   width:100%;
   max-width:900px;
   height:auto !important;
}

#banner-content {
	position: absolute;
	font-size: 2em;
	color: #fff;
	z-index: 900;
	line-height: 1em !important;
	display: none;
	padding: 0;
	text-align: center;
	width: 100%;
}

#banner-content .inside {
	max-width: 800px;
	margin: 0 auto !important;
	padding: 0 30px;
}

#banner-content * {
	color: #fff;
	margin-top: 0;
	line-height: 1.3em !important;
}

#banner-content h1 {
	font-size: 1.8em;
	margin-bottom: 20px;
}

#banner-content p {
	font-size: .5em;
	line-height: 1.5em !important;
	padding: 0;
	margin-bottom: 40px;
	color: rgba(255,255,255,.7);
}

#banner-content img {
	display: block;
	margin: 0 auto .7em;
}

#banner-content a.button, #secondary-video-home a.button {
	background: none;
	font-weight: normal;
	font-size: 1em;
	border: 1px solid #fff;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
}

/* Loading animation container */
.loading {
    position: absolute;
    bottom: 20px;
    right:30px;
    width: 28px;
    height: 28px;
    margin: 0 0 0 0;
}

/* Spinning circle (inner circle) */
.loading .maskedCircle {
    width: 20px;
    height: 20px;
    border-radius: 12px;
    border: 3px solid white;
}

/* Spinning circle mask */
.loading .mask {
    width: 12px;
    height: 12px;
    overflow: hidden;
}

/* Spinner */
.loading .spinner {
    position: absolute;
    left: 1px;
    top: 1px;
    width: 26px;
    height: 26px;
}

.video-background .overlay {
	background: #000;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 999 !important;
    background-size: cover;
    background-position: center center;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
	-webkit-transition-delay: 2s; /* Safari and Chrome */
	    transition-delay: 2s;
}

.video-background .overlay.faster {
	-webkit-transition-delay: 0s; /* Safari and Chrome */
	    transition-delay: 0s;
}

.video-background .overlay.fade-out, .gecko .video-background .overlay{
	opacity: 0;
	pointer-events: none;
	
}

.pattern-overlay {
	background-image: url('images/dark_stripes.png');
	position: absolute;
	opacity: 0.4;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
}

ul#video-controls {
	position: absolute;
	left: 0;
	bottom: 10%;
	width: 100%;
	text-align: center;
	z-index: 999;
	color: #fff;
	font-size: 14px;
	list-style: none;
	display: inline-block;
}
ul#video-controls li {
	display: inline-block;
	margin-right: 20px;
}
ul#video-controls li:last-child {
	display: inline-block;
	margin-right: 0px !important;
}
ul#video-controls li a {
	color: #bdbdbd;
}
ul#video-controls li a:hover {
	color: #fff;
}
#button-wrapper {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 9999;
}
#down-button {
	color: #fff;
	margin: 0 auto;
	left: 0;
	right: 0;
	font-size: 30px;
	line-height: 50px;
	position: absolute;
	bottom: 75px;
	z-index: 99;
	text-align: center !important;
	cursor: pointer;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
	opacity: .7;
	display: inline-block;
	width: 50px;
}

#down-button::before {
	content: "\f175";
	font-family: FontAwesome;
}

#down-button:hover {
	opacity: 1;
}

#main-content {
	padding: 0 30px;
}

#home-content {
	max-width: 1000px;
	margin: 0 auto;
	padding: 70px 0 50px;
}

body.admin-bar #home-content {
	padding: 50px 0 50px;
}

.home section, .page-template-home-page-php section {
	padding: 80px 30px 40px;
}

.home section header{
	text-align: center;
}

.home section header h2 {
	text-align: center;
	padding: 0;
	margin: 0 auto 60px;
	width: 100% !important;
	font-size: 1.8em;
}

.home section header p {
	text-align: center;
	max-width: 700px;
	margin: -30px auto 30px;
}


/* Projects */

#projects-home {
	position: relative;
	margin: 0 auto;
	display: block;
	width: 100%;
	z-index: 0;
	background: #f3f3f3;
}

#projects {
	position: relative;
	margin: 0 auto;
	max-width: 1300px;
	overflow: hidden;
}

#projects h1 {
	text-align: center;
	padding: 0;
	margin: 0 auto;
	width: 100% !important;
}

#projects .thumbs {
	height: 100%;
	z-index: 1;
}
#projects .youtube-thumb {
	margin-top: -15%;
}

/* Featured Project */
#featured-project {
	position: relative;
	overflow: hidden;
	height: 400px;
	background-attachment: fixed;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	     -o-background-size: cover;
		 	background-size: cover;
}
#featured-project .inside {
	position: absolute;
	height: 100%;
	width: 100%;
	background: url('images/dark_stripes.png');
	z-index: 2;
	opacity: 0.4;
}
#featured-project .inside * {
	color: #fff;
	display: block;
	margin: 0 auto;
	z-index: 99;
}
iframe.vimeo{
	position: absolute;
}

/* Testimonials Section */

.home #testimonials {
	background: #595959;
	text-align: center !important;
	padding: 60px 160px 40px;
	background-attachment: fixed;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	     -o-background-size: cover;
		 	background-size: cover;
		margin-bottom: 0 !important;
		max-width: none;
		position: static;
}


.home #testimonials .testimonial {
	display: block;
	margin: 0 auto;
	text-align: center;
}

#testimonials img {
	height: 100px;
	width: 100px;
	overflow: hidden;
	border-radius: 180px;
	-moz-border-radius: 180px;
	-webkit-border-radius: 180px;
	-webkit-transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    -ms-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
	margin: 0 auto 30px;
}

.home #testimonials p {
	color: #fff;
	font-size: 1.2em;
	font-family: 'Open Sans', sans-serif;
	max-width: 600px;
	margin: 0 auto !important;
}

.home #testimonials .title {
	color: rgba(255,255,255, .5);
	font-size: 1em;
	display: block;
	margin-bottom: 50px;
	font-style: italic;
	font-weight: lighter;
	font-family: 'Merriweather', serif;
}

#testimonials-content {
	margin: 0 auto 30px;
	max-width: 800px;
}

#testimonials {
	position: relative;
	margin: 0 auto;
	max-width: 1300px;
	overflow: hidden;
}
.testimonial.small {
	display: block;
	max-width: 433px;
	padding-bottom: 50px;
	visibility: hidden;
	width: 33.333% !important;
}

.testimonial.small .inside {
	position: relative;
	text-align: center !important;
	margin: 0 15px !important;
	display: block;
}

.testimonial.small img {
	margin-bottom: 10px !important;
}

.testimonial.small p {
	padding-bottom: 15px !important;
}

.testimonial.small .inside .title{
	font-weight: bold;
}

/* FlexSlider Theme------------------*/

.flex-control-nav { bottom: 10px !important; }
.flex-control-nav li {width: 15px !important; height: 15px !important; margin: 0 3px 0 3px !important; display: inline-block !important; z-index: 100;}
.flexslider ul{	list-style: none !important;margin-left: 0 !important;}
body .flexslider .flex-direction-nav { margin-bottom: 30px !important; }

#testimonials .flexslider { border: none !important; padding: 0; background: none !important; border: none !important; margin-bottom: 10px; box-shadow: none; }
#testimonials .flex-control-nav { position: absolute; margin: 0!important; bottom: -10px !important; left: 0 !important; right: 0 !important; width: auto !important; z-index: 100;}
#testimonials .flex-control-paging li a {width: 100% !important; height: 100% !important; display: block !important; background: none !important; cursor: pointer; text-indent: -9999px; box-shadow: none !important; border: 3px solid rgba(255,255,255,.3);}
#testimonials .flex-control-nav li a:hover {border: 3px solid rgba(255,255,255,1);}
#testimonials .flex-control-nav li a.flex-active {background: rgba(255,255,255,0.7) !important; cursor: default !important; border: 3px solid rgba(255,255,255,0); }

#testimonials .flex-direction-nav { display: none; }


/* Secondary Video */
#secondary-video-home {
	height: 600px;
	padding: 0;
	background: #303030;
	background-repeat: no-repeat !important;
	-webkit-background-size: cover !important;
	   -moz-background-size: cover !important;
	     -o-background-size: cover !important;
		 	background-size: cover !important;
		background-position: center center;
}

#secondary-video-home *{
	color: #fff;
}

#secondary-video-home .content {
	height: 100% !important;
	margin: 0 auto;
	left: 0; right: 0;
	position: absolute;
	z-index: 400;
	text-align: center;
	width: auto !important;
	padding: 0 40px;
}

#secondary-video-home .inside {
	max-width: 700px !important;
	color: #fff;
	font-size: 1.1em;
	display: table !important;
	height: 100%;
	margin: 0 auto;
}

#secondary-video-home .inside .excerpt {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

#secondary-video-home h1, #secondary-video-home h2 {
	margin-bottom: 10px !important;
}

#secondary-video-home p {
	color: rgba(255,255,255,.6);
}

/* From the Blog (Home) */
.home section#blog header{
	padding: 0 40px;
}

.view-all {
	margin: 70px auto 60px;
	width: 100%;
	text-align: center;
}
#blog {
	position: relative;
	padding-left: 0;padding-right: 0;
}

#blog .posts {
	padding: 0;
	border-bottom: 1px solid #e4e4e4;
}
#blog .posts .post {
	min-height: 200px;
	position: relative;
	margin: 0 !important;
	border-top: 1px solid #e4e4e4;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 1;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	     -o-background-size: cover;
		 	background-size: cover;
}

#blog .posts .post * {
	position: relative;
	z-index: 99;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	color: #191919;
	margin: 0 !important;
}

.post.small {
	position: relative !important;
}

.post.small .inside {
	padding: 0 30px;
}

#blog .post.small a {
	padding: 70px 0;
	width: 100%;
	display: block;
	z-index: 500 !important;
}

.post.small .overlay {
	position: absolute !important;
	display: block;
	width: 100%; height: 100%;
	top: 0;
	background: #fff;
	z-index: 2;
	-webkit-transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    -ms-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
}

.post.small:hover .overlay{
	opacity: .7;
	background: #000;
}

#blog .post.small h2 {
	margin-bottom: 10px !important;
}

#blog .post.small a:hover h2 {
	color: #fff;
}

#blog .post.small a:hover .meta *, #blog .post.small a:hover .meta {
	color: rgba(255,255,255, 1) !important;
}

#blog .posts .post .meta {
	font-size: .8em;
	display: block;
}

#blog .posts .post .meta.category{
	font-size: 1em;
}

#blog .posts .post .meta *, #blog .posts .post .meta{
	-webkit-transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    -ms-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
}

#blog .posts .post .meta a{
	color: #d3d3d3 !important;
}

#blog .posts .post a.button {
	color: #191919;
	border-color: #191919;
	background: none;
}

#blog .posts .post h2 {
	font-size: 2.9em;
	-webkit-transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    -ms-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
}
#blog .posts .post a:hover {
	color: #191919;
}
#blog .posts .post p.read-more {

}

/* Blog */
.blog-content {
	width: 100%;
	margin: 0 auto 0 auto;
	display: block;
}
.archive {

}
.blog-content ul, ol {
	padding-bottom: 40px;
}

.entry-header {
	margin-bottom: 30px;
}

.entry-header .meta.date {
	margin-bottom: 30px;
	display: block;
}

.entry-title {
	margin-bottom: 10px;
}

.hentry {
	margin: 0 0 1.5em;
}

.date-author {
	margin-bottom: 40px !important;
	display: block;
}

.date-author .posted-on, .date-author .byline, .tags .date-author .comments-link {
	margin: 0 20px 0;
	display: inline-block !important;
}

.updated {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.video-pad {
	padding-bottom: 40px;
}
.video-pad .video-container iframe {
	width: 100% !important;
}
.blog-content img.full-width {
	padding: 0;
}

.meta {
	font-size: .8em !important;
}

span.meta.date-author{
    margin-bottom: 20px;
}

.post header.main.has-background .meta a {
	color: #fff;
}

.post header.main.has-background .meta a:hover {
	color: rgba(255,255,255,.5)
}

.post header.main .meta a {
	color: #000;
}

.post header.main .meta a:hover {
	color: rgba(0,0,0,.5)
}

.blog-content .full-width-container {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 40px;
}
p.attribution {
	text-transform: uppercase;
	font-size: 0.6em;
}
p.caption {
	font-style: italic;
	font-size: 0.8em;
	margin-bottom: 40px;
}
.blog-content h1 a, .blog-content h2 a, .blog-content h3 a, .blog-content h4 a, .blog-content h5 a {
	color: #191919;
	text-decoration: none;
}
.blog-content h1 a:hover, .blog-content h2 a:hover, .blog-content h3 a:hover, .blog-content h4 a:hover, .blog-content h5 a:hover {
	color: #919191;
	text-decoration: none;
}

#main {
	margin: 0px;
	padding: 0 0 0 0;
}

#main .posts {
	color: #191919;
	padding: 0;
	margin-left: 0px;
}
p.meta, .comment-metadata {
	font-size: 14px;
	line-height: 21px;
	text-align: center;
	color: #919191;
}
p.read-more {
	text-align: center !important;
	margin: 40px 0;
	font-family: 'Open Sans', sans-serif;
}
.pull {
	display: block;
	padding: 20px 0 20px 0;
	margin: 20px;
	width: 30%;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.5em;
	color: #191919;
	border-top: 3px solid #919191;
	border-bottom: 3px solid #919191;
}
.pullright {
	float: right;
	margin-right: -5%;
	clear: left;
}
.pullleft {
	float: left;
	margin-left: -5%;
	clear: right;
}
.entry-footer {
	text-align: center;
}
.little-border {
	width: 50%;
	margin: 0 auto 80px auto;
	border-bottom: thin solid #e9e9e9;
}


/* Portfolio */

.post-type-archive-jetpack-portfolio #filter-nav,
body.post-type-archive-jetpack-portfolio header .short
{
	display: none !important;
}

#portfolio-content {
	max-width: 800px;
	margin: 0 auto;
}

.filter-wrap {
	text-align: center;
}
#filter-nav{
	padding: 0 !important;
	margin: 0 auto 40px auto!important;
	width: auto;
	text-align: center;
	width: 100%;
	position: relative;
	list-style: none !important;
}
#filter-nav li {
	padding: 0px 0 0 0;
	background: none;
	margin: 0 8px 8px 0;
	display: inline-block;
	list-style: none !important;
}
#filter-nav li a {
	font-size: 1em;
	display: inline-block;
	color: #b6b6b6;
	text-decoration: none;
	position: relative;
	cursor: pointer;
	padding: 7px 11px 7px !important;
	border: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	line-height: 1em;
	text-transform: uppercase;
	border: 2px solid transparent;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
	font-family: 'Open Sans', sans-serif;
}
#filter-nav li a:hover {
	color: #848484;
}
#filter-nav .selected, #filter-nav a.selected:hover {
	color: #848484;
	border: 2px solid #848484;
}

.project.small p {
	text-align: center;
	font-size: .9em;
}

.project.small {
	display: block;
	max-width: 433px;
	margin-bottom: 20px;
	visibility: hidden;
	width: 33.333% !important;
}

.project.small .inside {
	position: relative;
	text-align: center !important;
	margin: 0 10px !important;
	display: block;
}

.project.small .inside * {
	padding: 0 !important;
	margin: 0 !important;
}

.project.small a {
	position: relative;
	margin: 0 auto;
	max-width: 413px;
	display: block;
	background: #000;
	color: #6a6a6a;
	text-align: center;
}

.project.small .title {
	font-size: 1em;
	display: block;
	position: absolute;
	top:0; bottom:0; left:0; right:0;
	width: 100%;
	-webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
	transition-timing-function: ease-out;
    transition-duration: 250ms;
	opacity: 0;
	top: 50%;
	margin-top: -20px !important;
	z-index: 100;
}

.project.small a:hover .title {
	opacity: 1;
}

.project.small .title span {
	padding: 3px 0;
	right: 0; left: 0;
	font-weight: normal;
	color: #fff;
	border-bottom: 2px solid #fff;
	display: inline-block !important;
}

.project.small .overlay{
	display: block;
	position: absolute;
	top:0; bottom:0; left:0; right:0;
	width: 100%;
	-webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
	transition-timing-function: ease-out;
    transition-duration: 250ms;
	opacity: 0;
}

.project.small .overlay span{
	display: block;
	height: 100%;
	background: #000
}

.project.small a:hover .overlay{
	opacity: 1;
	opacity: .7;
}

.project.small a img{
	display: block;
	-webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
	transition-timing-function: ease-out;
    transition-duration: 250ms;
}

.project.small .blank-project, .archive .jetpack-portfolio .blank-project {
	display: block;
	height: 232px;
	width: 413px;
}

.project.small .blank-project::before, .archive .jetpack-portfolio .blank-project::before {
	content: "\f03e";
	font-family: FontAwesome;
	font-size: 120px;
	line-height: 130px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding-top: 50px;
	height: 100%;
	width: 100%;
	opacity: .4;
}

.archive .jetpack-portfolio {
	margin: 0 auto 40px;
	max-width: 800px;
}

.archive .jetpack-portfolio .left{
	float: left;
	margin-right: 30px;
	width: 50%;
}

.archive .jetpack-portfolio .right h3 {
	margin-bottom: 0;
}

.archive .jetpack-portfolio .right h3 a {
	color: #191919;
	text-decoration: none;
}
.archive .jetpack-portfolio .right h3 a:hover {
	color: #919191;
	text-decoration: none;
}

.archive .jetpack-portfolio .meta {
	margin-bottom: 15px;
	display: block;
	font-style: italic;
}


/* Single Project */
.entry-content .embed-vimeo, .entry-content .embed-youtube {
	margin-bottom: 30px !important;
}

.single-jetpack-portfolio .entry-header .meta {
	padding-bottom: 10px !important;
}

header .meta p {
	margin: 0 !important;
}


/* Footer */
#footer {
	padding: 40px 30px;
	width: 100%;
	height: auto;
	background: #171717;
    color: #b0b0ad;
}

#footer span.widget-title, #footer .textwidget, #footer p, #footer span {
    color: #fff;
}

#footer a {
	font-weight: normal;
	color: #fff;
}

#footer .main{
	margin: 0 auto 30px;
	border-bottom: 1px solid rgba(255,255,255,.08);
	padding: 30px 0 0 !important;
	max-width: 1300px;
}

#footer .inside {
	margin: 0 auto;
}

#footer .widget-box p{
	color: rgba(255,255,255, .5);
}

#footer .widget_blog_subscription input {
    background: #b0b0ad;
}

#footer .secondary {
	padding: 30px 0 20px 0;
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	color: #747475;
}

#footer .secondary *{
	color: #747475;
}

#footer .secondary .left{
	margin-bottom: 10px;
	font-size: .8em;
}

#footer .secondary .right{
	padding-top: 15px;
	font-size: .8em;
}

#footer .left .fa, .widget-box .right .fa {
	font-size: 2em;
}

#footer .secondary p {
	padding-bottom: 0 !important;
	color: #747475;
	font-size: .9em;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
}

#footer .secondary a {
	color: #ababac;
}

#footer .secondary a:hover {
	color: #fff;
}


#footer .copyright {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	text-align: right;
	padding: 25px 10%;
}
#footer .copyright span {

}
/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

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

p.no-comments{
    margin-left: 0 !important;
}

.pingback .comment-body a {
    margin-left: 20px;
}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Hides navigation links and site footer when infinite scroll is active */
.infinite-scroll #navigation,
.infinite-scroll .pagination,
.infinite-scroll.neverending #footer {
    display: none;
}

/* Shows the footer again in case all posts have been loaded */
.infinity-end.neverending #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;
}

/*--------------------------------------------------------------
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: 0.8075em 0;
}

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}
.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
    margin: 0 20px 20px 0;
	width: 100%;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.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 {
    font-size: 14px;
}

/*////////////////////////////////////////////////////////////////////
//  13.0 - Media Queries
////////////////////////////////////////////////////////////////////*/


/* iPads */

@media only screen and (max-width : 1024px) {
	.video-background #banner-content h1, #banner-content h2, #banner-content h3 {
		font-size: .9em !important;
	}

	.video-background, #testimonials {
		background-attachment: scroll !important;
		background-repeat: no-repeat !important;
		-webkit-background-size: cover !important;
		   -moz-background-size: cover !important;
		     -o-background-size: cover !important;
			 	background-size: cover !important;
	}

	#main header.main {
		padding: 90px 0 !important;
		margin-bottom: 80px;
	}

	#main header.main hr.short{
		margin: 0 auto 10px;
	}

	#main header.main .entry-title {
		font-size: 2.2em;
	}

	#main header.main .meta {
		font-size: .6em !important;
	}
	.date-author .posted-on, .date-author .byline, .date-author .comments-link {
		margin: 0 20px 0;
	}

	a {

	    transition-property: none;
	    -webkit-transition: 0;
	    -moz-transition: 0;
	    -o-transition: 0;
	    transition: 0;
	}
	
	.project.small .title {
		font-size: 1em;
		display: block;
		position: relative;
		top:0; bottom:0; left:0; right:0;
		width: 100%;
		-webkit-transition-timing-function: ease-out;
	    -webkit-transition-duration: 250ms;
	    -moz-transition-timing-function: ease-out;
	    -moz-transition-duration: 250ms;
		transition-timing-function: ease-out;
	    transition-duration: 250ms;
		z-index: 100;
		height: auto;
		opacity: 1;
		color: #000;
		background: none;
		padding-top: 30px !important
	}
	
	.project.small a {
		background: none;
	}
	
	.project.small .title span {
		border: none;
		color: #000;
	}
	
	.project.small .overlay span{
		background: transparent
	}
	
	.project.small:hover img {
		opacity: .7;
	}
	
	.video-background .overlay, .gecko .video-background .overlay{
		display: none;
	}
}

@media only screen and (max-width: 900px) {
	.entry-header {
		margin-bottom: 30px !important;
	}

	blockquote { font-size: .9em !important; }

	.video-background #banner-content h1, #banner-content h2, #banner-content h3 {
		font-size: .7em !important;
	}

	h1 {
		font-size: 28px;
		font-size: 2.8rem;
	}
	h2 {
		font-size: 22px;
		font-size: 2.2rem;
	}
	h3 {
		font-size: 22px;
		font-size: 2.2rem;
	}
	h4 {
		font-size: 14px;
		font-size: 1.4rem;
	}

	p {
		font-size: .9em;
	}
	
	li {
		font-size: .9em;
	}

	.post.small h2 {
		font-size: 1.6em !important;
	}

	#projects .home-inside {
		padding: 0 5%;
	}
	.home-inside h2 {
		font-size: 48px;
	}
	.home-inside h3 {
		font-size: 22px;
	}

	#testimonials {
		padding: 50px 50px 40px;
	}

	.testimonial p {
		font-size: .9em !important;
	}

	.entry-header .meta {
		font-size: .6em !important;
	}

	.home #home-content{
		padding: 35px 0 30px !important;
	}

	body.admin-bar #home-content{
		padding: 10px 0 30px !important;
	}

	.button {
		font-size: .8em !important;
		padding: 12px !important;
	}

	.project.small, .testimonial.small, .widget-box {
		width: 50% !important;
	}

	.widget-box:nth-child(3n+1)
	{
	    clear: none !important;
	}
	.widget-box:nth-child(2n+1)
	{
	    clear: both !important;
	}

}

/*layouts smaller than 700px, iPhone and mobiles*/

@media only screen and (max-width: 700px) {

	.site-header .inside {
		text-align: center;
	}


	#menu-toggle {
		display: block;
	}

	#mobile-menu { display: block; }

	.site-header .top .inside{
		padding: 15px 0 10px;
	}

	#main-nav {
		display: none;
	}

	#menu {
		display: none;
	}

	#blog .posts .post a.button {
		font-size: 14px;
		padding: 5px 7px;
	}

	#logo {
		margin: 0 auto;
		float: none;
		position: relative;
        max-width: 250px;
        height: auto;
	}

	#logo img{
		max-height: 20px;
	}

	.thumbs {
		max-width: 413px !important;
		margin: 0 auto !important;
	}

	.thumbs {
		text-align: center;
	}

	.home section header h2 {
		font-size: 1.2em !important;
	}

	.project.small .inside, .testimonial.small .inside {
		margin: 0 !important;
	}

	.single-jetpack-portfolio .post-navigation .nav-portfolio {
		position: relative;
		width: 100%;
	}

	.site-header #button-wrapper {
		display: none;
	}

	.post.small .inside {
		padding: 0;
	}

	.comment-navigation .nav-previous,
	.paging-navigation .nav-previous,
	.post-navigation .nav-previous {
		float: none;
		width: 100%;
		text-align: center;
	}
	.comment-navigation .nav-next,
	.paging-navigation .nav-next,
	.post-navigation .nav-next {
		float: none;
		width: 100%;
		text-align: center;
	}

	/*Reduce side padding*/
	.body-wrap {
		padding: 0 15px;
	}
	.comments-wrap {
		padding: 0 15px;
	}
	#footer, #secondary {
		padding: 30px 0px !important;
	}
	.project.small, .widget-box, .testimonial.small{
		width: 100% !important;
	}
	.site-main .post-navigation {
		padding: 0 15px;
	}
    .home #testimonials {
        padding: 50px 20px;
    }
	#testimonials .small {
		margin-left: -50px;
		padding: 20px 15px;
	}
}

/* iPhone Landscape */
@media screen and (max-width: 600px) {
	.home-inside h2 {
		font-size: 36px;
	}
}

/* iPhone Portrait */
@media screen and (max-width: 480px) {

	#blog .posts .post .meta {
		font-size: 14px;
	}

	#blog .posts .post p.read-more {
		display: none;
	}
	#projects .home-inside {
		top: 15%;
	}
    .comment-meta .avatar {
        position: relative;
        display: block;
        margin-bottom: 10px
    }

    div.comment-metadata, b.fn, #comments p, #comments .reply a {
        margin-left: 0
    }

}

/* Small laptops */

@media screen and ( max-height: 880px ){
		#banner-content .inside{
            max-width: 1000px !important;
        }

        #down-button {
            bottom: 10px;
        }
        #banner-content h1, #banner-content h2, #banner-content h3, #banner-content p, #banner-content img {
            margin-bottom: 25px;
        }

    }


@media all and (min-width: 300px) {
	.mm-menu {
		width: 250px !important;
	}
}

#banner-content, #main header.main { z-index: 4 !important; }
.overlay {z-index: 0 !important;}
#video-background .pattern-overlay {z-index: 9999 !important;}
#video-background .pattern-overlay {z-index: 3 !important;}
#banner-content {
z-index: 9999 !important;
}