/*
	Theme Name: CompuCraft Industries
	Theme URI: http://tinyfrog.com/
	Description: A mobile responsive and HTML5 theme built for the Genesis Framework.
	Author: Tinyfrog
	Author URI: http://tinyfrog.com/

	Version: 5.2

	Tags: black, white, one-column, two-columns, fixed-width, custom-menu, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready

	Template: genesis
	Template Version: 2.0

	License: GPL-2.0+
	License URI: http://www.opensource.org/licenses/gpl-license.php 
*/

/*
Imports
---------------------------------------------------------------------------------------------------- */

@font-face {
	font-family: 'Icon';
	src:url('fonts/Icon.eot');
	src:url('fonts/Icon.eot?#iefix') format('embedded-opentype'),
		url('fonts/Icon.woff') format('woff'),
		url('fonts/Icon.ttf') format('truetype'),
		url('fonts/Icon.svg#Icon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*
HTML5 Reset
---------------------------------------------------------------------------------------------------- */

/* Baseline Normalize
	normalize.css v2.1.2 | MIT License | git.io/normalize
--------------------------------------------- */

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

/* Box Sizing
--------------------------------------------- */

*,
input[type="search"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:	border-box;
	box-sizing:	border-box;
}

/* Float Clearing
--------------------------------------------- */

.clearfix:before,
.entry:before,
.entry-content:before,
.footer-widgets:before,
.nav-primary:before,
.nav-secondary:before,
.pagination:before,
.site-container:before,
.site-footer:before,
.site-header:before,
.site-inner:before,
.wrap:before {
	content: " ";
	display: table;
}

.clearfix:after,
.entry:after,
.entry-content:after,
.footer-widgets:after,
.nav-primary:after,
.nav-secondary:after,
.pagination:after,
.site-container:after,
.site-footer:after,
.site-header:after,
.site-inner:after,
.wrap:after,
.clear {
	clear: both;
	content: " ";
	display: table;
}


/*
Defaults
---------------------------------------------------------------------------------------------------- */

/* Typographical Elements
--------------------------------------------- */

html {
	font-size: 62.5%; /* 10px browser default */
}

body {
	color: #000;
	font-family: 'Nunito Sans', sans-serif;
	font-size: 19px;
	font-size: 1.9rem;
	font-weight: 400;
	line-height: 1.5;
}

::-moz-selection {
	background-color: #333;
	color: #fff;
}

::selection {
	background-color: #333;
	color: #fff;
}

a {
	color: #333;
	font-weight: 400;
	text-decoration: none;
}

a:hover {
	color: #066e95;
}

p {
	margin: 0 0 15px;
	margin: 0 0 1.5rem;
	padding: 0;
}

ol,
ul {
	margin: 0;
	padding: 0;
}

blockquote,
blockquote::before {
	color: #999;
}

blockquote {
	margin: 40px;
	margin: 4rem;
}

blockquote::before {
	content: "\201C";
	display: block;
	font-size: 30px;
	font-size: 3rem;
	height: 0;
	left: -20px;
	position: relative;
	top: -10px;
}

.entry-content code {
	background-color: #333;
}

cite {
	font-style: normal;
}

.button{
	transition-duration: 0.3s;
    	transition-property: background;
    	transition-timing-function: linear;
}

/* Headings
--------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #333;
	font-family: 'Nunito Sans', sans-serif;
 	font-weight: 400;
	line-height: 1.2;
	margin: 0 0 15px;
	margin: 0 0 1.5rem;
}

h1 {
	font-size: 30px;
	font-size: 3rem;
}

h2 {
	font-size: 28px;
	font-size: 2.8rem;
}

h3 {
	font-size: 26px;
	font-size: 2.6rem;
}

h4 {
	font-size: 24px;
	font-size: 2.4rem;
}

h5 {
	font-size: 22px;
	font-size: 2.2rem;
}

h6 {
	font-size: 20px;
	font-size: 2rem;
}

/* Objects
--------------------------------------------- */

embed,
iframe,
img,
object,
video,
.wp-caption {
	max-width: 100%;
}

img {
    	height: auto;
}

.featured-content img,
.gallery img {
	width: auto; /* IE8 */
}

/* Forms
--------------------------------------------- */

input,
select,
textarea {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 0px;
	color: #333;
	padding: 10px;
	padding: 1rem;
	width: 100%;
}

input:focus,
textarea:focus {
	border: 1px solid #333;
	outline: none;
}

::-moz-placeholder {
	color: #999;
	opacity: 1;
}

::-webkit-input-placeholder {
	color: #999;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.entry-content .button {
	background-color: #066e95;
	border: none;
	box-shadow: none;
	color: #fefefe;
	cursor: pointer;
	font-weight: 400;
	padding: 10px 24px;
	width: auto;
	font-size: 20px;
	text-decoration: none !important;
}

button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:hover,
.entry-content .button:hover {
	background-color: #353c43;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
	display: none;
}

/* Tables
--------------------------------------------- */

table {
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 2;
	margin-bottom: 40px;
	margin-bottom: 4rem;
	width: 100%;
}

tbody {
	border-bottom: 1px solid #ddd;
}

th,
td {
	text-align: left;
}

th {
	font-weight: bold;
	text-transform: uppercase;
}

td {
	border-top: 1px solid #ddd;
	padding: 6px 0;
	padding: 0.6rem 0;
}

/*
Structure and Layout
---------------------------------------------------------------------------------------------------- */

/* Site Containers
--------------------------------------------- */

.wrap {
	margin: 0 auto;
	max-width: 1170px;
}

.site-inner {
	clear: both;
}

.minimum-landing .site-inner {
	margin: 40px auto;
	margin: 4rem auto;
	padding: 60px 60px 20px;
	padding: 6rem 6rem 2rem;
	width: 800px;
}

/* Site Containers
--------------------------------------------- */

/* Column Widths and Positions
--------------------------------------------- */

/* Content */

.content {
	float: left;
	width: 720px;
	padding: 45px 0 0;
}

.home .content {
	padding: 0;	
}

.sidebar-content .content {
	float: right;
}

.full-width-content .content {
	width: 100%;
}

/*
Common Classes
---------------------------------------------------------------------------------------------------- */

/* WordPress
--------------------------------------------- */

.avatar {
	float: left;
}

.alignleft .avatar {
	margin-right: 24px;
	margin-right: 2.4rem;
}

.alignright .avatar {
	margin-left: 24px;
	margin-left: 2.4rem;
}

.author-box .avatar {
	height: 72px;
	margin-right: 24px;
	margin-right: 2.4rem;
	width: 72px;
}

.entry-comments .avatar {
	height: 48px;
	width: 48px;
}

.search-form input[type="submit"] {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	padding: 0;
	position: absolute;
	width: 1px;
}

.search-form {
	overflow: hidden;
	padding: 3px;
	padding: 0.3rem;
	width: 100%;
}

img.centered,
.aligncenter {
	display: block;
	margin: 0 auto 24px;
	margin: 0 auto 2.4rem;
}

img.alignnone {
	margin-bottom: 12px;
	margin-bottom: 1.2rem;
}

.alignleft {
	float: left;
	text-align: left;
}

.alignright {
	float: right;
	text-align: right;
}

a.alignleft,
img.alignleft,
.wp-caption.alignleft {
	margin: 0 24px 24px 0;
	margin: 0 2.4rem 2.4rem 0;
}

a.alignright,
img.alignright,
.wp-caption.alignright {
	margin: 0 0 24px 24px;
	margin: 0 0 2.4rem 2.4rem;
}

a.alignleft,
a.alignright {
	border: none;
}

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

.widget-area {
	word-wrap: break-word;
}

.widget_calendar table {
	width: 100%;
}

.widget_calendar td,
.widget_calendar th {
	text-align: center;
}

/* Genesis
--------------------------------------------- */

.breadcrumb {
	margin-bottom: 40px;
	margin-bottom: 4rem;
}

.archive-description,
.author-box {
	background-color: #f5f5f5;
}

.archive-description {
	margin-bottom: 40px;
	margin-bottom: 4rem;
	padding: 40px 40px 16px;
	padding: 4rem 4rem 1.6rem;
}

.author-box {
	margin-bottom: 40px;
	margin-bottom: 4rem;
	padding: 40px;
	padding: 4rem;
}

.single .author-box {
	margin-bottom: 60px;
	margin-bottom: 6rem;
}

.author-box-title {
	margin-bottom: 4px;
	margin-bottom: 0.4rem;
}

.author-box p {
	margin-bottom: 0;
}

.author-box .avatar {
	margin-right: 24px;
	margin-right: 2.4rem;
}

/* Titles
--------------------------------------------- */
.entry-title {
	line-height: 1;
}

.entry-title a,
.sidebar .widget-title a {
	border: none;
}

.widget-title {
	margin-bottom: 24px;
	margin-bottom: 2.4rem;
}

.sidebar .widget-title a {
	border: none;
}

.archive-title {
	margin-bottom: 24px;
	margin-bottom: 2.4rem;
}

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

/* Gravity Forms
--------------------------------------------- */

div.gform_wrapper input[type="email"],
div.gform_wrapper input[type="text"],
div.gform_wrapper textarea,
div.gform_wrapper .ginput_complex label {
	padding: 16px;
	padding: 1.6rem;
}

div.gform_wrapper .ginput_complex label {
	padding: 0;
}

div.gform_wrapper li,
div.gform_wrapper form li {
	margin: 16px 0 0;
	margin: 1.6rem 0 0;
}

/*
Site Header
---------------------------------------------------------------------------------------------------- */

.site-header {
	z-index: 999;
	width: 100%;
	position: fixed;
	background: #fff;
}

.home .site-header {
	background: transparent;
}

/* Title Area
--------------------------------------------- */

.title-area {
	float: left;
	padding: 18px 0;
	padding: 1.8rem 0;
	width: 330px;
}

.header-image .title-area {
	padding: 0;
}

.site-title {
	line-height: 1;
	margin: 0;
	text-transform: uppercase;
}

.site-title a,
.site-title a:hover {
	border: none;
}

.site-description {
	line-height: 1.2;
	margin: 0;
}

/* Full width header, no widgets */

.header-full-width .title-area,
.header-full-width .site-title {
	width: 100%;
}


/* Widget Area
--------------------------------------------- */

.site-header .widget-area {
	float: right;
	text-align: right;
	width: 810px;
	margin: 15px 0 0;
}

.site-header .search-form {
	float: right;
	margin-top: 10px;
	margin-top: 1rem;
}

/*
Site Navigation
---------------------------------------------------------------------------------------------------- */

.genesis-nav-menu {
	clear: both;
	line-height: 1.5;
	width: 100%;
}

.genesis-nav-menu .menu-item {
	display: inline-block;
	text-align: left;
}

.genesis-nav-menu a {
	background: transparent;
	border: none;
	color: #000;
	display: block;
	font-size: 16px;
	padding: 10px 15px;
	position: relative;
	font-weight: 600;
	letter-spacing: 2px;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.genesis-nav-menu a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #066e95;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.genesis-nav-menu a:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.genesis-nav-menu a:hover,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover {
	color: #fff;
	/*background: #066e95;*/
}

.genesis-nav-menu .current-menu-item > a {
	color: #000;
}

.genesis-nav-menu .current-menu-item > a:hover {
	color: #fff;
}

.genesis-nav-menu > .menu-item > a {
	text-transform: uppercase;
}

.genesis-nav-menu .sub-menu {
	left: -9999px;
	letter-spacing: 0;
	opacity: 0;
	position: absolute;
	-webkit-transition:	opacity .4s ease-in-out;
	-moz-transition:		opacity .4s ease-in-out;
	-ms-transition:		opacity .4s ease-in-out;
	-o-transition:		opacity .4s ease-in-out;
	transition:		opacity .4s ease-in-out;
	width: 300px;
	z-index: 99;
}

.genesis-nav-menu .sub-menu a {
	background-color: #fff;
	border: 1px solid #eee;
	border-top: none;
	padding: 10px 20px;
	position: relative;
	width: 300px;
	color: #333;
}

.genesis-nav-menu .sub-menu a:hover {
	background: #066e95;
	color: #fff;
}

.genesis-nav-menu .sub-menu .sub-menu {
	margin: -54px 0 0 159px;
}

.genesis-nav-menu .menu-item:hover {
	position: static;
}

.genesis-nav-menu .menu-item:hover > .sub-menu {
	left: auto;
	opacity: 1;
}

/* Primary Navigation
--------------------------------------------- */

.nav-primary {
	background-color: #333;
}

.nav-primary a,
.nav-primary .genesis-nav-menu .sub-menu a {
	color: #fff;
}

.nav-primary .genesis-nav-menu .sub-menu a {
	background-color: #333;
	border: 1px solid #444;
	border-top: none;
}

.nav-primary .sub-menu a:hover {
	color: #0ebfe9;
}

/* Responsive Menu
--------------------------------------------- */

#responsive-menu-icon {
	cursor: pointer;
	display: none;
}

#responsive-menu-icon::before {
	-webkit-font-smoothing: antialiased;
	color: #333;
	content: "\e00e  MENU";
	font-family: 'Icon';
	font-size: 16px;
	font-size: 1.6rem;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	margin: 0 auto;
	speak: none;
	text-transform: none;
}

