/*
Theme Name: Dodda
Theme URI: http://rglondon.co.uk
Author: Red Giant
Author URI: http://rglondon.co.uk
Description: Dodda is your basic building block for creating beautiful, responsive custom themes. It's not a convoluted or confusing framework that's hard to learn or even harder to modify. It's a simple and elegant starter theme built on HTML5 & CSS3. Its base is a responsive, 12 column grid. It incorporates custom theme options that are easy to modify, a set of common templates, support for WordPress Post Formats and the gorgeous, retina friendly Font Awesome icon font. Dodda is WooCommerce compatible, Multilingual Ready (WPML) and translated into Spanish, German and French. Dodda is also compatible with popular page builders such as Visual Composer, Beaver Builder, Divi Builder and the SiteOrigin Page Builder.
Version: 1.3.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready
Text Domain: dodda
*/


/* ==========================================================================
   Default stylings from HTML5 Boilerplate
   ========================================================================== */

/* Apply a natural box layout model to all elements - http://paulirish.com/2012/box-sizing-border-box-ftw/ */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* Using rem font sizing (Root em’s) with fallback to px for ie8 and below - http://snook.ca/archives/html_and_css/font-size-with-rem */
body { margin: 0; font-size: 16px; font-size: 1rem; line-height: 1.5; }

::-webkit-selection { background: #5784FE; color: #fff; text-shadow: none; }
::-moz-selection { background: #5784FE; color: #fff; text-shadow: none; }
::selection { background: #5784FE; color: #fff; text-shadow: none; }

menu { padding: 0; }

td { vertical-align: top; }



/* ==========================================================================
    Map
   ========================================================================== */

.mapplic-sidebar {
    width: 25% !important;
    padding: 80px 0px 0px 0px !important;
}

.mapplic-container {
    width: 75% !important;
}


/* ==========================================================================
    Home 2020
   ========================================================================== */


.page-id-2358 p {
    color: #000 !important;
}


.category-red-giant-projects {
	padding-top: 60px !important;
}

.hideymal {
	display:none !important;
}

#maincontentcontainer {
    background-color: #000 !important;
}



#headercontainer {
	background-color: #000000;
	border-bottom:2px solid #ffffff;
}

p {
    color: white;
}

h1 {
    color: white !important;
}

h2 {
    color: white !important;
}

h3 {
    color: white !important;
}



.bx-prev {
	display: none !important;
}

.bx-next {
	display: none !important;
}


.ubermenu-skin-white .ubermenu-submenu.ubermenu-submenu-drop {
  border: 1px solid #000000 !important;
  border-top: 1px solid #ffffff !important;
}


#menu-test li {
	background-color:#b9b9b9;
	border-radius: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
	color:#222222;
	display:inline-block;
	font-family: 'PT Sans', sans-serif;
	font-size:14px;
	font-size:0.875rem;
	font-weight:bold;
	margin:0 0 5px 0;
}

#menu-test li a {
	color: #000;
	display: block;
	text-decoration: none;
	padding: 11px 16px;
}

#menu-test .current-menu-item {
	background-color: #b9b9b9;
/* 	box-shadow: 0 2px 2px #aaaaaa !important;
		-moz-box-shadow: 0 2px 2px #aaaaaa !important;
		-webkit-box-shadow: 0 2px 2px #aaaaaa !important; */
}

#menu-test .current-menu-item a {
	color:#000;
	text-decoration: underline;
}




/* .section {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}



.video-container {
  width: 100% !important;
  height: auto !important;
} */

/* #myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
} */


/* .c-video-container video {
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    width: 100%;
    height: 100%;
} */


/*  .fullscreen-video-wrap{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100vh;
  overflow:hidden;
}

.fullscreen-video-wrap video{
  min-height:100%;
  min-width:100%;
}
 */


/* ==========================================================================
   Basic page styles
   ========================================================================== */

body {
	margin: 0 auto;
	padding: 0;
	font: 16px/1.5 'Ubuntu', sans-serif;
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	color: #444444;
	text-align: left;
}

/* Set the default behavior for touch-based browsing in IE10 on devices running Windows 8 */
canvas {
	-ms-touch-action: double-tap-zoom;
}

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

.entry-content .twitter-tweet-rendered {
	max-width: 100% !important; /* Override the Twitter embed fixed width */
}

/* Responsive images */
img {
	border: 0;
	max-width: 100%;
	height: auto;
	vertical-align: top;
}

.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}

img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Header */
h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 400;
	color: #000000;
	margin-top: 0;
}

h1 {
	margin-bottom: 36px;
	margin-bottom: 2.25rem;
	font-size: 30px;
	font-size: 1.875rem;
	line-height: 1.25;
}

h2 {
	margin-bottom: 8px;
	margin-bottom: .5rem;
	font-size: 26px;
	font-size: 1.625rem;
	line-height: 1.25;
}

h3 {
	margin-bottom: 6px;
	margin-bottom: 0.375rem;
	font-size: 22px;
	font-size: 1.375rem;
	line-height: 1.25;
}


h4 {
	margin-bottom: 5px;
	margin-bottom: 0.3125rem;
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 1.5;
}

h5 {
	margin-bottom: 5px;
	margin-bottom: 0.3125rem;
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 1.5;
}

h6 {
	margin-bottom: 5px;
	margin-bottom: 0.3125rem;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 1.75;
}

hr {
	background-color: #ededed;
	border: 0;
	height: 1px;
	margin: 60px 0 !important;
	margin: 3.75rem 0 !important;
}

ol, ul {
	list-style: none outside none;
}

p, ol, ul, dl, address {
	margin: 0 0 24px 0;
	margin: 0 0 1.5rem 0;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.875;
}

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

dt {
	font-family: 'Ubuntu', sans-serif;
	font-style: normal;
	font-weight: 700;
}

figure {
	margin: 1rem 0;
	margin: 16px 0;
}

b, strong {
	font-family: 'Ubuntu', sans-serif;
	font-style: normal;
	font-weight: 700;
}

em {
	font-family: 'Ubuntu', sans-serif;
	font-style: italic;
	font-weight: 400;
}

strong em, b em {
	font-family: 'Ubuntu', sans-serif;
	font-style: italic;
	font-weight: 700;
}

ins {
	background: none repeat scroll 0 0 #FFF9C0;
	text-decoration: none;
}

a {
	color: #cc0000;
	outline: none;
	text-decoration: underline;
}

	.search a {
		text-decoration:none !important;
	}

	#sitemap a {
		color: #444444;
		text-decoration:none !important;
	}

a:visited {
}

a:focus {
	outline: none;
}

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

.alignleft {
	display: inline;
	float: left;
	margin: 0 20px 16px 0;
	margin: 0 1.25rem 1rem 0;
}

.alignright {
	display: inline;
	float: right;
	margin: 0 0 16px 20px;
	margin: 0 0 1rem 1.25rem;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 16px;
	margin-bottom: 1rem;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

blockquote {
	border-left: 5px solid #444444;
	margin: 0 0 18px 20px;
	margin: 0 0 1.125rem 1.25rem;
	padding: 0 0 0 16px;
	padding: 0 0 0 1rem;
}

blockquote.pull-right {
	border-left: 0 none;
	border-right: 5px solid #444444;
	margin: 0 20px 18px 0;
	margin: 0 1.25rem 1.125rem 0;
	padding: 0 16px 0 0;
	padding: 0 1rem 0 0;
	float: none;
}

blockquote p {
	font-family: 'Ubuntu', sans-serif;
	font-style: italic;
	font-weight: 400;
	font-size: 24px;
	font-size: 1.5rem;
	margin-bottom: 0;
}

blockquote.pull-right p,
blockquote.pull-right small {
	text-align: right;
}

blockquote cite:before {
	content: "\2014 ";
}

blockquote cite {
	font-family: 'Ubuntu', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 1.125;
	color: #999;
	display: block;
}

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

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

code, pre {
	border-radius: 3px;
	color: #555;
	font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
	font-size: 12px;
	font-size: 0.75rem;
	padding: 0 3px 2px;
	padding: 0 0.1875rem 0.125rem;
	overflow: auto;
	white-space: pre-wrap;
	word-wrap: normal;
}

code {
	background-color: #f7f7f9;
	border: 1px solid #e1e1e8;
	padding: 2px 4px;
	padding: 0.125rem 0.25rem;
}

pre {
	background-color: #fafafa;
	border-color: #ddd;
	border-style: solid;
	border-width: 1px 1px 1px 11px;
	margin: 1.7rem 0 1.7rem 0.3rem;
}

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

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

.wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	padding: 4px;
	padding: 0.25rem;
}