.c-hamburger {
	display: none;
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 60px;
	height: 50px;
	font-size: 0;
	text-indent: -9999px;
	cursor: pointer;
	transition: background 0.3s;
	float: right;
}

.c-hamburger:focus {
  	outline: none;
}

.c-hamburger span {
	display: block;
	position: absolute;
	top: 23px;
	left: 14px;
	right: 14px;
	height: 5px;
	background: white;
}

.c-hamburger span::before,
.c-hamburger span::after {
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	height: 5px;
	background-color: #fff;
	content: "";
}

.c-hamburger span::before {
  	top: -10px;
}

.c-hamburger span::after {
  	bottom: -10px;
}

.c-hamburger--htx {
  	background-color: #000;
}

.c-hamburger--htx span {
  	transition: background 0s 0.3s;
}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
  	transition-duration: 0.3s, 0.3s;
  	transition-delay: 0.3s, 0s;
}

.c-hamburger--htx span::before {
  	transition-property: top, transform;
}

.c-hamburger--htx span::after {
  	transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.c-hamburger--htx.is-active {
  	background-color: #000;
}

.c-hamburger--htx.is-active span {
  	background: none;
}

.c-hamburger--htx.is-active span::before {
  	top: 0;
  	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}

.c-hamburger--htx.is-active span::after {
  	bottom: 0;
  	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
  	transition-delay: 0s, 0.3s;
}


/*
Content Area
---------------------------------------------------------------------------------------------------- */

/* Entries
--------------------------------------------- */

.entry {
	margin-bottom: 0;
}

.entry-content ol,
.entry-content p,
.entry-content ul,
.quote-caption {
	margin-bottom: 26px;
	margin-bottom: 2.6rem;
}

.entry-content ol,
.entry-content ul {
	margin-left: 40px;
	margin-left: 4rem;
}

.entry-content ol li {
	list-style-type: decimal;
}

.entry-content ul li {
	list-style-type: none;
	position: relative;
	padding: 0 0 10px;
}

.entry-content ul li::before {
	content: "";
	background: url("images/list-icon.png") no-repeat scroll left top;
	position: absolute;
	left: -30px;
	top: 7px;
	height: 12px;
	width: 11px;
}

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

.entry-header .entry-meta {
	margin-bottom: 24px;
	margin-bottom: 2.4rem;
}

.entry-comments-link::before {
	content: "\2014";
	margin: 0 6px 0 2px;
	margin: 0 0.6rem 0 0.2rem;
}

.entry-categories,
.entry-tags {
	display: block;
}

/* Pagination
--------------------------------------------- */

.pagination {
	clear: both;
	margin: 40px 0;
	margin: 4rem 0;
}

.pagination li {
	display: inline;
}

.pagination li a {
	background-color: #333;
	border: none;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 300;
	padding: 8px 12px;
	padding: 0.8rem 1.2rem;
}

.pagination li a:hover,
.pagination li.active a {
	background-color: #0ebfe9;
}

/* Comments
--------------------------------------------- */

.comment-respond,
.entry-comments,
.entry-pings {
	margin-bottom: 60px;
	margin-bottom: 6rem;
}

.comment-content {
	clear: both;
}

.entry-comments .comment-author {
	margin-bottom: 0;
}

.comment-respond input[type="email"],
.comment-respond input[type="text"],
.comment-respond input[type="url"] {
	width: 50%
}

.comment-respond label {
	display: block;
	margin-right: 12px;
	margin-right: 1.2rem;
}

.comment-list li,
.ping-list li {
	list-style-type: none;
}

.comment-list li {
	margin-top: 24px;
	margin-top: 2.4rem;
	padding: 32px;
	padding: 3.2rem;
}

.comment-list li li {
	margin-right: -32px;
	margin-right: -3.2rem;
}

li.comment {
	background-color: #f5f5f5;
	border: 2px solid #fff;
	border-right: none;
}

.comment .avatar {
	margin: 0 16px 24px 0;
	margin: 0 1.6rem 2.4rem 0;
}

.entry-pings .reply {
	display: none;
}

.form-allowed-tags {
	background-color: #f5f5f5;
	padding: 24px;
	padding: 2.4rem;
}

/*
Sidebar
---------------------------------------------------------------------------------------------------- */

.sidebar {
	float: right;
	margin-top: 10px;
	margin-top: 1rem;
	width: 380px;
}

.sidebar-content .sidebar {
	float: left;
}

.sidebar img {
	margin-bottom: 15px;
	margin-bottom: 1.5rem;
}

.sidebar p:last-child,
.sidebar .featured-content img {
	margin-bottom: 0;
}

.sidebar li {
	list-style-type: none;
	margin-bottom: 6px;
	margin-bottom: 0.6rem;
	word-wrap: break-word;
}

.sidebar ul > li:last-child {
	margin-bottom: 0;
}

.sidebar .widget {
	margin-bottom: 6px;
}

/*
Footer Widgets
---------------------------------------------------------------------------------------------------- */

.footer-widgets {
	clear: both;
	color: #999;
	background-color: #333;	
}

.footer-widgets .wrap {
	padding: 40px 0 16px;
	padding: 4rem 0 1.6rem;
}

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3 {
	width: 340px;
}

.footer-widgets-1 {
	margin-right: 60px;
	margin-right: 6rem;
}

.footer-widgets-1,
.footer-widgets-2 {
	float: left;
}

.footer-widgets-3 {
	float: right;
}

.footer-widgets .widget {
	margin-bottom: 40px;
	margin-bottom: 4rem;
}

.footer-widgets li {
	list-style-type: none;
	margin-bottom: 6px;
	margin-bottom: 0.6rem;
	word-wrap: break-word;
}

/*
Site Footer
---------------------------------------------------------------------------------------------------- */

.site-footer {
	background: url("images/footer-bg.jpg") no-repeat scroll 0 0;
	background-size: cover;
	padding: 50px 0;
}

/*
Custom CSS
---------------------------------------------------------------------------------------------------- */

.home .site-header.sticky {
    	background: #fff;
}

.site-inner .wrap {
	max-width: 100%;	
}

.header-widget-area .textwidget {
    padding: 0 0 11px;
}

.home .site-inner .wrap {
	max-width: 1170px;	
}

.header-widget-area .textwidget a {
	font-size: 16px;
	letter-spacing: 2px;
	color: #000;
	margin: 0 10px;
}

#hero-img {
	background: url("images/hero-img.jpg") no-repeat scroll center center;
	background-size: cover;
	height: 645px;	
}

#hero-img h1 {
	font-size: 32px;
	color: #000;
	text-align: center;
	font-weight: 300;
	margin: 200px 0 350px;
	letter-spacing: 2px;
}

#hero-img p {
	font-size: 26px;
	color: #fff;
	text-align: center;
	font-weight: 300;
	letter-spacing: 2px;
}

a.btn {
	background: #066e95;
	border: none;
	box-shadow: none;
	color: #fff !important;
	padding: 10px 24px;
	width: 250px;
	font-size: 20px;
	text-align: center;
	text-decoration: none !important;
	display: block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

a.btn:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #353c43;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

a.btn:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.home .site-inner {
	padding: 0;	
}

.who-we-are-panel {
	padding: 25px 0 150px;	
}

.who-we-are-panel .panel-grid-cell {
	border: 1px solid rgba(255,255,255,0.2);
	padding: 70px 50px 10px;	
}

.who-we-are-panel .panel-layout .panel-grid-cell {
	border: none;
	padding: 0;	
}

.who-we-are-panel h2 {
	color: #fff;
	text-align: center;
	font-size: 28px;
	font-weight: 600;	
}

.who-we-are-panel h4 {
	color: #fff;
	text-align: center;
	font-size: 26px;
	font-weight: 600;	
	font-style: italic;
}

.who-we-are-panel p {
	color: #fff;
	font-size: 19px;
	font-weight: 300;
	padding: 0 50px;
}

.who-we-are-panel a.btn {
	width: 310px;
	margin: 20px auto 0;
	display: block;
	text-align: center;	
}

.what-we-do-panel {
    	padding: 0 0 50px;
}

.what-we-do-panel h2 {
	font-size: 28px;
	text-align: center;
	font-weight: 600;	
	margin: 0;
}

.what-we-do-panel p {
	font-size: 26px;
	text-align: center;	
	letter-spacing: 1px;
}

.what-we-do-panel li:before {
	display: none;	
}

.what-we-do-panel li {
	border-bottom: 1px solid #cacaca;
	padding: 0 !important;	
}

.what-we-do-panel li a {
	font-size: 24px;
	text-transform: uppercase;	
}

.what-we-do-panel ul.sub-menu li {
	border-bottom: none;	
}

.what-we-do-panel li ul.sub-menu {
	margin: 0;	
}

.what-we-do-panel li ul.sub-menu li a {
    	font-size: 19px;
    	padding: 3px 30px;
    	display: block;
}

.what-we-do-panel li ul.sub-menu li:hover {
	background: #066e95;	
}

.what-we-do-panel li ul.sub-menu li.menu-item.active {
    	background: #066e95;
}

.what-we-do-panel li ul.sub-menu li.menu-item.active a {
    	color: #fff;
}

.what-we-do-panel li ul.sub-menu li a:hover {
	color: #fff;	
}

.left-menu {
    width: 250px;
    float: left;
}

.center-img {
    float: left;
	margin: 0 20px;
	width: 630px;
	background: #fcfcfc;
    min-height: 470px;
}

.center-img img {
	padding: 4px;
	margin: 0 auto;
    display: block;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
}

.right-menu {
	float: left;
	width: 250px;
}

.what-we-provide-panel {
	padding: 140px 0 50px;
    	min-height: 700px;	
}

.what-we-provide-panel h2 {
	font-size: 28px;
	text-align: center;
	font-weight: 600;
	color: #fff;
}

.what-we-provide-panel p {
	font-size: 24px;
	text-align: center;
	color: #fff;	
}

.what-we-provide-panel a {
	color: #fff !important;
	font-size: 19px;
	display: block;
	padding: 0 25px;
	text-align: center;
	margin: 50px 0 0;
}

.what-we-provide-panel a:hover {
	text-decoration: underline;	
}

.haxagonal-panel {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: nowrap;
    -ms-justify-content: space-between;
    justify-content: space-between;
}

.haxagonal-grid {
	width: 20%;
	width: calc(20% - ( 0.8 * 30px ) );
	float: left;
}

/* Haxagonal Css
---------------------------*/

.hexagon {
	position: relative;
	width: 157px; 
	height: 90.64px;
	margin: 45.32px auto 90px;
	background-size: auto 176.6692px;
	background-position: center;
	box-shadow: 0 0 10px rgba(0,0,0,0.45);
	border-left: solid 2px #333b42;
	border-right: solid 2px #333b42;
}

.hexagon a {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    font-size: 0;
    margin: 0;
    padding: 0;
}

.hexagon:hover {
	border-left: solid 2px #ffffff;
	border-right: solid 2px #ffffff;
}

.hexTop,
.hexBottom {
	position: absolute;
	z-index: 1;
	width: 111.02px;
	height: 111.02px;
	overflow: hidden;
	-webkit-transform: scaleY(0.5774) rotate(-45deg);
	-ms-transform: scaleY(0.5774) rotate(-45deg);
	transform: scaleY(0.5774) rotate(-45deg);
	background: inherit;
	left: 20.99px;
	box-shadow: 0 0 10px rgba(0,0,0,0.45);
}

/*counter transform the bg image on the caps*/
.hexTop:after,
.hexBottom:after {
	content: "";
	position: absolute;
	width: 153.0000px;
	height: 88.33459118601274px;
	-webkit-transform:  rotate(45deg) scaleY(1.7321) translateY(-44.1673px);
	-ms-transform:      rotate(45deg) scaleY(1.7321) translateY(-44.1673px);
	transform:          rotate(45deg) scaleY(1.7321) translateY(-44.1673px);
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	background: inherit;
}

.hexTop {
	top: -55.5079px;
	border-top: solid 2.5px #333b42;
	border-right: solid 2.5px #333b42;
}

.hexagon:hover .hexTop {
	border-top: solid 2.5px #ffffff;
	border-right: solid 2.5px #ffffff;
}

.hexTop:after {
  	background-position: center top;
}

.hexBottom {
	bottom: -55.5079px;
	border-bottom: solid 2.5px #333b42;
	border-left: solid 2.5px #333b42;
}

.hexagon:hover .hexBottom {
	border-bottom: solid 2.5px #ffffff;
	border-left: solid 2.5px #ffffff;
}

.hexBottom:after {
  	background-position: center bottom;
}

.hexagon:after {
	content: "";
	position: absolute;
	top: 1.1547px;
	left: 0;
	width: 153.0000px;
	height: 88.3346px;
	z-index: 2;
	background: inherit;
}

/* Haxagonal Css
---------------------------*/

.what-you-get-panel {
    	padding: 80px 0 90px;
}

.what-you-get-panel .panel-layout {
	border: 18px solid rgba(255,255,255,0.4);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.2);	
}