.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-family: 'Ubuntu', sans-serif;
	font-style: italic;
	font-weight: 400;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 1.5;
	color: #777;
	text-align: center;
}

img.wp-smiley, .rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.entry-content dl.gallery-item {
	margin: 0;
}

.gallery-columns-1 .gallery-item a {
	max-width: 100%;
	width: auto;
}

.gallery .gallery-icon img {
	height: auto;
}

.gallery {
	clear: both;
	margin: 0 auto;
	*zoom: 1;
}

.gallery:before,
.gallery:after {
	content: "";
	display: table;
}

.gallery:after {
	clear: both;
}

#primary .entry-content [id^="gallery-"] img {
	border: none;
}

/* Text meant only for screen readers */
.assistive-text {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.menu-toggle, button, input {
	font-family: 'Ubuntu', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.25;
	margin: 0;
	font-size: 100%;
	vertical-align: middle;
}

.menu-toggle, button, input {
	*overflow: visible;
	line-height: normal;
}

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

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}

input[type="button"] {
	width: auto;
}

.menu-toggle,
.btn,
input[type="submit"] {
	display: inline-block;
	*display: inline;
	padding: 8px 14px;
	padding: 0.5rem 0.875rem;
	margin-bottom: 0;
	*margin-left: .3em;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.25;
	color: #444444;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	vertical-align: middle;
	cursor: pointer;
	background-color: #ebe9eb;
	*background-color: #ebe9eb;
	border: 1px solid #cccccc;
	*border: 0;
	border-color: rgba(0, 0, 0, 0.1);
	border-color: #e6e6e6 ;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.menu-toggle, a.btn {
	color: #444444;
	text-decoration: none;
}

.menu-toggle:hover,
.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
	background-color: #dad8da;
	*background-color: #dad8da;
}

.btn:first-child {
	*margin-left: 0;
}

.menu-toggle:hover,
.btn:hover,
input[type="submit"]:hover {
	color: #444444;
	text-decoration: none;
	background-color: #dad8da;
	*background-color: #dad8da; /* Buttons in IE7 don't get borders, so darken on hover */
}

.menu-toggle:focus,
.btn:focus,
input[type="submit"]:focus {
	outline: thin dotted #444444;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

.menu-toggle:active,
.btn.active,
.btn:active,
input[type="submit"]:active {
	background-color: #dad8da;
	background-color: #dad8da \9;
	background-image: none;
	outline: 0;
	position:relative;
	top:1px;
}

.btn.disabled, .btn[disabled] {
	cursor: default;
	background-color: #dad8da;
	background-image: none;
	opacity: 0.65;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.btn.disabled:active, .btn[disabled]:active {
	top:0;
}

button.btn, input[type="submit"].btn {
	*padding-top: 2px;
	*padding-bottom: 2px;
}

button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
	padding: 0;
	border: 0;
}

.btn-large,
input[type="submit"].btn-large {
	padding: 10px 15px;
	padding: 0.625rem 0.9375rem;
	font-size: 20px;
	font-size: 1.25rem;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.btn-small,
input[type="submit"].btn-small {
	padding: 5px 9px;
	padding: 0.3125rem 0.5625rem;
	font-size: 13px;
	font-size: 0.8125rem;
}

/* Form fields */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
textarea {
	font-family: inherit;
	padding: 8px;
	padding: 0.5rem;
	font-family: inherit;
	border: 1px solid #ccc;
	border-radius: 3px;
}

select {
	max-width: 100%;
}

/* HTML5 galleries */
.gallery .gallery-item {
	float: left;
	margin: 10px 1% 0;
	text-align: center;
}

.gallery-columns-1 .gallery-item {
	width: 100%;
	margin: 10px 0 0;
}

.gallery-columns-2 .gallery-item {
	width: 47.5%
}

.gallery-columns-3 .gallery-item {
	width: 31%
}

.gallery-columns-4 .gallery-item {
	width: 22.5%
}

.gallery-columns-5 .gallery-item {
	width: 17.75%
}

.gallery-columns-6 .gallery-item {
	width: 14%
}

.gallery-columns-7 .gallery-item {
	width: 12%
}

.gallery-columns-8 .gallery-item {
	width: 10.25%
}

.gallery-columns-9 .gallery-item {
	width: 9%
}

/* Small headers */
.archive-title,
.page-title,
.entry-content th,
.comment-content th {
	font-family: 'Ubuntu', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 2;
	text-transform: uppercase;
}

/* 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:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	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. */
}


/* ==========================================================================
   Site specific styles
   ========================================================================== */

#wrapper {
	width: 100%;
	position: relative;
	text-align: left;
}

#headercontainer {
	/*background-image:url(images/trans80.png);
	background-repeat: repeat;*/
	background-color: #000000;
	border-bottom:1px solid #ededed;
	/*box-shadow:0px 1px 2px #ededed !important;
		-moz-box-shadow: 0px 1px 2px #ededed !important;
		-webkit-box-shadow: 0px 1px 2px #ededed !important;*/
	float:left;	
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
}

	/*.home #headercontainer {
		box-shadow:0px 1px 2px #ededed !important;
			-moz-box-shadow: 0px 1px 2px #ededed !important;
			-webkit-box-shadow: 0px 1px 2px #ededed !important;
	}*/

.site-header {
	clear: both;
	width: 90%;
	font-size: 16px;
	font-size: 1rem;
	max-width: 1280px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	color: #000;
}

.site-title h1 {
	margin-top: 20px;
	margin-top: 1.25rem;
}

.site-title img {
	vertical-align: text-bottom;
}

.site-title a {
	color: #444444;
	font-size: 64px;
	font-size: 4rem;
	text-decoration: none;
}

#maincontentcontainer {
	width: 100%;
}

.site-content {
	clear: both;
	width: 90%;
	font-size: 16px;
	font-size: 1rem;
	max-width: 1280px;
	margin: 0 auto;
/* 	padding: 120px 0 20px 0;
	padding: 7.5rem 0 1.25rem 0; */
	color: #444444;
	line-height: 1.5;
	position: relative;
}

/* 	.home.page .site-content {
		padding: 0;
	} */

		.home.page .site-content article {
			margin-bottom: 0;
		}
	.page-template-other-page .site-content {
		padding-top: 0;
	}

/* Social Media icons */
.social-media-icons {
	float: right;
	height: auto;
}

.social-media-icons ul {
	list-style: none;
	margin: .5em 0 0 0;
	padding: 0;
}

.social-media-icons li {
	display: inline-block;
	margin: 0.1em 0 0 0.6em;
	font-size: 0.6rem;
	text-align: left;
}

.social-media-icons a {
	color: #444444;
	text-decoration: none;
}

.social-media-icons a:visited {
	color: #444444;
}

.social-media-icons a:hover, .social-media-icons a:active {
	color: #cc0000;
}

/* ==========================================================================
   Main Content
   ========================================================================== */

.entry-meta {
	clear: both;
}

.entry-header {
	margin-bottom: 16px;
	margin-bottom: 1rem;
}

.entry-title {
	text-transform: uppercase !important;
}

.entry-header .entry-title a {
	text-decoration: none;
}

.entry-header h1 a:visited {
	color: #444444;
}

.entry-header h1 a:hover {
	color: #cc0000;
}