.what-you-get-panel .left-sec, .what-you-get-panel .right-sec {
	min-height: 390px;
	padding: 100px 65px 40px;	
}

.what-you-get-panel .left-sec h2 {
	font-size: 28px;
	color: #fff;
	text-align: center;
	font-weight: 600;	
}

.what-you-get-panel .left-sec h4 {
	font-size: 26px;
	color: #fff;
	text-align: center;
	padding: 0 10px;
}

.what-you-get-panel .right-sec p {
	font-size: 19px;
	font-weight: 300;	
}

.what-you-get-panel .right-sec a.btn {
	margin: 0 auto;
	width: 245px;
	text-align: center;
	display: block;	
}

.our-client {
	padding: 60px 0 20px;	
}

.our-client h2 {
	font-size: 28px;
	color: #000;
	text-align: center;
	font-weight: 600;	
}

.our-client a.btn {
	margin: 0 auto;
	width: 310px;
	text-align: center;
	display: block;	
}

.soliloquy-slider li:before {
	display: none;	
}

body .soliloquy-container .soliloquy-next,
body .soliloquy-container a.soliloquy-next:focus {
	width: 30px;
	height: 36px;
	right: -40px;
	top: 40%;
	background: url("images/next-icon.png") no-repeat scroll 50% 50%;
}