article.sticky .featured-post {
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 400;
	border-top: 4px double #aaa;
	border-bottom: 4px double #aaa;
	color: #777;
	font-size: 16px;
	font-size: 1rem;
	line-height: 3;
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
	text-align: center;
}

article.sticky {
	border-bottom: 4px double #aaa;
}

.site-content article {
	margin-bottom: 40px;
	margin-bottom: 2.5rem;
	-ms-word-wrap: normal;
	-webkit-hyphens: none;
	word-wrap: normal;
}

.header-meta {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	margin-bottom: 0.625rem;
	padding: 5px 0;
	padding: 0.3125rem 0;
	*zoom: 1;
}

.header-meta:before,
.header-meta:after {
	content: "";
	display: table;
}

.header-meta:after { clear: both; }

.header-meta a {
	text-decoration:none;
}

.header-meta a:visited {
	color: #444444;
}

.header-meta a:hover {
	color: #cc0000;
}

.entry-content {
	margin-bottom: 20px;
	margin-bottom: 1.25rem;
	*zoom: 1;
}

.entry-content:before,
.entry-content:after {
	content: "";
	display: table;
}

.entry-content:after { clear: both; }

.post-categories a,
.post-tags a {
	font-size: 14px;
	font-size: 0.875rem;
	background-color: #444444;
	color: #fff;
	padding: 0 5px;
	padding: 0 0.3125rem;
	margin: 0 3px 0 0;
	margin: 0 0.1875rem 0 0;
	display: inline;
	text-decoration: none;
}

.post-categories a:visited,
.post-tags a:visited {
	color: #fff;
}

.post-categories a:hover,
.post-tags a:hover {
	background-color: #cc0000;
	color: #fff;
}

.entry-header address,
.comment-content address {
	font-family: 'Ubuntu', sans-serif;
	font-style: italic;
	font-weight: 400;
	display: block;
}

.entry-header address {
	display: inline;
}

.entry-header time,
.entry-header address {
	font-family: 'Ubuntu', sans-serif;
	font-style: italic;
	font-weight: 400;
	font-size: 14px;
	font-size: 0.875rem;
	margin: 0 20px 0 0;
	margin: 0 1.25rem 0 0;
}

.page-links {
	clear: both;
	line-height: 1.75;
	color: #444444;
}

.page-links .page-numbers {
	background-color: #444444;
	border: 1px solid #444444;
	padding: 2px 4px;
	padding: 0.125rem 0.25rem;
	color: #fff;
}

.page-links a {
	text-decoration: none;
}

.page-links a .page-numbers {
	background-color: transparent;
	color: #444444;
}

.page-links a:hover .page-numbers {
	background-color: #cc0000;
	color: #fff;
}

.more-link {
	text-decoration: none;
}

.post-edit-link {
	text-decoration: none;
}

.entry-content dl,
.comment-content dl {
	margin: 0 24px;
	margin: 0 1.5rem;
}

.entry-content dt,
.comment-content dt {
	font-family: 'Ubuntu', sans-serif;
	font-style: normal;
	font-weight: 700;
	line-height: 1.5;
}

.entry-content dd,
.comment-content dd {
	line-height: 1.5;
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
}

.comment-content table {
	border-bottom: 1px solid #ccc;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 2;
	margin: 0 0 24px;
	margin: 0 0 1.5rem;
	width: 100%;
}

.comment-content table caption {
	font-size: 16px;
	font-size: 1rem;
	margin: 24px 0;
	margin: 1.5rem 0;
}

.entry-content td,
.comment-content td {
	border-top: 1px solid #ccc;
	padding: 6px 10px 6px 0;
	padding: 0.375rem 0.625rem 0.375rem 0;
}

.entry-content ol,
.comment-content ol,
.entry-content ul,
.comment-content ul {
	margin: 0 0 24px;
	margin: 0 0 1.5rem;
	line-height: 1.5;
	padding: 0;
}

.entry-content ul ul,
.comment-content ul ul,
.entry-content ol ol,
.comment-content ol ol,
.entry-content ul ol,
.comment-content ul ol,
.entry-content ol ul,
.comment-content ol ul {
	margin-bottom: 0;
}

.entry-content ul,
.comment-content ul {
	list-style: disc outside;
}

.entry-content ol,
.comment-content ol {
	list-style: decimal outside;
}

.entry-content li,
.comment-content li {
	margin: 0 0 0 28px;
	margin: 0 0 0 1.75rem;
}

/* Author profiles */
.author .archive-header {
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
}

.author-info {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 24px 0;
	margin: 1.5rem 0;
	padding: 24px 0;
	padding: 1.5rem 0;
	overflow: hidden;
	*zoom: 1;
}

.author-info:before,
.author-info:after {
	content: "";
	display: table;
}

.author-info:after { clear: both; }

.author-description h2 {
	font-size: 24px;
	font-size: 1.5rem;
}

.author-description p {
	color: #777;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 1.5;
	margin-bottom: 8px;
	margin-bottom: 0.5rem;
}

.author-link {
	font-size: 14px;
	font-size: 0.875rem;
}

.author-link a {
	color: #777;
	text-decoration: none;
}

.author-link a:visited {
	color: #666;
}

.author-link a:focus,
.author-link a:hover,
.author-link a:active {
	outline: 0;
	color: #cc0000;
}

.author.archive .author-info {
	border-top: 0;
	margin: 0 0 48px;
	margin: 0 0 3rem;
}

.author.archive .author-avatar {
	margin-top: 0;
}

.author.archive .author-link {
	display: none;
}

.author-avatar {
	float: left;
	margin-top: 8px;
	margin-top: 0.5rem;
}

.author-description {
	float: right;
	width: 80%;
}

.social-meta a {
	text-decoration: none;
	margin-right: 5px;
	margin-right: 0.3125rem;
}


/* ==========================================================================
   Post Formats
   ========================================================================== */

.entry-media {
	margin: 0 auto 16px;
	margin: 0 auto 1rem;
	max-width: 792px;
	width: 100%;
}

.entry-media .wp-caption,
.entry-media .wp-caption-text,
.entry-media [class*="align"] {
	margin: 0 auto;
}

/* Aside */
.format-aside .entry-content {
	margin: 20px 0 18px 0;
	margin: 1.25rem 0 1.125rem 0;
}

.format-aside .entry-content p:last-child {
	margin-bottom: 0;
}

/* Status */
.format-status .entry-content {
	border-left: 5px solid #ddd;
	margin: 20px 0 18px 0;
	margin: 1.25rem 0 1.125rem 0;
	padding: 0 0 0 15px;
	padding: 0 0 0 0.9375rem;
}

.format-status .entry-content p {
	font-size: 20px;
	font-size: 1.25rem;
	font-style: italic;
}

.format-status .entry-content p:last-child {
	margin-bottom: 0;
}

/* Quote */
.format-quote .entry-content blockquote:before {
	font-family: 'FontAwesome';
	font-weight: normal;
	font-style: normal;
	speak: none;
	vertical-align: top;
	font-size: 40px;
	font-size: 2.5rem;
	content: "\f10d";
	color: #ddd;
	top: -15px;
	left: 0;
	position: absolute;
	z-index: -1;
}

.format-quote .entry-content {
	margin-top: 24px;
	margin-top: 1.5rem;
	position: relative;
}

.format-quote .entry-content blockquote {
	border: none;
	margin-left: 40px;
	margin-left: 2.5rem;
}

/* Audio */
.format-audio .wp-audio-shortcode {
	margin-bottom: 16px;
	margin-bottom: 1rem;
}


/* ==========================================================================
   Archives
   ========================================================================== */

.archive-header,
.page-header {
}

.archive-meta {
	font-family: 'Ubuntu', sans-serif;
	font-style: italic;
	font-weight: 400;
	color: #777;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 2;
	margin-top: 16px;
	margin-top: 1rem;
}


/* ==========================================================================
   Comments
   ========================================================================== */

.comments-title {
	margin-bottom: 48px;
	margin-bottom: 3rem;
	font-size: 32px;
	font-size: 2rem;
	line-height: 1.5;
	font-weight: normal;
}

.comments-area article {
	padding-bottom: 16px;
	padding-bottom: 1rem;
	margin: 24px 0;
	margin: 1.5rem 0;
	border-bottom: 1px solid #ccc;
}

.comments-area article header {
	margin: 0 0 24px;
	margin: 0 0 1.5rem;
	overflow: hidden;
	position: relative;
}

.comments-area article header img {
	float: left;
	padding: 0;
	line-height: 0;
}

.comments-area article header cite,
.comments-area article header time {
	display: block;
	margin-left: 84px;
	margin-left: 5.25rem;
}
.comments-area article header cite {
	font-style: normal;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

.comments-area article header time {
	font-family: 'Ubuntu', sans-serif;
	font-style: italic;
	font-weight: 400;
	line-height: 1.8;
	text-decoration: none;
	font-size: 14px;
	font-size: 0.875rem;
	color: #5e5e5e;
}

.comments-area article header a {
	text-decoration: none;
	color: #5e5e5e;
}

.comments-area article header a:hover {
	color: #21759b;
}

.comments-area article header cite a {
	color: #444444;
}

.comments-area article header cite a:hover {
	text-decoration: underline;
}

.comments-area article header h4 {
	position: absolute;
	top: 0;
	right: 0;
	padding: 8px 14px;
	padding: 0.5rem 0.875rem;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: normal;
	color: #fff;
	background-color: #0088d0;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #009cee, #0088d0);
	background-image: -ms-linear-gradient(top, #009cee, #0088d0);
	background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
	background-image: -o-linear-gradient(top, #009cee, #0088d0);
	background-image: linear-gradient(top, #009cee, #0088d0);
	border-radius: 3px;
	border: 1px solid #007cbd;
}

.comments-area li.bypostauthor cite span {
	position: absolute;
	margin-left: 6px;
	margin-left: 0.375rem;
	padding: 2px 6px;
	padding: 0.125rem 0.375rem;
	font-size: 12px;
	font-size: 0.75rem;
}

a.comment-reply-link {
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 1.8;
	color: #686868;
	text-decoration: none;
}

a.comment-reply-link:hover {
	color: #21759b;
}

.commentlist .pingback {
	line-height: 1.8;
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
	padding-bottom: 0;
}

.commentlist .children {
	margin-left: 48px;
	margin-left: 3rem;
}

.commentlist {
	padding-left: 0;
}

/* Comment form */
#respond {
	margin-top: 48px;
	margin-top: 3rem;
}

#respond h3#reply-title #cancel-comment-reply-link {
	margin-left: 12px;
	margin-left: 0.75rem;
	font-weight: normal;
	font-size: 12px;
	font-size: 0.75rem;
}

#respond form {
	margin: 24px 0 32px 0;
	margin: 1.5rem 0 2rem 0;
}

#respond form p {
	margin: 12px 0;
	margin: 0.75rem 0;
}

#respond form p.logged-in-as {
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
}

#respond form label {
	display: block;
	line-height: 1.8;
}

#respond form input[type="text"],
#respond form textarea {
	font-family: inherit;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.8;
	padding: 8px;
	padding: 0.5rem;
	width: 100%;
}

#respond form input[type="text"] {
	width:48%;
}

#respond form p.form-allowed-tags {
	margin: 0;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
	color: #5e5e5e;
}

#respond form p.form-allowed-tags code {
	background: none;
	border: none;
	color: #5e5e5e;
}

label .required,
span.required {
	color: #bb0504;
}

form label.error {
	font-family: 'Ubuntu', sans-serif;
	font-style: normal;
	font-weight: 700;
	display:block;
	padding: 0 10px 0 10px;
	padding: 0 0.625rem 0 0.625rem;
	margin: 5px 0 5px 0;
	margin: 0.3125rem 0 0.3125rem 0;
	font-size: 14px;
	font-size: 0.875rem;
	border-left: 4px solid #bb0504;
	display: none;
}

#respond form label.error {
	line-height: 1.3;
}

/* ==========================================================================
   Footer
   ========================================================================== */

#footercontainer {
	width: 100%;
}

.site-footer {
	clear: both;
	width: 90%;
	font-size: 16px;
	font-size: 1rem;
	max-width: 1280px;
	margin: 0 auto;
	padding: 0;
	color: #999;
}

.site-footer h3 {
	color: #ccc;
}

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

.site-footer a:visited {
	color: #999;
}

.site-footer a:hover {
	color: #cc0000;
}

.site-footer a:focus {
	outline: thin dotted;
	color: #cc0000;
}

.site-footer .widget-area .widget {
	margin-bottom: 16px;
	margin-bottom: 1rem;
}

.footer-copy,
.footer-copy p {
	color: #a3a3a3 !important;
	font-size: 14px;
	font-size: 0.875rem;
}

.footer-copy a {
	color: #ffffff !important;
}

.smallprint {
	color: #999;
	font-size: 14px;
	font-size: 0.875rem;
	max-width: 1280px;
	text-align: right;
	width: 90%;
}

.smallprint p {
	font-size: 14px;
	font-size: 0.875rem;
}

.smallprint a {
	color: #555;
}

.smallprint a:visited {
	color: #555;
}

.smallprint a:hover {
	color: #cc0000;
}


/* ==========================================================================
   Widgets
   ========================================================================== */

.widget-area ul {
	list-style: none outside none;
	padding-left: 0;
}

.widget-area .widget {
	-moz-hyphens: none;
	-webkit-hyphens: none;
	hyphens: none;
	word-wrap: normal;
	margin-bottom: 48px;
	margin-bottom: 3rem;
}

.widget select {
	margin-left: 1px;
	margin-left: 0.0625rem;
}

.widget-area .widget ul ul {
	margin-left: 12px;
	margin-left: 0.75rem;
}

.widget_rss li {
	margin: 12px 0;
	margin: 0.75rem 0;
}

.widget_recent_entries .post-date,
.widget_rss .rss-date {
	font-size: 12px;
	font-size: 0.75rem;
	margin-left: 12px;
	margin-left: 0.75rem;
}

#wp-calendar {
	margin: 0;
	width: 100%;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 2;
}

#wp-calendar th,
#wp-calendar td,
#wp-calendar caption {
	text-align: center;
}

#wp-calendar thead {
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}

#wp-calendar caption {
	font-family: 'Ubuntu', sans-serif;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	text-align: left;
}

#wp-calendar #today {
	background-color: #ddd;
}

#wp-calendar tfoot {
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}

#wp-calendar #next {
	padding-right: 24px;
	padding-right: 1.5rem;
	text-align: right;
}

.widget_search label {
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 1.5;
}

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

.widget_twitter .timesince {
	display: block;
	text-align: right;
}

/* ==========================================================================
   Content Navigation
   ========================================================================== */

.site-content nav {
	clear: both;
	line-height: 2;
	overflow: hidden;
}

#nav-above {
	padding: 24px;
	padding: 1.5rem;
}

#nav-above {
	display: none;
}

.paged #nav-above {
	display: block;
}

.nav-previous {
	float: left;
	width: 45%;
	line-height: 1.3;
}

.previous-image {
	float: left;
	width: 50%;
	line-height: 1.3;
}

.nav-previous a,
.nav-next a {
	color: #000000;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-size: 1rem;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

.nav-next {
	float: right;
	text-align: right;
	width: 45%;
	line-height: 1.3;
}

.next-image {
	float: right;
	text-align: right;
	width: 50%;
	line-height: 1.3;
}

.nav-single + .comments-area,
#comment-nav-above {
	margin: 48px 48px 48px 0;
	margin: 3rem 3rem 3rem 0;
}

ul.page-numbers {
	padding: 0;
	margin: 0;
	text-align: center;
	line-height: 2;
}

li a.page-numbers,
li span.page-numbers {
	padding: 5px;
	padding: 0.3125rem;
	border: 1px solid #444444;
	text-decoration: none;
}