body .soliloquy-container .soliloquy-prev,
body .soliloquy-container a.soliloquy-prev:focus {
	width: 30px;
	height: 36px;
	left: -30px;
	top: 40%;
	background: url("images/prev-icon.png") no-repeat scroll 50% 50%;
}

.col1 a, .col3 a, .col3 p {
    	color: #fff;
}

.col1 a:hover {
	text-decoration: underline;	
}

.col3 .textwidget {
    	margin: 50px 0 0 50px;
}

.col3 a {
	display: block;
	margin: 30px 0;	
}

p.location {
	background: url("images/location-icon.png") no-repeat scroll left 5px;
    	padding: 0 0 0 40px;
}

a.phone-icon {
	background: url("images/phone-icon.png") no-repeat scroll left 0;
    	padding: 0 0 0 40px;
}

a.mail-icon {
	background: url("images/share-icon.png") no-repeat scroll left 0;
    	padding: 0 0 0 40px;
}

a.mail-icon:hover {
	text-decoration: underline;	
}

.col1 img {
	margin: 0 0 80px;	
}

.col2 .textwidget {
    	border: 1px solid rgba(255,255,255,0.2);
	padding: 30px 40px 10px;
}

.col2 .textwidget h3 {
	font-size: 24px;
	color: #fff;
	text-align: center;
	font-weight: 300;	
}

.col2 .textwidget label.gfield_label {
	color: #fff;
	font-weight: 400 !important;
	font-size: 16px !important;
	float: left;
	margin: 7px 10px 0 0px;
}

.col2 .textwidget .gfield_required {
    	display: none;
}

.col2 input.medium {
    	width: 84% !important;
    	border-radius: 0;
	background: transparent;
    	border: 1px solid rgba(255,255,255,0.2);
	color: #fff;
}

#field_1_2 label.gfield_label {
    	margin: 10px 13px 0 0;
}

.col2 .gform_wrapper .gform_footer {
    	margin: 0;
}

#gform_submit_button_1 {
    	width: 300px;
    	margin: 0 0 0 50px;
}

.entry-content p a {
	color: #066e95;	
}

.entry-content p a:hover {
	text-decoration: underline;	
}

.left-menu .menu .menu-item-has-children .sub-menu, #nav_menu-4 .menu-item-has-children .sub-menu {
    	display: none;
}