li a:visited.page-numbers {
	color: #444444;
}

li a:hover.page-numbers {
	background-color: #cc0000;
	color: #fff;
}

li a:hover.prev,
li a:hover.next {
	background-color: transparent;
	color: #cc0000;
}

.page-numbers li {
	display: inline;
}

li span.current {
	background-color: #444444;
	color: #fff;
}

li a.prev,
li a.next,
li span.dots {
	border: none;
}


/* ==========================================================================
   Main Navigation
   ========================================================================== */

.main-navigation {
	text-align: left;
	float: right;
	clear: right;
	margin: 0;
}

.main-navigation h1 {
	font-size: 32px;
	font-size: 2rem;
	line-height: 1.25;
}

.nav-menu {
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
	text-transform: uppercase;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.main-navigation li {
	float: left;
	position: relative;
	margin: 0 0 0 22px; /* Margin on the left side of each top level menu item (since it's floated right) */
	margin: 0 0 0 1.375rem;
}

.main-navigation ul ul li {
	margin: 0;
}

.main-navigation li.menu-item-has-children > a:after { /* If you don't want the arrows on the top level drop down, simply remove this style */
	font-family: 'FontAwesome';
	font-weight: normal;
	font-style: normal;
	speak: none;
	vertical-align: middle;
	font-size: 9px;
	font-size: 0.5625rem;
	content: " \f0d7";
	right: -9px;
	position: absolute;
	top: 50%;
	margin-top:-7px;
}

.main-navigation ul li li.menu-item-has-children > a:after { /* If you don't want the arrows on the sub-menu options, simply remove this style */
	font-family: 'FontAwesome';
	font-weight: normal;
	font-style: normal;
	speak: none;
	vertical-align: middle;
	font-size: 9px;
	font-size: 0.5625rem;
	content: " \f054";
}

.main-navigation ul a {
	padding: 18px 0; /* Padding around each top level menu option (if needed) */
	padding: 1.125rem 0;
}

.main-navigation ul ul a {
	padding: 2px 5px; /* Padding around each dropdown menu option */
	padding: 0.125rem 0.3125rem;
}

.main-small-navigation a, .main-navigation a {
	display: block;
	text-decoration: none;
	color: #444444; /* Nav bar link color */
}

.main-navigation ul ul {
	display: none;
	font-size: 15px;
	font-size: 0.938rem;
	position: absolute;
	left: 0;
	z-index: 99999;
	line-height: 1.7;
	background-color: #f7f7f7; /* Nav bar dropdown background color */
	padding: 10px;
	text-transform: none;
	/*-webkit-box-shadow:2px 2px 5px 0px rgba(0, 0, 0, 0.6);
	box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.6);*/
}

.main-navigation ul ul ul {
	left: 100%;
	top: 0;
}

.main-navigation ul ul a {
	color: #444444; /* Nav bar dropdown link color */
	width: 14em; /* Nav bar dropdown width */
}

.main-navigation ul ul a:before {
	font-family: 'FontAwesome';
	content: "\f0da";
	padding-right: 5px;
}

.main-navigation ul ul li {
}

.main-navigation li:hover > a {
	color: #cc0000; /* Nav bar link color on hover */
}

.main-navigation ul ul :hover > a {
	color: #444444; /* Nav bar dropdown level 2 link color on level 3 hover */
}

.main-navigation ul ul a:hover {
	color: #cc0000; /* Nav bar dropdown link color on hover */
}

.main-navigation ul li:hover > ul {
	display: block;
}

.main-navigation li.current_page_item a,
.main-navigation li.current-menu-item a {
}

.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current_page_parent > a {
	color: #cc0000; /* Nav bar link color for current menu item or ancestor */
}

.main-navigation ul .divider {
    border-bottom: 1px solid #aaa;
    height: 0;
    line-height: 0.0625;
    overflow: hidden;
}

.main-navigation ul li.dropdown-header a,
.main-navigation ul li.current-menu-item ul .dropdown-header a {
	color: #aaa; /* Nav bar dropdown header color */
	background-color: #444444; /* Nav bar dropdown header background color */
}

/* Small menu toggle for mobile devices */
.menu-toggle {
	cursor: pointer;
}

.main-small-navigation .nav-menu {
	display: none;
}

/* ==========================================================================
   WPML translation plugin
   ========================================================================== */

#lang_sel {
	width: 65%;
	height: 35px;
}

#lang_sel li {
	width: 100%;
}

#lang_sel ul ul {
	top: 35px;
	width: 100%;
}

#lang_sel a.lang_sel_sel {
	border-radius: 3px;
}

#lang_sel a,
#lang_sel a:visited {
	font-size: 16px;
	font-size: 1rem;
	padding: 5px 0 5px 10px;
}

.main-navigation .menu-item-language .iclflag {
	margin-top: 7px;
}

#lang_sel .iclflag {
	margin-top: 2px;
}

#lang_sel .lang_sel_sel .iclflag {
	margin-top: 6px;
}

#lang_sel_footer .iclflag,
#lang_sel_footer .icl_lang_sel_current {
	margin-top: 6px;
}

/* ==========================================================================
   WooCommerce
   ========================================================================== */

h1.page-title {
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 400;
	color: #444444;
	margin-top: 0;
}

h1.page-title {
	font-size: 32px;
	font-size: 2rem;
	line-height: 1.25;
}

.woocommerce .woocommerce-info:before,
.woocommerce-page .woocommerce-info:before,
.woocommerce .woocommerce-message:before,
.woocommerce-page .woocommerce-message:before {
	color: #cc0000;
}

.woocommerce .woocommerce-info,
.woocommerce-page .woocommerce-info,
.woocommerce .woocommerce-message,
.woocommerce-page .woocommerce-message {
	border-color: #cc0000;
}

.woocommerce #content div.product p.price,
.woocommerce #content div.product span.price,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce-page #content div.product p.price,
.woocommerce-page #content div.product span.price,
.woocommerce-page div.product p.price,
.woocommerce-page div.product span.price,
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price,
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
	color: #cc0000;
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #content input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce-page #content input.button.alt,
.woocommerce-page #respond input#submit.alt,
.woocommerce-page a.button.alt,
.woocommerce-page button.button.alt,
.woocommerce-page input.button.alt {
	background-color: #cc0000;
	*background-color: #cc0000;
	border: 1px solid #237e8f;
	*border: 0;
	border-color: rgba(35, 126, 143, 0.1);
	border-color: #cc0000;
	color: #fff;
	text-shadow: none;
	padding: 0.5em 0.75em;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #content input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce-page #content input.button.alt:hover,
.woocommerce-page #respond input#submit.alt:hover,
.woocommerce-page a.button.alt:hover,
.woocommerce-page button.button.alt:hover,
.woocommerce-page input.button.alt:hover {
	color: #fff;
	background-color: #208294;
	*background-color: #208294;
	border: 1px solid #237e8f;
	*border: 0;
	border-color: rgba(35, 126, 143, 0.1);
	border-color: #208294;
}

.woocommerce span.onsale,
.woocommerce-page span.onsale {
	line-height: 2.6;
	min-height: 3em;
	min-width: 3em;
	background-color: #36c1da;
	*background-color: #36c1da;
}

.woocommerce #content nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce-page #content nav.woocommerce-pagination ul li span.current,
.woocommerce-page nav.woocommerce-pagination ul li span.current {
	background-color: #444444;
	color: #fff;
}

.woocommerce nav.woocommerce-pagination li a.page-numbers,
.woocommerce nav.woocommerce-pagination li span.page-numbers {
	padding: 5px;
	padding: 0.3125rem;
	border: 1px solid #444444;
	text-decoration: none;
	line-height: 1.25;
}

.woocommerce nav.woocommerce-pagination ul.page-numbers li {
	margin: 0 .1rem;
	border: none;
}

.woocommerce nav.woocommerce-pagination ul.page-numbers {
	border: none;
}

.woocommerce nav.woocommerce-pagination li a.prev,
.woocommerce nav.woocommerce-pagination li a.next,
.woocommerce nav.woocommerce-pagination li span.dots {
	border: none;
}

.woocommerce nav.woocommerce-pagination li a:hover.page-numbers {
	background-color: #cc0000;
	color: #fff;
}

.woocommerce nav.woocommerce-pagination li a:hover.prev,
.woocommerce nav.woocommerce-pagination li a:hover.next {
	background-color: transparent;
	color: #cc0000;
}

.shipping-calculator-button {
	text-decoration: none;
}

/* ==========================================================================
   Page Builders
   ========================================================================== */

/* Divi Builder - Resize rows to match Dodda */
.page-template-page-builderfullwidth.et_divi_builder #et_builder_outer_content .et_pb_section .et_pb_row,
.page-template-page-builderblank.et_divi_builder #et_builder_outer_content .et_pb_section .et_pb_row,
.page-template-page-builderboxed.et_divi_builder #et_builder_outer_content .et_pb_section .et_pb_row {
	max-width: 1280px;
	width: 90%;
}

/* Visual Composer - Remove the negative margin when using the full-width page builder template */
.page-template-page-builderfullwidth.wpb-js-composer .vc_row,
.page-template-page-builderblank.wpb-js-composer .vc_row {
	margin-left: 0;
	margin-right: 0;
}

/* SiteOrigin Page Builder - Ensure the grid only extends 100% */
.page-template-page-builderfullwidth.siteorigin-panels .panel-grid,
.page-template-page-builderblank.siteorigin-panels .panel-grid {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* ==========================================================================
   Added by Red Giant
   ========================================================================== */

/* === Header Red Giant === */

#menu-logo {
	box-sizing: content-box;
	height: 30px;
	height: 1.875rem;
	padding: 15px 0;
	padding: 0.938rem 0;
}

/* === Content Red Giant === */

.rowspace {
	padding-bottom: 80px;
    padding-bottom: 5rem;
    padding-top: 100px;
	padding-top: 6.25rem;
}

.cellspace {
	padding-bottom: 40px;
    padding-bottom: 2.5rem;
    padding-top: 40px;
	padding-top: 2.5rem;
}

.cell-space {
    padding: 20px;
	padding: 1.25rem;
}

.dark-row {
	background-color: #000000;
	color:#FFFFFF;
	text-shadow: 1px 1px 2px #666666 !important;
}

	.dark-row a {
		color: #FFFFFF;
		text-decoration:none;
	}

	.dark-row h1,
	.dark-row h2,
	.dark-row h3,
	.dark-row h4,
	.dark-row h5,
	.dark-row h6,
	.dark-row p  {
		color:#FFFFFF !important;
	}

.highlight-row {
	background-color: #f7f7f7;
	border-bottom: 1px solid #ededed;
	border-top: 1px solid #ededed;
}

.light-row {
	/*text-shadow: -2px 0px 3px #f4f4f4, 0px 2px 3px #f4f4f4, 2px 0px 3px #f4f4f4, 0px -2px 3px #f4f4f4 !important;*/
}

.light-row2 {
	background-color: #363333;
/* 	border:1px solid #ededed; */
}

	.light-row2 h6,
	.light-row2 p  {
		color:#FFFFFF !important;
	}

.centered {
	text-align: center;
}

.bold {
	font-weight: bold;
}

.shout {
	text-transform: uppercase;
}

.stand-up {
	color: #000000;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
}

.tag-category a {
	color:#ffffff !important;
	display: inline-block;
	font-size: 16px !important;
	font-size: 1rem !important;
	line-height: 1.5;
	margin-bottom: 12px;
	margin-bottom: 0.75rem;
	text-decoration: none !important;
}

	.tag-category .widgettitle {
		display: none;
		visibility: hidden;
	}

.standard-width {
	clear: both;
	width: 90%;
	max-width: 1280px;
	margin: 0 auto;
}

.testimonials {
	font-size: 18px;
	font-size: 1.125rem;
}

.home .entry-content {
	margin-bottom: 0;
}

.proj-cta {
	float: left;
	text-align: center;
	width: 10%;
}

	.proj-cta a {
		color:#ededed;
	}

.spacer {
	clear: both;
	height: 16px;
	height: 1rem;
	width: 100%;
}

.hide { 
	display: none !important;
	visibility: hidden;
}

.search-word {
	background-color:#cc0000;
	color:#ffffff;
	padding:3px 10px;
	padding:0.188rem 0.625rem;
}

i[class*="fa-quote-left"],
i[class*="fa-quote-right"] {
	color:#cc0000 !important;
}

#cn-notice-text a {
	color: #ffffff !important;
	
}

/* === Tables plugin Red Giant === */

.tablepress tfoot th,
.tablepress thead th {
	background-color: #ededed !important;
}

/* === Ess. Grid plugin Red Giant === */

#home-slider {
	text-shadow: -1px 0px 3px #555555, 0px 1px 3px #555555, 1px 0px 3px #555555, 0px -1px 3px #555555 !important;
}

	#home-slider #slider-link,
	#home-slider #slider-link a {
		color: #FFFFFF !important;
		text-decoration: none !important;
	}

.eg-projects-element-0 {
	text-shadow: 1px 1px 2px #000000 !important;
}

.eg-team-nostyle-element-23 a {
	font-family: 'Roboto', sans-serif;
	color: #444444 !important;
	font-size: 16px !important;
	font-size: 1rem !important;
}

.eg-team-nostyle-element-32 a {
	font-family: 'Roboto', sans-serif;
	color: #ffffff !important;
	font-size: 14px !important;
	font-size: 0.875rem !important;
}

.eg-team-wrapper {
	min-height:280px !important;
	
}

/* === VC plugin Red Giant === */

.services-ico .aio-icon-description {
	color: #000000;
	font-size: 14px;
	font-size: 0.875rem;
	text-transform: uppercase;
}

.services-ico .top-icon .aio-icon-description {
	margin-top: 5px !important;
}

/* === Logos plugin Red Giant === */

ul#ls-filter-nav, 
ul#ls-enhance-filter-nav,
ul#ls-isotope-filter-nav {
	margin: 0 !important;
	text-align: left !important;
}

ul#ls-filter-nav li, ul#ls-enhance-filter-nav li, ul#ls-isotope-filter-nav li {
	background-color: #ededed;
	border-radius: 3px;
}

ul#ls-filter-nav li.ls-current-li, ul#ls-enhance-filter-nav li.ls-current-li, ul#ls-isotope-filter-nav li.ls-current-li {
	background-color: #cc0000 !important;
}

ul#ls-filter-nav li:hover, ul#ls-enhance-filter-nav li:hover, ul#ls-isotope-filter-nav li:hover {
	background-color: #cc0000 !important;
}

.lshowcase-logos .bx-wrapper .bx-controls-direction a {
	z-index: 999 !important;
}

/* === Mega menu plugin Red Giant === */

.ubermenu .ubermenu-target-text {
	font-size:16px !important;
	font-size:1rem !important;
}

.ubermenu-skin-white .ubermenu-item-level-0:hover > .ubermenu-target,
.ubermenu-skin-white .ubermenu-item-level-0.ubermenu-active > .ubermenu-target {
	background-color:transparent !important;
}

.ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target:after {
	position: absolute;
	top: 50%;
	margin-top: -7px !important;
	right: 6px !important;
	font-family: 'FontAwesome';
	content: "\f0d7" !important;
	font-size:14px;
	font-size:0.875rem;
	display: inline-block;
}

.ubermenu-skin-white {
	border:none !important;
}

.ubermenu-skin-white .ubermenu-submenu .ubermenu-current-menu-item > .ubermenu-target {
	color:#cc0000 !important;
}

.ubermenu-submenu-id-224 {
	width:100% !important;
/* The submenu wrapper */
}

.ubermenu-row-id-623 {
    margin: 0 auto !important;
    max-width: 1280px  !important;
/* The first row from the submenu */
}