.left-menu .menu .menu-item-has-children a {
	position: relative;	
}

.left-menu .menu .menu-item-has-children a:after, #nav_menu-4 ul .menu-item-has-children a:after {
	content: "";
	background: url("images/ul-arrow.png") no-repeat scroll right center;
	width: 14px;
	height: 11px;
	display: inline-block;
	padding: 0 0 0 15px;	
}

.left-menu .menu .menu-item-has-children .sub-menu a:after, #nav_menu-4 .menu-item-has-children ul.sub-menu a:after {
	display: none;	
}

.no-page-featured-image {
    	margin: 100px 0 0;
}

.no-page-title h1.entry-title {
    	color: #000;
}

#nav_menu-4 ul li {
    	border-bottom: 1px solid #41637d;
}

#nav_menu-4 ul li .sub-menu li {
    	border-bottom: none;
}

/*
Internal pages CSS
---------------------------------------------------------------------------------------------------- */

.page-featured-image {
    	position: relative;
	margin: 98px 0 0;
}

.page-featured-image img {
    	display: block;
	width: 100%;
}

.page-title img.title-icon {
	width: auto;
	margin: 60px auto 30px;
}

.page-title {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #fff;
	background: rgba(18,60,93,0.9);
    	width: 580px;
    	height: 245px;
}

h1.entry-title {
	text-align: center;
	font-size: 32px;
	color: #fff;
	margin: 0;
	font-weight: 300;
}

#nav_menu-3 h4.widget-title.widgettitle {
	background: url("images/title-icon-small.png") no-repeat scroll center left 30px #242a2f;
	padding: 20px 0;
	text-align: center;
	font-size: 26px;
	color: #fff;
	margin: 0;
}

.sidebar li a {
	font-size: 24px;
	color: #fff;
}

ul#menu-what-we-provide {
	background: url("images/menu-bg.jpg") no-repeat scroll 0 0;
    	padding: 30px 40px 20px;
	background-size: cover;
}

#nav_menu-4 {
	background: #123c5d;	
}

#nav_menu-4 h4.widget-title.widgettitle {
	background: url("images/title-icon-small.png") no-repeat scroll center left 30px #0e304a;
	padding: 20px 0;
	text-align: center;
	font-size: 26px;
	color: #fff;
	margin: 0;
}

#nav_menu-4 ul {
    	padding: 30px 40px 20px;
}

#nav_menu-4 li ul.sub-menu  {
    	padding: 0;
}

#nav_menu-4 li ul.sub-menu li a {
	font-size: 19px;
	padding: 3px 30px;
	display: block;	
}

#nav_menu-4 li ul.sub-menu li:hover {
	background: #066e95;	
}

.error404 .site-inner .wrap, .search .site-inner .wrap {
    	max-width: 1170px;
}

.error404 .page-title {
    	display: none;
}

.search .page-featured-image {
    	margin: 120px 0 0;
}

.search .page-title {
	position: relative;
	width: 500px;
	height: 0px;
}

.search h1.entry-title {
    	color: #000;
}

body.full-width-content .site-inner .wrap {
    max-width: 1170px;
    padding: 0 !important;
}

.product-tabs {
	padding: 0;
}

.product-tabs .sow-tabs-tab {
    outline: none !important;
}

.product-tabs .sow-tabs-tab-container .sow-tabs-tab {
	position: relative;
	margin: 0 80px 40px 0px !important;
}

.product-tabs .sow-tabs-tab-container .sow-tabs-tab:nth-of-type(1) {
	background: url("images/machined-components-image.jpg") no-repeat;
	width: 185px;
	height: 196px;
	text-align: center;
    padding: 200px 0 0 !important;
	margin: 0 80px 0 80px !important;
}

.product-tabs .sow-tabs-tab-container .sow-tabs-tab:nth-of-type(2) {
	background: url("images/sheet-metal-components-image.jpg") no-repeat;
	width: 185px;
	height: 196px;
	text-align: center;
    padding: 200px 0 0 !important;
}

.product-tabs .sow-tabs-tab-container .sow-tabs-tab:nth-of-type(3) {
	background: url("images/mechanical-assemblies-image.jpg") no-repeat;
	width: 185px;
	height: 196px;
	text-align: center;
    padding: 200px 0 0 !important;
}

.product-tabs .sow-tabs-tab-container .sow-tabs-tab:nth-of-type(4) {
	background: url("images/welded-assemblies-image.jpg") no-repeat;
	width: 185px;
	height: 196px;
	text-align: center;
    padding: 200px 0 0 !important;
}

/*--------------- Gravity Forms Error CSS ---------------*/

body .gform_wrapper div.validation_error {
	display: none;
}

body .gform_wrapper .field_description_below .gfield_description {
	max-width: 100%;
	width: 100%;
	border: none;
	margin: 0;
	position: absolute;
	top: 0;
	padding: 6px 10px;
	color: #fff;
	background-color: #ec5840;
	font-size: 16px;
}

body .gform_wrapper .field_description_below .gfield_description::after {
	position: absolute;
	bottom: -0.5rem;
	left: 0.5rem;
	content: "";
	width: 0;
	height: 0;
	border-left: 0.5rem solid transparent;
	border-right: 0.5rem solid transparent;
	border-top: 0.5rem solid #ec5840;
}

body .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea {
    border: 1px solid #ff0000;
}

body .gform_wrapper .gfield_error .gfield_label {
    color: #ff0000;
}

body .gform_wrapper li.gfield.gfield_error,
body .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
	background-color: transparent;
	margin-bottom: 0;
	border-top: none;
	border-bottom: none;
	padding-bottom: 0;
	padding-top: 0;
}

body .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
	max-width: 100% !important;
}

body .gform_wrapper ul.gform_fields li.gfield {
	position: relative;
}

body .gform_wrapper .validation_message {
	display: none;
}

/*--------------- Gravity Forms Error CSS ---------------*/

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

@media only screen and (max-width: 2201px) and (max-width: 3000px) {
	
	.who-we-are-panel {
    	min-height: 820px;
	}
	
}