.ubermenu-skin-white.ubermenu-responsive-toggle {
    margin-bottom: 0;
}

.ubermenu .ubermenu-submenu-drop.ubermenu-submenu-align-full_width {
	position:fixed !important;
	/* Forces the submenu wrapper to go full width */
}

.ubermenu-main.ubermenu-sub-indicators .ubermenu-item-level-0.ubermenu-has-submenu-drop > .ubermenu-target:not(.ubermenu-noindicator) {
	padding-right: 18px !important;
	padding-right: 1.125rem !important;
}

.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
	padding-bottom:18px !important;
	padding-top:18px !important;
}

.ubermenu .ubermenu-item .ubermenu-submenu-drop {
	/*box-shadow:0px 2px 2px #dadada !important;
		-moz-box-shadow: 0px 2px 2px #dadada !important;
		-webkit-box-shadow: 0px 2px 2px #dadada !important;*/
}

.ubermenu-submenu .ubermenu-item a:hover {
    color:#cc0000 !important;
}

.ubermenu .ubermenu-submenu-type-stack {
		padding-bottom: 0 !important;
}

.ubermenu ul ul ul li {
	margin-bottom: 4px !important;
}

.ubermenu ul ul ul li .ubermenu-target-text {
	padding-top: 6px !important;
}

.ubermenu .ubermenu-item-layout-image_above > .ubermenu-image {
	margin-bottom: 0 !important;
}


/* === Sidebar Red Giant === */

#secondary {
	padding-left: 2.5em;
}

/* === Red Giant Search form customized === */

.searchbar-div {
	padding: 18px 25px;
	padding: 1.138rem 1.563rem;
	position: fixed;
	right: 0;
	top: 0;
	width: auto;
	z-index: 1000001;
}

.search-form {
    position: relative;
    color: #222222;
}

.search-field {
	background-color: transparent;
	background-image: url("images/search-black.png");
	background-position: 96% center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	height: 24px;
	margin: 0;
	padding: 3px 32px 3px 15px;
	-webkit-transition: width 400ms ease, background 400ms ease;
	transition: width 400ms ease, background 400ms ease;
	width: 0;
	color: #000;
	
}

	.site-header .search-field {
		background-image: url("images/search-icon.png");
		background-position: right center;
		position: absolute;
		right:0;
	}

.search-field:focus {
	background-image:none;
	background-color: #eeeeee;
	border:1px solid #d6d6d6;
	cursor: text;
	outline: none;
	width: 160px;
	height: 24px;
	color: #222222;
}

.search-form .search-submit {
    display: none;
}
.button {
    display: none;
}

.sidebar-menu li {
	list-style-type: none;
	margin-left: 0;
}

.sidebar-menu li a {
	color:#ffffff !important;
	display: inline-block;
	font-size: 16px !important;
	font-size: 1rem !important;
	line-height: 1.5;
	margin-bottom: 12px;
	margin-bottom: 0.75rem;
	text-decoration: none !important;
}

.sidebar-menu .current_page_item a {
	color:#cc0000 !important;
}

/* === Footer Red Giant === */

.site-prefoot {
	clear: both;
	width: 90%;
	font-size: 16px;
	font-size: 1rem;
	max-width: 1280px;
	margin: 0 auto;
	padding: 0;
	color: #999;
}

#creditscontainer {
	color: #444444;
	padding-bottom: 60px;
	padding-bottom: 3.75rem;
	width: 100%;	
	background-color: #000000;
}

	#creditscontainer .col {
		margin: 0;
	}

	#creditscontainer a {
		color: #ffffff;
		text-decoration: none;
	}
	
	#creditscontainer .smallprint p {
		margin-bottom: 1em;
		text-align: right;
	}

.smallprint:first-child {
	text-align: left;
}


/* ==========================================================================
   Media Queries
   ========================================================================== */

/*  Breakpoints are set based on the design, not based on device sizes */
@media only screen and (max-width: 1100px) {
	.rowspace {
		padding-top: 60px;
		padding-top: 3.750rem;
		padding-bottom: 40px;
		padding-bottom: 2.5rem;
	}
	.site-title a {
		font-size: 52px;
		font-size: 3.25rem;
	}
	.services-ico .aio-icon-description {
		font-size: 12px;
		font-size: 0.75rem;
	}
	.stand-up p {
		display: inline;
	}
	.post-template-default .vc_col-sm-3,
	.post-template-default .vc_col-sm-8 {
		width: 100%;
	}
	.post-template-default #primary .vc_inner .vc_col-sm-4 {
		width: 20%;
	}
	.post-template-default .vc_inner .vc_col-sm-8 {
		width: 80%;
	}
	#slider-logo,
	#slider-title {
		top: -28px !important;
		position:relative;
	}
	#slider-services {
		font-size: 20px !important;
		font-size: 1.25rem !important;
		top: -28px !important;
		position:relative;
	}
	#slider-link {
		font-size: 18px !important;
		font-size: 1.125rem !important;
		top: -24px !important;
		position:relative;
	}
	#slider-link i {
		font-size: 18px !important;
		font-size: 1.125rem !important;
	}
	#slider-social1,
	#slider-social2,
	#slider-social3 {
		font-size:28px !important;
		line-height: 28px !important;
		top: -16px !important;
		position:relative;
	}
	#slider-social1 {
		margin-left: -24px !important;
	}
	#slider-social3 {
		margin-left: 24px !important;
	}
	#slider-social1 i,
	#slider-social2 i,
	#slider-social3 i {
		font-size: 28px !important;
		line-height: 28px !important;
	}
}

@media only screen and (max-width: 980px) {
	#secondary {
		padding-left:1.5em;
	}
	.searchbar-div {
		padding: 18px;
		padding: 1.125rem;
	}
	.services-ico .aio-icon-description {
		font-size: 11px;
		font-size: 0.688rem;
	}
	hr {
		margin: 50px 0 !important;
		margin: 3.125rem 0 !important;
	}
	.site-content {
		padding-top: 110px;
		padding-top: 6.875rem;
	}
	#slider-logo,
	#slider-title {
		top: -38px !important;
	}
	#slider-services {
		top: -32px !important;
	}
	#slider-link {
		top: -28px !important;
	}
}

@media only screen and (max-width: 900px) {
	#headercontainer {
		height: 60px;
		position: relative;
	}
	.site-content {
		padding-top: 60px;
		padding-top: 3.75rem;
	}
	.site-content article {
		margin-bottom: 20px;
		margin-bottom: 1.25rem;
	}
	.searchbar-div {
		display: none;
		visibility: hidden;
	}
	.ubermenu-responsive.ubermenu .ubermenu-nav {
		position: absolute;
		left: 0;
		width: 100%;
	}
	.ubermenu-responsive-toggle {
		padding: 20px !important;
		padding: 1.25rem !important;
	}
	.ubermenu-nav {
		background-color: #f0f0f0 !important;
	}
	.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
		padding-bottom:12px !important;
		padding-bottom: 0.75rem !important;
		padding-top:12px !important;
		padding-top: 0.75rem !important;
	}
	.ubermenu-skin-white.ubermenu-responsive-toggle,
	.ubermenu-skin-white.ubermenu-responsive-toggle:hover {
		background-color: transparent !important;
	}
	.ubermenu-main.ubermenu-transition-slide .ubermenu-active > .ubermenu-submenu.ubermenu-submenu-type-mega, 
	.ubermenu-main:not(.ubermenu-transition-slide) .ubermenu-submenu.ubermenu-submenu-type-mega, 
	.ubermenu .ubermenu-force > .ubermenu-submenu {
		max-height:none !important;
	}
	.ubermenu-skin-white.ubermenu-responsive-toggle.ubermenu-responsive-toggle-open {
		color:#cc0000 !important;
	}
	.ubermenu-skin-white.ubermenu-responsive-toggle.ubermenu-responsive-toggle-open .fa-navicon:before,
	.ubermenu-skin-white.ubermenu-responsive-toggle.ubermenu-responsive-toggle-open .fa-reorder:before,
	.ubermenu-skin-white.ubermenu-responsive-toggle.ubermenu-responsive-toggle-open .fa-bars:before {
		font-family: 'FontAwesome';
		content:"\f00d" !important;
	}
	.ubermenu .ubermenu-submenu-drop.ubermenu-submenu-align-full_width {
		position:absolute !important;
	}
	#slider-logo,
	#slider-title {
		top: -42px !important;
	}
	#slider-services {
		font-size: 18px !important;
		font-size: 1.125rem !important;
		top: -38px !important;
	}
	#slider-link {
		font-size: 16px !important;
		font-size: 1rem !important;
		top: -30px !important;
	}
	.services-ico .aio-icon-description {
		font-size: 10px;
		font-size: 0.625rem;
	}
}

@media only screen and (max-width: 800px) {
	header .main-navigation {
		margin-top: 0;
		float: none;
	}
	header .grid_3_of_12 {
		width: 50%;
	}
	header .grid_9_of_12 {
		width: 50%;
		margin-left: 0;
	}
	h1 {
		font-size: 28px;
		font-size: 1.75rem;
		margin-bottom: 32px;
		margin-bottom: 2rem;
	}
	h2 {
		font-size: 24px;
		font-size: 1.5rem;
	}
	.main-navigation .nav-menu > li:first-child {
		margin-left: 0;
	}
	.social-media-icons {
		float: none;
		text-align: left;
	}
	.social-media-icons li {
		margin: 0.1em 0.5em 0 0;
	}
	.rebel-cell {
		display:inline-block;
		width: 33% !important;
	}
	/* ======= */
	#secondary {
		overflow:hidden;
	}
	.post-template-default .vc_col-sm-1 {
		height: 36px !important;
	}
}

/*  Go full Width at less than 650px */
@media only screen and (max-width: 650px) {
	.grid_1_of_12,
	.grid_2_of_12,
	.grid_3_of_12,
	.grid_4_of_12,
	.grid_5_of_12,
	.grid_6_of_12,
	.grid_7_of_12,
	.grid_8_of_12,
	.grid_9_of_12,
	.grid_10_of_12,
	.grid_11_of_12,
	.grid_12_of_12 {
		width: 100%;
	}
	h1 {
		font-size: 22px;
		font-size: 1.375rem;
		margin-bottom: 20px;
		margin-bottom: 1.25rem;
	}
	h2 {
		font-size: 21px;
		font-size: 1.313rem;
	}
	h3 {
		font-size: 20px;
		font-size: 1.25rem;
	}
	h4 {
		font-size: 18px;
		font-size: 1.125rem;
	}
	h5 {
		font-size: 17px;
		font-size: 1.063em;
	}
	.col {
		margin: 0;
	}
	.rebel-cell {
		min-height: 400px !important;
		width: 50% !important;
		float: left;
	}
	.rebel-cell .aio-icon-component {
		margin-bottom: 0 !important;
	}
	.main-small-navigation .nav-menu, .nav-menu ul {
		padding: 0;
	}
	.main-small-navigation .nav-menu ul {
		padding-left: 16px;
		padding-left: 1rem;
	}
	/* ======= */
	.site-content {
		padding-top: 40px;
		padding-top: 2.5rem;
	}
	.rowspace {
		padding-bottom: 20px;
		padding-bottom: 1.25rem;
		padding-top: 40px;
		padding-top: 2.5rem;
	}
	.cellspace,
	.footer-copy {
		padding: 20px;
		padding: 1.25rem;
	}
	hr {
		margin: 40px 0 !important;
		margin: 2.5rem 0 !important;
	}
	#slider-logo,
	#slider-title {
		top: -42px !important;
	}
	#slider-title img {
		height: 100% !important;
		width: 120px !important;
	}
	#slider-services {
		font-size: 16px !important;
		font-size: 1rem !important;
		top: -28px !important;
	}
	#slider-link {
		font-size: 14px !important;
		font-size: 0.875rem !important;
		top: -20px !important;
	}
	#slider-link i {
		font-size: 14px !important;
		font-size: 0.875rem !important;
	}
	#slider-social1,
	#slider-social2,
	#slider-social3 {
		font-size: 18px !important;
		font-size: 1.125rem !important;
		top: 0 !important;
	}
	#slider-social1 {
		margin-left: -16px !important;
	}
	#slider-social3 {
		margin-left: 20px !important;
	}
	#slider-social1 i,
	#slider-social2 i,
	#slider-social3 i {
		font-size: 18px !important;
		line-height: 18px !important;
	}
	.services-ico .aio-icon-description {
		font-size: 16px;
		font-size: 1rem;
	}
	#secondary {
		padding-left:0;
		padding-top: 3em;
	}
	.smallprint:first-child,
		#creditscontainer .smallprint p {
		text-align:center;
	}
	.nav-previous a, .nav-next a {
		font-size: 14px;
		font-size: 0.875rem;
	}
	.eg-team-element-0 {
		min-height: 40px !important;
	}
}


/*  Adjust the menu at less than 520px */
@media only screen and (max-width: 520px) {
	header .grid_3_of_12 {
		width: 60%;
	}
	header .grid_9_of_12 {
		width: 40%;
	}
	.site-title h1 {
		text-align: center;
	}
	.main-small-navigation .nav-menu,
	.main-small-navigation .nav-menu ul,
	.nav-menu,
	.nav-menu ul {
		padding: 0;
	}
	.main-small-navigation,
	.main-navigation li {
		width: 100%;
	}
	.main-small-navigation {
		text-align: center;
	}
	.main-small-navigation ul li,
	.main-navigation ul li {
		background-color: #fff;
		margin: 5px 0;
		text-align: center;
	}
	.main-navigation ul ul, .main-navigation ul ul li ul {
		position: relative;
	}
	.main-navigation ul ul li ul {
		left: 0;
	}
	.main-navigation ul ul a {
		color: #fff; /* Nav bar dropdown link color */
		background-color: #444444;  /* Nav bar dropdown background color */
		width: 100%; /* Nav bar dropdown width */
	}
	.social-media-icons {
		text-align: center;
	}
	.ubermenu-responsive-toggle {
		padding: 20px 10px 20px 0 !important;
		padding: 1.25rem 0.625rem 1.25rem 0 !important;
	}
	.site-content {
		padding-top: 30px;
		padding-top: 1.875rem;
	}
	.rowspace {
		padding-top: 30px;
		padding-top: 1.875rem;
	}
	hr {
		margin: 30px 0 !important;
		margin: 1.875rem 0 !important;
	}
	/* ======= */
	#slider-logo,
	#slider-title {
		top: -32px !important;
	}
	#slider-services {
		font-size: 14px !important;
		font-size: 0.875rem !important;
		top: -12px !important;
	}
	#slider-link {
		top: 0 !important;
	}
	#slider-social1,
	#slider-social2,
	#slider-social3 {
		display: none;
	}
	ul#ls-isotope-filter-nav li {
		margin: 5px !important;
	}
	.eg-team-nostyle-element-23 a {
		font-size: 14px !important;
		font-size: 0.875rem !important;
	}
}

@media only screen and (max-width: 320px) {
	#headercontainer {
		height: 50px;
	}
	#menu-logo {
		height: 24px;
		padding: 13px 0;
		padding: 0.813rem 0;
	}
	.ubermenu-responsive-toggle {
		padding: 15px 0 !important;
		padding: 0.938rem 0 !important;
	}
	#slider-logo,
	#slider-title {
		top: -5px !important;
		display: none;
	}
	#slider-services,
	#slider-link {
		font-size:12px !important;
	}
	hr {
		margin: 10px 0 !important;
		margin: 0.625rem 0 !important;
	}
	.rebel-cell {
		width: 100% !important;
	}
	.author-description {
		float: left;
		width: 100%;
	}
}


/* ==========================================================================
   Non-semantic helper classes from HTML5 Boilerplate
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


/* ==========================================================================
   Print styles from HTML5 Boilerplate
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}