@media only screen and (max-width: 1801px) and (max-width: 2200px) {
	
	.who-we-are-panel {
    	min-height: 720px;
	}
	
}

@media only screen and (max-width: 1500px) and (max-width: 1800px) {
	
	.who-we-are-panel {
    	min-height: 640px;
	}
	
}

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

	.wrap {
		max-width: 960px;
	}
	
	.title-area {
    		width: 270px;
	}

	.site-header .widget-area {
		width: 680px;
	}

	.content {
		width: 580px;
	}

	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3 {
		width: 280px;
	}
	
	.center-img {
    		margin: 0 10px;
    		width: 470px;
	}
	
	.what-we-do-panel {
    		padding: 0 0 10px;
	}
	
	.hexagon2 {
    		width: 145px;
    		height: 180px;
	}
	
	.hexagon-panel {
    		margin: 0 0 0 40px;
	}
	
	.what-we-provide-panel .panel-layout .panel-grid-cell {
    		margin: 0 20px 0 0px;
	}
	
	body .soliloquy-container .soliloquy-prev {
    		left: 0;
	}
	
	body .soliloquy-container .soliloquy-next {
    		right: 0;
	}
	
	.col2 input.medium {
    		width: 80% !important;
	}
	
	#gform_submit_button_1 {
    		width: 217px;
    		margin: 0px 0 0 50px;
	}
	
	.col3 .textwidget {
    		margin: 50px 0 0 20px;
	}
	
	.who-we-are-panel .panel-grid-cell {
    		padding: 40px 0px 10px;
	}
	
	.content {
    		padding: 45px 0 0 20px;
	}
	
	.genesis-nav-menu a {
    	font-size: 15px;
		padding: 10px 5px;
	}
	
	.product-tabs .sow-tabs-tab-container .sow-tabs-tab {
    	margin: 0 30px 40px 0px !important;
	}
	
	.product-tabs .sow-tabs-tab-container .sow-tabs-tab:nth-of-type(1) {
    	margin: 0 30px 0 70px !important;
	}

}

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

	.wrap {
		max-width: 768px;
	}

	.site-header {
		position: relative;
	}

	.site-inner {
		padding: 40px 5%;
		padding: 4rem 5%;
	}
	
	.site-header .title-area,
	.site-header .search-form,
	.site-header .widget-area,
	.site-tagline-left,
	.site-tagline-right {
		text-align: center;
	}

	.genesis-nav-menu li,
	.site-header ul.genesis-nav-menu,
	.site-tagline-left,
	.site-tagline-right {
		float: none;
	}

	.minimum-landing .site-inner {
		margin: 0;
		padding: 40px 40px 0;
		padding: 4rem 4rem 0;
	}
	
	.minimum-landing .site-container {
		padding: 5%;
	}

	.footer-widgets .widget,
	.site-footer .wrap,
	.site-tagline {
		padding-left: 5%;
		padding-right: 5%;
	}

	.site-footer {
		padding: 40px 0;
		padding: 4rem 0;
	}
	
	.title-area,
	.content,
	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3,
	.minimum-landing .site-inner,
	.sidebar,
	.site-header .widget-area,
	.site-tagline-left,
	.site-tagline-right {
		float: none;
		width: 100%;		
	}

	.genesis-nav-menu a {
		padding: 5px 10px;
		padding: 0.5rem 1rem;
	}

	.responsive-menu {
		display: none;
	}

	#responsive-menu-icon, .c-hamburger {
		display: block;
		position: absolute;
    	top: 0;
    	right: 0;
	}
	
	.genesis-nav-menu .menu-item {
		display: block;
		text-align: left;
		padding-left: 10px;
	}
	
	.genesis-nav-menu .sub-menu {
		left: 0px;
		width: 100%;
		opacity: 1;
		position: relative;
	}
	
	.genesis-nav-menu .sub-menu a {
		background-color: transparent;
		border: 0;
		padding: 0.6rem 2rem;
		width: 100%;
	}
	
	.genesis-nav-menu .sub-menu .sub-menu, .site-header .sub-menu .sub-menu {
		margin: 0px;
	}
	
	.genesis-nav-menu .sub-menu .sub-menu a {
		padding-left: 4rem;
	}
	
	#hero-img {
    	height: 400px;
	}
	
	#hero-img h1 {
    	margin: 100px 0 210px;
	}
	
	.who-we-are-panel p {
    	padding: 20px 50px 0;
	}
	
	.what-we-do-panel p {
    	font-size: 20px;
	}
	
	.what-we-do-panel li a {
    	font-size: 20px;
	}
	
	.what-we-do-panel li ul.sub-menu li a {
    	font-size: 16px;
	}
	
	.left-menu {
    	width: 220px;
	}
	
	.center-img {
    	width: 330px;
		min-height: 200px;
	}
	
	.right-menu {
    	width: 170px;
	}
	
	.right-menu ul {
    	margin: 0 0 0 10px;
	}
	
	.hexagon2 {
    	margin: 0 auto 0px;
	}
	
	.what-we-provide-panel a {
    	margin: 10px 0 70px;
	}
	
	.col1 .textwidget {
    	text-align: center;
	}
	
	.col1 img {
    	margin: 0 0 20px;
	}
	
	.what-you-get-panel .left-sec, .what-you-get-panel .right-sec {
    	min-height: 240px;
    	padding: 50px 65px 40px;
	}
	
	.col2 .textwidget {
    	width: 360px;
    	margin: 0 auto;
	}
	
	.col3 .textwidget {
    	margin: 50px auto 20px;
    	width: 230px;
	}
	
	.what-we-provide-panel h2 {
    	font-size: 24px;
	}
	
	.what-we-provide-panel p {
    	font-size: 20px;
	}
	
	.page-featured-image {
    	margin: 0;
	}
	
	.page-title {
    	width: 450px;
    	height: 180px;
	}
	
	.page-title img.title-icon {
    	margin: 40px auto 30px;
	}
	
	.genesis-nav-menu a:hover, .genesis-nav-menu .current-menu-item > a, .genesis-nav-menu .sub-menu .current-menu-item > a:hover {
    	color: #000;
    	background: transparent;
	}
	
	.genesis-nav-menu .sub-menu a:hover {
    	background: transparent;
	}
	
	.haxagonal-panel {
		display: block;
	}
	
	.haxagonal-grid {
    	width: 100%;
    	float: none;
	}
	
	.hexagon {
		margin: 45.32px auto 60px;
	}
	
	.what-we-provide-panel {
    	padding: 180px 0 10px;
    	min-height: 700px;
	}
	
	#nav_menu-3 h4.widget-title.widgettitle, #nav_menu-3 h4.widget-title.widgettitle {
		background: url(images/title-icon-small.png) no-repeat scroll center left 20px #0e304a;
    	cursor: pointer;
		font-size: 20px;
		position: relative;
	}
	
	#nav_menu-3 h4.widget-title.widgettitle:after, #nav_menu-4 h4.widget-title.widgettitle:after {
		content: "";
		background: url("images/ul-arrow.png") no-repeat scroll right center;
		width: 14px;
		height: 11px;
		display: inline-block;
		padding: 0 0 0 15px;
	}
	
	/*.menu-what-we-do-left-menu-container, .menu-what-we-provide-container {
		display: none;
	}*/
	
	.product-tabs .sow-tabs-tab-container .sow-tabs-tab:nth-of-type(1),
	.product-tabs .sow-tabs-tab-container .sow-tabs-tab:nth-of-type(2),
	.product-tabs .sow-tabs-tab-container .sow-tabs-tab:nth-of-type(3),
	.product-tabs .sow-tabs-tab-container .sow-tabs-tab:nth-of-type(4){
    	width: 150px;
    	padding: 180px 0 0 !important;
    	margin: 0 !important;
    	background-size: contain;
	}

}

@media only screen and (max-width: 734px) {
	
	.center-img {
    	display: none;
	}
	
	.hexagon-panel {
    	margin: 0;
	}
	
	.left-menu {
    	float: none;
    	margin: 0 auto;
	}
	
	.left-menu ul {
    	margin: 0 0 20px;
	}
	
	.right-menu {
    	width: 220px;
    	float: none;
    	margin: -17px auto 0;
	}
	
	.right-menu ul {
    	margin: 0;
	}
	
	.what-you-get-panel {
    	padding: 40px 0 40px;
	}
	
}

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

	.header-image .site-header .title-area .site-title a {
		background-size: contain !important;
	}
	
	.title-area {
    	width: 220px !important;
    	margin: 0 auto;
	}
	
	.header-widget-area .textwidget a {
    	font-size: 12px;
    	margin: 0 0 10px;
    	display: inline-block;
	}
	
	#responsive-menu-icon, .c-hamburger {
		position: absolute;
		top: 0;
		right: 0;
	}
	
	#hero-img h1 {
    	margin: 50px 0 210px;
		font-size: 30px;
	}
	
	#hero-img p {
    	font-size: 23px;
	}
	
	.who-we-are-panel h2 {
    	font-size: 24px;
	}
	
	.who-we-are-panel h4 {
    	font-size: 22px;
	}
	
	.who-we-are-panel p {
    	padding: 20px 30px 0;
	}
	
	.who-we-are-panel a.btn {
    	width: 290px;
	}
	
	.what-we-provide-panel h2 {
    	font-size: 24px;
	}
	
	.what-we-provide-panel p {
    	font-size: 20px;
	}
	
	.what-you-get-panel .left-sec h2 {
    	font-size: 24px;
	}
	
	.what-you-get-panel .left-sec h4 {
    	font-size: 20px;
	}
	
	.what-you-get-panel .left-sec, .what-you-get-panel .right-sec {
    	padding: 50px 25px 40px;
	}
	
	.our-client h2 {
    	font-size: 24px;
	}
	
	.col2 input.medium {
    	width: 77% !important;
	}
	
	.our-client a.btn {
    	width: 280px;
	}
	
	.col2 .textwidget {
    	width: 320px;
	}
	
	#gform_submit_button_1 {
    	width: 187px;
	}
	
	.page-title {
    	width: 320px;
    	height: 90px;
	}
	
	.page-title img.title-icon {
    	margin: 10px auto 5px;
	}
	
	h1.entry-title {
    	font-size: 24px;
	}
	
	.sidebar li a {
    	font-size: 20px;
	}
	
	#nav_menu-4 li ul.sub-menu li a {
    	font-size: 16px;
	}
	
	#hero-img h1, #hero-img p, .what-we-do-panel p, .what-we-provide-panel p {
		padding: 0 10px;	
	}
	
	.what-we-do-panel {
    	padding: 0 0 130px;
    	background: #fcfcfc;
	}
	
	.what-we-provide-panel {
    	margin: -200px 0 0;
	}
	
	.full-width-content .content {
    	padding: 45px 0 0 0px;
	}
	
	.product-tabs .sow-tabs-tab-container {
    	padding: 0 !important;
	}
	
	.product-tabs .sow-tabs-tab-container .sow-tabs-tab:nth-of-type(1), .product-tabs .sow-tabs-tab-container .sow-tabs-tab:nth-of-type(2), .product-tabs .sow-tabs-tab-container .sow-tabs-tab:nth-of-type(3), .product-tabs .sow-tabs-tab-container .sow-tabs-tab:nth-of-type(4) {
    	width: 100%;
    	padding: 10px 10px !important;
    	margin: 0 0 10px !important;
    	background-size: contain;
    	background: #066e95;
    	height: auto;
    	color: #fff;
	}
	
	.our-client .soliloquy-viewport {
    	width: 170px !important;
    	height: 70px !important;
		margin: 0 auto;
	}

	.our-client .soliloquy-container .soliloquy-item {
		width: 170px !important;
    	margin-right: 10px !important;
	}

	.our-client li.soliloquy-item img {
    	width: 170px !important;
    	height: 70px !important;
	}
	
	.who-we-are-panel {
    	margin: -45px 0 0;
	}

}