@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,500,500i,700,700i');

/*
Theme Name: Materialize
Theme URI: http://mythem.es/item/materialize-free-wordpress-theme/
Description: Materialize is an white, clean, elegant, modern, creative and beautiful freemium WordPress theme built with HTML5 and CSS3. The clean, white, elegant, modern and creative design can be used for any type of website: business, corporate, portfolio, products, creative, arts, design, construction, transport, manufacturing, ecology, cosmetics, beauty, hygiene, sports, culture, presentations, food business, restaurants, drink, bar, pub, club, radio, tv, television, music, movies, live style, garden, cuisine, chemical, pharmaceutical, medicine, travel, sample blog, agriculture, science, politics and more others. The theme is builded base on white, clean and responsive Material Design Concept. This theme is suitable for all type of devices: desktop, notebook, tablete, iPhone and others. Responsive design and Materialia Design Concept are based on Materialize framework. Theme is developed by myThem.es. We carefully handcrafted this theme with a strong focus on typography, usability and overall user-experience. It’s very quick to setup and easy to customize. It also comes with free support. Please read the FAQ: <strong>Admin Dashboard > Appearances > Materialize FAQ</strong>. See our demo: <a href="https://goo.gl/DspUMM">https://goo.gl/DspUMM</a>.
Version: 0.0.21
Tags:  blog, news, featured-images, one-column, theme-options, translation-ready, custom-colors, custom-menu, threaded-comments, custom-background, custom-header
Text Domain: materialize
Domain Path: /languages
Author: myThem.es
Author URI: http://mythem.es/
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

    Materialize, Copyright 2015 myThem.es
    Materialize is distributed under the terms of the GNU GPL
                     ________________
                    |_____    _______|
     ___ ___ ___   __ __  |  |  __       ____   ___ ___ ___       ____   ____
    |           | |_ |  | |  | |  |___  |  __| |           |     |  __| |  __|
    |   |   |   |  | |  | |  | |  __  | |  __| |   |   |   |  _  |  __| |__  |
    |___|___|___|   |  |  |__| |_ ||_ | |____| |___|___|___| |_| |____| |____|
                    |_|

                         myThem.es Marketplace provides WordPress themes with
                                    the best quality and the smallest prices.
*/

/* ALIGN TEXT */

.align-none{
    text-align: none;
}

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

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

.align-justify{
    text-align: justify;
}

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

/* WORDPRESS */

.alignleft, .alignright {
    margin-top: 10px;
    margin-bottom: 10px;
}

.alignnone, .aligncenter{
    margin-top: 25px;
    margin-bottom: 25px;
}

div.mythemes-page > .aligncenter:first-child, div.mythemes-page > .alignnone:first-child {
    margin-top: 0px;
}

div.mythemes-page > .aligncenter:last-child, div.mythemes-page > .alignnone:last-child {
    margin-bottom: 0px;
}

.alignleft {
    float:left;
    margin-right: 15px;
}

.alignright {
    float:right;
    margin-left: 15px;
}
.aligncenter {
    clear:both;
    display: block;
    margin-left:auto;
    margin-right:auto;
    text-align: center;
}

.wp-caption {
    background-color: #ffffff;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.wp-caption, .wp-caption p, .wp-caption a {
    font-style: italic;
}

.wp-caption, .wp-caption p {
    color: #454545;
}

section .wp-caption p, section .wp-caption p.wp-caption-text {
    background: #ffffff;
    color: #454545;
    padding: 15px 25px;
    margin: 0px;
    line-height: 24px;
}

section .post-thumbnail .valign-bottom-cell-wrapper {
    height: auto;
}

.single-portfolio .thumbnail-content footer, section .post-thumbnail footer {
    background: rgba( 0,0,0, 0.4 );
    color: #ffffff;
    font-style: italic;
    padding: 10px;
}

.wp-caption img {
    display: block;
    width: -webkit-calc( 100% + 10px );
    width: calc( 100% + 10px );
}

.mythemes-round-corners {
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

code {
    background: #e9e9e9;
    font-size: 12px;
    padding: 8px 15px;
    -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

code {
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    font-weight: 400;
    color: #333;
}

/* ############## end of commenting out original my theme css ######## */

/* ########################################
######## ConverGo Marketing Overrides ##### 
########################################### */

/* ############# original my theme overrides ########
########## may not need  #########################
h2 {color:#151F8E;}
nav.mythemes-topper div.mythemes-blog-identity {    height: auto;
    width: 370px;
    display: inline-block;
    margin-right: 20px;} */

#menu-main-menu {
	display: block;
    /* height: 54px; */
    background: #151F8E;
    margin: 0px auto;
	color:#ffffff;
	text-align: center;	
	width:896px;
}

nav.mythemes-topper ul li a {
	color:#ffffff;
}

nav.mythemes-topper ul li a:hover {
	color:#2899D6;
}

nav.mythemes-topper div.not-collapsed-wrapper ul li:hover > ul {
    display: block;
    box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}

nav.mythemes-topper div.not-collapsed-wrapper ul {
    display: block;
    text-align: center;
}

nav.mythemes-topper div.not-collapsed-wrapper ul ul {
    background-color: #151F8E;
    position: absolute;
    width: 255px;
    z-index: 100002;
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0);
    -webkit-transition: all 2s ease-out;
    -moz-transition: all 2s ease-out;
    -o-transition: all 2s ease-out;
    -ms-transition: all 2s ease-out;
    transition: all 2s ease-out;
}

nav.mythemes-topper div.not-collapsed-wrapper ul.hide-on-med-and-down > li:hover {
	box-shadow:none !important;
}

nav.mythemes-topper div.not-collapsed-wrapper ul.hide-on-med-and-down > li > a {
    padding: 0px 15px;
}

div.nav-wrapper {
	height:62px;
    width:100%;
    padding: 10px 0px;
	margin-top:0px;
	margin-bottom:0px;
    box-shadow: 0px 1px 3px #000000;
}

div.nav-wrapper div.not-collapsed-wrapper {
	background:#151F8E;
    display: inline-block;
    padding: 0px;
    width: 100% !important;
    text-align: center;
    margin: 0px auto;
}

nav.mythemes-topper div.not-collapsed-wrapper ul li.current-menu-ancestor, nav.mythemes-topper div.not-collapsed-wrapper ul li.current-menu-item, nav.mythemes-topper div.not-collapsed-wrapper ul li.current-menu-ancestor:hover, nav.mythemes-topper div.not-collapsed-wrapper ul li.current-menu-item:hover {
/*     background-color: #151F8E; */
}

nav.mythemes-topper div.not-collapsed-wrapper ul li.current-menu-ancestor, nav.mythemes-topper div.not-collapsed-wrapper ul li.current-menu-item, nav.mythemes-topper div.not-collapsed-wrapper ul li.current-menu-ancestor:hover, nav.mythemes-topper div.not-collapsed-wrapper ul li.current-menu-item:hover {
    background-color: transparent !important;
}

.mythemes-blog-logo {
    padding-left: 10px;
    padding-top: 0px;
}

#nav-mobile {
	background-color:#151F8E;
}

/* ##########################################
########################################## */
/*
Theme Name: TLC Office Systems
Theme URI: http://tlcofficesystems.com
Author: Hector Garcia
Author URI: http://hellobrightspot.com
Description: TLC Office Systems website theme
Version: 1.0
License: Copyright TLC Office Systems      
*/

/********************************
	CSS Reset and defaults
********************************/

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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

embed, iframe, object {
	/*Make sure embeds and iframes fit their containers */
	max-width: 100%;
	display: block;
	margin: 0 auto;
	text-align: center;
}

::selection {
	/* Safari */
	background: #222222;
	color: #ffffff;
}

::-moz-selection {
	/* Firefox */
	background: #222222;
	color: #fff;
}

:focus { 
	outline: 0;
}

a, a:hover { 
	text-decoration: none;
}

a img {
	border: 0; outline: 0;
}

img#wpstats {
	/* Hide JetPack stats smiley images */
	display: none;
}

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

.clearfix:after { 
	clear: both;
}

.smb-fr { 
	float: right;
}

.smb-fl {
	float: left;
}

#mc_embed_signup .button {
clear: none;
    background-color: green;
    border: none;
    border-radius: 0px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: inherit;
	height:auto !important;
    line-height: 32px;
    margin: 0px;
    padding: 0 22px !important;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
    width: auto;
}

input[type="submit"]#mc-embedded-subscribe {
    border: none;
    margin: 0px;
}

.fsPreviousButton, .fsSubmitButton, .fsNextButton {
    padding:0px !important;
    border: 0 solid transparent;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    font-size: 15px !important;
    font-weight: 400;
    font-style: normal;
    line-height: inherit !important;
    color: #ffffff !important;
    background-color: #aaaaaa !important;
}

#fsSubmit3098314 .fsSubmitButton {
	padding: 0px 22px !important;
    border: 0 solid transparent;
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px;
    border-radius: 23px !important;
    font-size: 14px !important;
    font-weight: 400;
    font-style: normal;
    line-height: 14px;
    color: #17258B !important;
    background-color: #4e94d5 !important;
	box-shadow: 0px 0px 0px transparent;
}

#fsSubmit3098314 .fsSubmitButton:hover {
	padding: 0px 22px !important;
    border: 0 solid transparent;
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px;
    border-radius: 23px !important;
    font-size: 14px !important;
    font-weight: 400;
    font-style: normal;
    line-height: 14px;
    color: #17258B !important;
    background-color: #52C2FF !important;
	box-shadow: 0px 1px 3px #000000;
}

i.fsSubmitButton {
    font-size: 15px !important;
	display:inline-block !important;
}

.fsForm .fsSubmit {
	margin-top: 0px !important;
    padding: 0px !important;
}

[type="checkbox"]:not(:checked), [type="checkbox"]:checked {
    position: absolute;
    left: 0 !important;
    opacity: 1 !important;
}

#pp-topper img {
    width: auto !important;
    height: 230px !important;
    max-width: inherit !important;
}

/********************************
	Structure
********************************/

html {
	background: #fff;
	padding: 0;
	margin: 0;
}

body {
	font-family: 'Montserrat';
	font-size: 14px;
	line-height: 14px;
	font-weight: 300;
}

.not-front.wrapper {
    padding-top: 204px !important;
}

.wrapper {
	width: 980px;
	padding: 0;
	margin: 0 auto;
}

.content-wrap {
	width: 912px;
	padding: 0 34px;
	margin: 0 auto;
}

#mc_embed_signup input {
    border: none;
    -webkit-appearance: none;
}

#mc-embedded-subscribe {
    clear: both;
    width: auto;
    display: block;
    margin: 0px;
}

body > div.content {
    background-color: #ffffff !important;
}

/********************************
	Structure
********************************/

.dark-bg {
	background: #000;
}

.light-bg {
	background: #fff;
}

.lightgrey-bg {
	background: #ECF0F1;
}

/********************************
	Content blocks and grid layouts
********************************/

/*** Grid layouts These layouts are scaled to fit inside the CONTENT-WRAP area (912px) only ***/

.col-container { 
	display: block; 
	clear: both;
}

/* Two column */
.two-col-one, .two-col-two {
	width: 430px;
	display: inline-block;
	float: left;
}

.two-col-two {
	margin-left: 52px;
}

/* Three column */

.three-col-one, .three-col-two, .three-col-three {
	width: 284px;
	display: inline-block;
	float: left;
}

.three-col-two {
	margin-left: 30px;
	margin-right: 30px;
}		

/* Four column */

.four-col-one, .four-col-two, .four-col-three, .four-col-four {
	width: 213px;
	display: inline-block;
	float: left;
}

.four-col-two, .four-col-three, .four-col-four {
	margin-left: 20px;
}

/********************************
	Header
********************************/

.header-wrapper {
	position:fixed;
	width:100%;
	z-index:999;
    box-shadow: 0px 1px 3px #000000;
}

header.main {
	background: #ffffff;
    width: calc(100% - 20px);
    padding: 10px;
    height: 56px;
	margin-top:0px;
	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out;
}

header.main.shrink {
    margin-top: -120px;
	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out;
}

nav.mythemes-topper div.mythemes-blog-identity {
    height: auto;
    width: 200px;
    display: inline-block;
    float: left;
    margin-right: 20px;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    border-bottom: none !important;
}

.logo {
    height: auto;
    width: 260px;
    display: inline-block;
    float: left;
    margin-right: 20px;
}

.logo img {
	width:100%;
	height:auto;
}

.header-cta {
	width: calc(100% - 260px);
	display: inline-block;
	float: right;
	margin-top: 0px;
}

.secondary-menu-wrapper {
	display:none;
}

.secondary-menu {
	float:left;
}

.secondary-links {
	padding-top:9px; 
	float:right;
}

.secondary-links a {
	font-weight:normal;
	color:#000000;
	text-transform:uppercase;
	margin-right:10px;
	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out;
}

.secondary-links a:hover {
	color:#2899D6;
	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out;
}

.social-icons {
    float: right;
    margin-right: 10px;
}

.social-icons ul {
	list-style:none;
}

.social-icons li {
	display:inline;
	margin-right:10px;
}

.social-icons li.last {
	margin-right:0px;
}

.social-icons a {
	height:30px;
	width:30px;
	display:inline-block;
	text-indent:-999em;
}

.twitter {
	background:url("/wp-content/uploads/2018/05/Twitter.png") no-repeat transparent;
	border-radius:2px;
	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out;
}

.twitter:hover {
	background:url("/wp-content/uploads/2018/05/twitter-hover.png") no-repeat #3bdeff;
	border-radius:2px;
	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out;
}

.facebook {
	background:url("/wp-content/uploads/2018/05/Facebook.png") no-repeat transparent;
	border-radius:2px;
	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out;
}

.facebook:hover {
	background:url("/wp-content/uploads/2018/05/facebook-hover.png") no-repeat #475a86;
	border-radius:2px;
	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out;
}

.linkedin {
	background:url("/wp-content/uploads/2018/05/LinkedIN.png") no-repeat transparent;
	border-radius:2px;
	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out;
}

.linkedin:hover {
	background:url("/wp-content/uploads/2018/05/linkedin-hover.png") no-repeat #1580ab;
	border-radius:2px;
	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out;
}

.header-buttons {
	padding-top:12px;
}

.header-phone {
	color:#000000;
	display: block;
    text-align: right;
    font-weight: bold;
    font-size: 24px;
    padding-right: 10px;
    padding-top: 10px;
    clear: both;
}

.header-support {
	display:inline;
}

.header-support a {
    background: #151F8E;
    text-transform: uppercase;
    display: inline-block;
    padding: 9px 20px;
    border-radius: 30px;
    color: #ffffff;
    font-size: 12px;
    box-shadow: 0px 0px 0px transparent;
	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out;
}

.header-support a:hover {
	background:#0B3EDD;
	text-transform: uppercase;
    display: inline-block;
    padding: 9px 20px;
    border-radius: 30px;
    color: #ffffff;
    box-shadow: 0px 1px 3px #000000;
	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out;
}

.header-quote {
	margin-top:10px;
	margin-right:10px;
	text-align:right;
	display:inline;
	margin-left:10px;
}

.header-quote a {
    background: #2899D6;
    text-transform: uppercase;
    display: inline-block;
    padding: 9px 20px;
    border-radius: 30px;
    color: #ffffff;
    font-size: 12px;
    box-shadow: 0px 0px 0px transparent;
	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out;
}

.header-quote a:hover {
	background:#52C2FF;
	text-transform: uppercase;
    display: inline-block;
    padding: 9px 20px;
    border-radius: 30px;
    color: #ffffff;
    box-shadow: 0px 1px 3px #000000;
	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out;
}

button#responsive-menu-button {
    top: 43px !important;
    right: 1%;
	box-shadow:none !important;
}

/********************************
	Main navigation menu
********************************/

section#nav-level {
	display:none;
}

/* Uncomment for developing main nav menu 
li#menu-item-468 ul.sub-menu { display: block!important; }
*/

nav#access {
	position: relative;
	display: inline-block;
	float: left;
	width: 980px;
	height: 55px;
}

.shrinking-icon {
	position: absolute;
    left: 0px;
    top: -40px;
    z-index: 999;
	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out;
}

.shrink .shrinking-icon {
	position: absolute;
    left: 0px;
    top: 126px;
    z-index: 999;
	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out;
}

.logo-icon {
    position: absolute;
    width: 40px;
/*     margin-top: -170px; */
    margin-left: 7px;
    opacity: 0;
	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out;
}

.shrink .logo-icon {
	opacity:1;
	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out;
}

nav.mythemes-topper div.not-collapsed-wrapper ul li.current-menu-item, nav.mythemes-topper div.not-collapsed-wrapper ul li.current-menu-item:hover {
	background:transparent;
}

nav.mythemes-topper div.not-collapsed-wrapper ul li.current-menu-item > a {
	color:#2899D6 !important;	
}

ul#menu-main-menu {
	display: block;
	text-align: center;
	margin: 0px auto;
	text-align: center;
}

ul#menu-main-menu li {
	position: relative;
	list-style: none;
	display: inline;
	/* padding: 5px; */
	margin: 0px auto;
}

ul#menu-main-menu li:hover {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

ul#menu-main-menu li.current-menu-item a, ul#menu-main-menu li.current-menu-item a:hover {
	color: #ffffff;
}

ul#menu-main-menu li a {
	color: #fff;
	line-height: 54px;
	font-size: 16px;
	text-transform: uppercase;
}

ul#menu-main-menu li li a {
    line-height: 40px;
}

ul#menu-main-menu li a:hover {
	color: #2899D6;
}

/*** Second level ***/

#access ul#menu-main-menu li:hover > ul {
	display: block;
}

nav#access ul.sub-menu {
    display: none;
    position: absolute;
    padding: 15px 30px 20px 30px;
    top: 36px;
    left: -4px;
    width: 220px;
    z-index: 999;
    background: #151F8E;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}

ul#menu-main-menu li.current-menu-item ul.sub-menu {
	top: 48px;
	left: 0;
}

nav#access ul.sub-menu li {
	display: block;
	padding: 5px 10px 5px 10px;
	text-align: left;
	border-bottom: 1px dashed #ccc;
}

nav#access ul.sub-menu li a {
	display: block;
	text-transform: uppercase;
	color: #eee;
	line-height: 28px;
	font-size: 14px;
	font-weight: 400;
}

nav#access ul.sub-menu li a:hover {
	color: #2899D6;
}

nav#access ul.sub-menu li.current-menu-item {
	background: none;
}

nav#access ul.sub-menu li.current-menu-item a {
	color: #fff;
	font-weight: 600;
}

/*** Third level ***/					

nav#access ul.sub-menu ul {
	display: none;
	top:  -8px;
	left: 205px;
	padding: 5px 20px 25px 35px;
	background: #151F8E;
}

nav#access ul.sub-menu ul li {
	background: none;
	top:0px;
	padding: 5px 10px 5px 10px;
	background: #151F8E;
}

/*** Misc ***/	

.content-wrapper {
	/* padding-top:76px; */
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.content-wrapper.shrink {
	/* padding-top:174px; */
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

/******************************************
	Organizations We've Helped Section
******************************************/

#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow {
    right: 10px !important;
	top: 8px !important;
    border-left: 0px solid transparent !important;
}

/******************************************
	Organizations We've Helped Section
******************************************/

#organizations-weve-helped {
	background:#151F8E;
}

.parallax-container img.parallax {
	width:100% !important;
	height:auto !important;
	z-index: 998;
}

#organizations-weve-helped .content-wrapper {
	padding-top:0px;
}

#organizations-weve-helped .content-wrapper.container {
	max-width:1170px;
	margin-left:auto;
	margin-right:auto;
	width:70%;
}

#organizations-weve-helped h2.content-wrapper-title {
	font-family:"Montserrat";
	font-weight:500;
	color:#ffffff;
	text-transform:none !important;
	text-align:center;
	padding-top:40px;
	padding-bottom:10px;
	font-size:2.75em;
}

#organizations-weve-helped .content-wrapper-subtitle {
	display:none;
	color:#ffffff;
	text-align:center;
	font-size:1.25em;
	padding-bottom:30px;
}

.content-wrapper-column {
	width:33.333%;
	float:left;
}

.content-wrapper-column-inner {
	width: 200px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.content-wrapper-column-icon {
	margin-bottom:20px;
}

.case-study-column {
	width:100%;
}

.case-study-column-wrapper {
	padding:30px 15px 50px 15px;
}

.case-study-column-icon-title {
	color: #ffffff;
	padding-bottom: 25px;
	padding-top: 10px;
	border-bottom: 1px solid #ffffff;
	margin-bottom: 20px;
	font-size: 20px;
}

.case-study-column-title {
	font-size:1.75em;
    line-height: 1.25em;
	color:#ffffff;
	padding-bottom:20px;
}

.case-study-column-text p {
	color:#ffffff;
}

.case-study-column-button {
	width:100%;
	text-align:left;
	padding-top:20px;
}

.case-study-column-button a {
	display:inline-block;
	padding:15px 30px;
	border-radius:40px;
	background:#ffffff;
	color:#151F8E;
	text-transform:uppercase;
	box-shadow:0px 0px 0px transparent;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.case-study-column-button a:hover {
	display:inline-block;
	padding:15px 30px;
	border-radius:40px;
	background:#2899D6;
	color:#ffffff;
	text-transform:uppercase;
	box-shadow:0px 1px 3px #000000;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

/**************************************
	Our Commitment to You Section
**************************************/

#our-commitment-to-you {
	background:#ffffff;
	padding-bottom:40px;
}

#our-commitment-to-you .content-wrapper {
	padding-top:0px;
}

#our-commitment-to-you .content-wrapper.container {
	max-width:1170px;
	margin-left:auto;
	margin-right:auto;
	width:70%;
}

#our-commitment-to-you h2.content-wrapper-title {
	font-family:"Montserrat";
	font-weight:500;
	color:#151F8E;
	text-transform:none !important;
	text-align:center;
	padding-top:40px;
	padding-bottom:10px;
	font-size:2.75em;
}

#our-commitment-to-you .content-wrapper-text p {
	color:#151F8E;	
	text-align:center;
}

/****************************
	How it Works Section
****************************/

#how-it-works {
	background:#2899D6;
}

#how-it-works .content-wrapper {
	padding-top:0px;
}

#how-it-works .content-wrapper.container {
	max-width:770px; /* 1170px; */
	margin-left:auto;
	margin-right:auto;
	width:70%;
}

#how-it-works h2.content-wrapper-title {
	font-family:"Montserrat";
	font-weight:500;
	color:#ffffff;
	text-transform:none !important;
	text-align:center;
	padding-top:40px;
	padding-bottom:10px;
	font-size:2.75em;
}

.video-container {
	max-width:600px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
}

.video-container {
    padding-bottom: inherit;
    height: inherit;
}

.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.step-column-wrapper {
    /* width: 260px; */
    margin-left: auto;
    margin-right: auto;
    padding: 10px 10px 30px 5px;
}

.step-column {
	width:100%;
}

.step-column.first {
	width:228px;
}

.step-column.last {
/* 	width:280px; */
}

/* 
.step-column-wrapper {
    padding: 10px 10px 30px 5px;
}
 */

.step-column-number {
	float:left;
	font-size:1.5em;
	color:#ffffff;
	width:40px;
	height:40px;
	border:4px solid #ffffff;
	border-radius:50%;
	vertical-align:middle;
	text-align:center;
	margin-right:9px;
}

.step-column-number span {
    display: inline-block;
    transform: translateY(70%);
}

.step-column-text {
	display: inline-block;
    color: #ffffff;
    font-size: 1.25em;
    padding-right: 0px;
	line-height:22px;
}

.step-column-text p {
	line-height:20px;
}

.last .step-column-text {
	border-right: 0px solid transparent;
}

/*********************************
	Let's Get Started Section
*********************************/

#lets-get-started {
	background:url("/wp-content/uploads/2018/06/lets-get-started-bg.jpg")#2899D6;
	padding-bottom:40px;
}

#lets-get-started .content-wrapper {
	padding-top:0px;
}

#lets-get-started .content-wrapper.container {
	max-width:1170px;
	margin-left:auto;
	margin-right:auto;
	width:70%;
	text-align:center;
	color:#ffffff;
}

#lets-get-started h2.content-wrapper-title {
	font-family:"Montserrat";
	font-weight:500;
	color:#ffffff;
	text-transform:none !important;
	text-align:center;
	padding-top:40px;
	padding-bottom:10px;
	font-size:2.75em;
}

/********************************
	Footer
********************************/

.email-button {
    position: fixed;
    z-index: 999;
    right: 0px;
    bottom: 0px;
	margin-right:10px;
	margin-bottom:10px;
}

.email-button a {
	display:inline-block;
	width:60px;
	height:60px;
	border-radius:50%;
	background:url("/wp-content/uploads/2018/06/email-icon.png") no-repeat center #2899D6;
	border:3px solid #ffffff;
	box-shadow:0px 1px 3px #000000;
	text-indent:-999em;
	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out;
}

.email-button a:hover {
	background:url("/wp-content/uploads/2018/06/email-icon.png") no-repeat center #52C2FF;
	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out;
}

footer#main {
	background: #ffffff;
	clear: both;
	color: #151F8E;
}

nav#footer-nav {
	display: block;
	width: 100%;
	background:#323232;
/* 	margin:0 auto; */
	text-align:center;
	height:auto;
	line-height:auto;
}

nav#footer-nav ul li {
	float:none;	
}

ul#menu-footer-menu {
	display: block;
}

/* First level links */

ul#menu-footer-menu li {
	list-style: none;
	display: inline-block;
	margin: 0;
	vertical-align: top;
}

ul#menu-footer-menu li a {
	display: inline-block ;
	font-size: 14px;
	line-height: 14px;
	color: #ffffff;
	padding:20px 30px;
	text-transform:uppercase;
}

ul#menu-footer-menu li a:hover {
	color: #2899D6;
}

/* Second level links */

ul#menu-footer-menu li ul.sub-menu {
	display: block;
	margin: 0;
	width: 100%;
}

ul#menu-footer-menu li ul.sub-menu li {
	width: 100%;
	list-style: none;
	display: block;
	margin-bottom: 8px;
}

ul#menu-footer-menu li ul.sub-menu li a {
	font-size: 13px;
	line-height: 13px;
	color: #000;
}

ul#menu-footer-menu li ul.sub-menu li a:hover {
	color: #3498DB;
}

/* Hide third level links as they can't fit in this area */

ul#menu-footer-menu li ul.sub-menu li ul {
	display: none;
}

#foot-contact {
    text-align: center;
    padding: 30px;
	color:#151F8E !important;
}

span.foot-contact-heading {
	display: table;
	padding: 5px 15px;
	font-size: 15px;
	line-height: 15px;
	background: #3498DB;
	color: #fff;
}

.foot-content-container {
	padding: 10px 0 0 0;
}

#foot-contact address {
	line-height:1.5em;
}

#foot-contact address a {
	color:#2899D6;
}

ul#foot-social {
	display: block;
	margin: 10px 0 0 0;
	list-style: none;
	padding: 0;
}

ul#foot-social li {
	display: inline-block;
	float: left;
	height: 50px;
	width: 50px;
	margin-right: 10px;
}

ul#foot-social li.last {
	margin-right: 0;
}

ul#foot-social li img.greyscale {
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

ul#foot-social li img.greyscale:hover {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
}

.copyright {
	margin-top: 25px;
	padding: 15px 0 15px 0;
	height: 10px;
	width: 100%;
	background: #3498DB;
}

.copyright p.cr-text {
	display: inline-block;
	float: left;
	width: auto;
	margin: 0;
	padding: 0;
	color: #fff;
	font-weight: 600;
	text-transform: capitalize;
	font-size: 10px;
	line-height: 10px;
}

/********************************
	Homepage
********************************/

section#home-slider {
	height: 350px;
	width: 980px;
	margin: 0 auto 30px;
}

.hero-banner-messaging-wrapper {
    position: absolute;
    width:calc(100% - 40px);
    margin-top: 43%;
    margin-left: 20px;
	margin-right:20px;
	text-align:center;
}

.hero-banner-title {
    color: #151F8E;
    font-size: 7.5vw;
    line-height: 8.75vw;
    font-weight: 700;
    text-shadow: 0px 0px 30px #ffffff;
}

.hero-banner-buttons-wrapper {
	padding-top:20px;
}

.hero-banner-button {
	display:inline;
}

.hero-banner-button a {
	text-transform:uppercase;
	display:inline-block;
	padding:15px 30px;
	border-radius:30px;
	color:#ffffff;
	box-shadow:0px 0px 0px transparent;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.hero-banner-button a:hover {
	text-transform:uppercase;
	display:inline-block;
	padding:15px 30px;
	border-radius:30px;
	color:#ffffff;
	box-shadow:0px 1px 3px #000000;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.hero-banner-button.one a {
	background:#151F8E;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.hero-banner-button.one a:hover {
	background:#0B3EDD;
	color:#ffffff;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.hero-banner-button.two a {
	background:#2899D6;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.hero-banner-button.two a:hover {
	background:#52C2FF;
	color:#ffffff;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.hero-banner-image-wrapper {
	margin-bottom: 65%;
}

.hero-banner-image-wrapper img {
	width:100%;
	height:auto;
}

.service-block-wrapper {
    display: inline;
    width:50%;
    float: left;
}

.service-block-wrapper.last {
	border-right:0px solid transparent;
}

.service-block {
	padding:10px;
	background:transparent;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.service-block:hover {
	background:#52C2FF;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.service-block-icon {
	margin-bottom:10px;
}

.service-block-title a {
	color:#ffffff;
	text-transform:uppercase;
}

.service-block-title a:hover {
	color:#ffffff;
	text-transform:uppercase;	
}

/*** Home mailing list sign-up ***/

section#email-cta {
	display: block;
	width: 810px;
	padding: 15px 25px 15px 145px;
	height: 100px;
	background: url(assets/images/newsletter-signup-emvelope-icon.png) no-repeat #000;
	background-position: 35px 36px;
	margin-bottom: 30px;
	clear: both;
}

.email-cta-text {
	display: inline-block;
	float: left;
	width: 515px;
	margin-right: 13px;
}

.email-cta-text span.heading {
	display: block;
	color: #fff;
	font-size: 34px;
	line-height: 34px;
	font-weight: 400;
	text-transform: uppercase;
	margin: 15px 0 5px 0;
}

.email-cta-text span.tagline {
	display: block;
	color: #BABABA;
	font-size: 25px;
	line-height: 28px;
	font-weight: 400;
	text-transform: lowercase;
	margin: 0;
}

#email-cta-form {
	display: inline-block;
	float: left;
	width: 282px;
	height: 102px;
}

/*** Home service block level ***/

section#homesecond-level {
	display: block;
	margin: 30px 0 30px 0;
	padding: 30px 0 30px 0;
	border-top: 2px solid #ECF0F1;
	border-bottom: 2px solid #ECF0F1;
}

span.section-title {
	display: block;
	color: #777777;
	font-size: 22px;
	line-height: 22px;
	margin: 0 0 30px 0;
	font-weight: 700;
	text-transform: uppercase;
	clear: both;
}

.home-serviceblocks {
    background: #383838;
    padding-top: 30px;
    width: 100%;
    text-align: center;
	margin-top:-2px;
    padding-bottom: 30px;
}

.home-serviceblocks img.service-img {
	width: 210px;
	height: 164px;
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.home-serviceblocks img.service-img:hover {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
}

.home-serviceblocks img.row-one {
	margin-bottom: 10px;
}

.home-serviceblocks img.left {
	margin-right: 40px;
}

.home-serviceblocks img.left, .home-serviceblocks img.right {
	display: inline-block;
}

#home-sidebar {
	display: inline-block;
	float: right;
	width: 310px;
	min-height: 370px;
	background: #ECF0F1;
}

#home-sidebar .widget-content {
	padding: 10px 30px 20px;
}

#home-sidebar a.more-link {
	display: none;
}

#home-sidebar h3 {
	text-transform: uppercase;
	font-weight: 700;
	color: #FFF;
	background: url(assets/images/about-us-widget-title-icon-36px.png) no-repeat #000;
	background-position: 30px 9px;
	padding: 10px 25px 10px 90px;
	margin: 0;
	font-size: 17px;
	line-height: 36px;
}

#home-sidebar p {
	font-size: 15px;
	font-weight: 400;
	line-height: 20px;
	color: #444444;
	margin: 15px 0;
	text-align: justify;
}

#btn-section {
	display: block;
	clear: both;
	padding-top: 25px;
}

#btn-section a.bluebutton {
	margin: 0;
}

/*** Home featured blog post section ***/

section#home-featured {
	margin-bottom: 40px;
}

.home-featured-content {
	width: 600px;
	float: left;
}

.home-featured-content h5 {
	font-size: 40px;
	line-height: 48px;
	font-weight: 400;
	font-style: bold;
	text-align: left;
}

.home-featured-content h5 a {
	color: #3498DB;
}

.home-featured-content h5 a:hover {
	color: #000;
}

.home-featured-content p {
	color: #333;
	padding: 0;
	margin: 0 0 20px 0;
	font-size: 14px;
	line-height: 24px;
	text-align: justify;
}

.home-featured-content img {
	border: 5px solid #000;
	margin: 6px 15px 5px 0!important;
}

/********************************

Default page template (with sidebar)

********************************/

header#pp-topper {
	display: block;
}

.pp-featured-image {
	position: relative;
	overflow: hidden;
}

h1.pp-featured-title {
	position: absolute;
    color: #ffffff;
    padding: 15px 50px;
    max-width: 625px;
    top: 30px;
    font-weight: 600;
    background: rgba(78,169,239,.8);
    background-position: 0 0;
}

section#page-left {
	display: inline-block;
	float: left;
	width: 700px;
	padding-right: 18px;
	border-right: 2px solid #ECF0F1;
}

section#pp {
	display: block;
	padding: 20px 0 20px 0;
}

article#pp h1, article#pp h2, article#pp h3, article#pp h4, article#pp h5, article#pp h6 {
	margin-top: 25px;
	margin-bottom: 8px;
}

article#pp .entry-content p {
	color: #434343;
	font-size: 13px;
	line-height: 20px;
	text-align: justify;
	padding: 10px 0;
}

.post-attributes {
	display: block;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
	color: #777;
}

/*******************************
	Sidebar template
********************************/

#secondary {
	display: inline-block;
	float: right;
	margin-left: 20px;
	width: 240px;
	min-height: 450px;
	margin-bottom: 50px;
}

#secondary h3 {
	text-transform: uppercase;
	font-weight: 700;
	color: #FFF;
	background: #000;
	padding: 11px 25px 12px 25px;
	margin: 0 0 20px 0;
	font-size: 16px;
	line-height: 23px;
}

#secondary .textwidget {
	color: #000;
	font-size: 13px;
	line-height: 19px;
	padding: 0 20px;
}

#secondary .textwidget p {
	margin-bottom: 20px;
	text-align: justify;
}

aside {
	margin-bottom: 25px;
}

#secondary ul {
	margin: 25px 25px 25px 25px;
	padding: 0;
}

#secondary ul li {
	list-style: none;
	font-size: 13px;
	line-height: 19px;
	font-weight: 400;
	color: #222;
	margin-left: 10px;
}

#secondary ul li ul {
	margin: 0;
}

#secondary ul li ul li {
	margin: 0 0 0 15px;
}

#secondary ul li ul li ul {
	margin: 0;
}

#secondary ul li ul li ul li {
	margin: 0 0 0 15px;
}

#secondary a {
	color: #000;
}

#secondary a:hover {
	color: #3498DB;
}

aside#text-2 .textwidget {
	padding: 0;
}

/***************************
Blog category page template
***************************/

ul#post-listing {
	margin: 0;
	padding: 0;
}

ul#post-listing li {
	list-style: none;
	display: block;
	margin-bottom: 40px;
	padding: 0;
}

ul#post-listing li .date {
	display: none;
}

ul#post-listing li a.post-image {
	display: block;
	border-bottom: 4px solid #ECF0F1;
	width: 700px;
	height: 220px;
}

ul#post-listing li .post-listing-main {
	padding: 0;
}

ul#post-listing li h4 a {
	color: #000;
}

ul#post-listing li h4 a:hover {
	color: #3498DB;
}

ul#post-listing li p {
	padding: 0 0 35px 0;
	text-align: justify;
	color: #333;
	font-size: 13px;
}

p.woocommerce-result-count {
	display: none;
}

form.woocommerce-ordering {
	display: none;
}

article#woocomm h1.page-title, article#woocomm .summary h1.product_title, article#woocomm .related h2 {
	display: table;
	color: #fff;
	padding: 14px 24px;
	font-weight: 600;
	font-size: 22px;
	line-height: 22px;
	background: #3498DB;
	margin-bottom: 25px;
}

article#woocomm ul.products {
	display: table;
	width: 100%;
	margin: 0;
	padding: 0;
	clear: both;
}

article#woocomm ul.products li {
	list-style: none;
	display: inline-block;
	float: left;
	margin-right:13px;
}

article#woocomm ul.products li img.attachment-shop_catalog {
	width: 210px;
	height: 210px;
	border: 5px solid #ECF0F1;
	margin-bottom: 10px;
}

article#woocomm ul.products li h3 {
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	font-weight: 600;
	text-transform: uppercase;
	color: #000;
	padding: 0;
	margin: 0;
}

article#woocomm ul.products li a.product_type_simple {
	/* Hide READ MORE from cat page */
	display: none;
}

article#woocomm .woocommerce-pagination {
	display: block;
	clear: both;
	width: 100%;
	margin: 40px 0 40px 0;
}

article#woocomm .woocommerce-pagination ul.page-numbers {
	margin: 0;
	list-style: none;
	padding: 0;
	font-weight: 600;
}

article#woocomm .woocommerce-pagination ul.page-numbers li {
	display: inline-block;
	float: left;
	margin-right: 10px;
}

article#woocomm .woocommerce-pagination ul.page-numbers li span.current {
	background: #3498DB;
	color: #fff;
	padding: 7px 15px;
}

article#woocomm .woocommerce-pagination ul.page-numbers li a.page-numbers {
	background: #000;
	color: #fff;
	padding: 7px 15px;
}

article#woocomm .woocommerce-pagination ul.page-numbers li a.page-numbers:hover {
	background: #3498DB;
	color: #fff;
	padding: 7px 15px;
}

/********************************
	Single product page
********************************/

article#woocomm {
	padding-bottom: 40px;
}

article#woocomm .images {
	display: inline-block;
	float: left;
	width: 340px;
	margin-right: 30px;
	min-height: 400px;
	margin-bottom: 40px;
}

article#woocomm img.attachment-shop_single {
	border: 5px solid #ECF0F1;
}

article#woocomm .entry-summary {
	display: inline-block;
	float: left;
	width: 320px;
	min-height: 400px;
	margin-bottom: 40px;
}

span.posted_in {
	display: none;
}

.woocommerce-tabs {
	display: block;
	clear: both;
	background: #ECF0F1;
	border-top: 8px solid #ECF0F1;
	border-left:4px solid #ECF0F1;
	border-right:4px solid #ECF0F1;
	border-bottom:4px solid #ECF0F1;
	margin-bottom: 40px;
}

.woocommerce-tabs ul.tabs li {
	list-style: none;
	display: inline-block;
	float: left;
	margin: 0;
}

.woocommerce-tabs ul.tabs li a {
	font-size: 15px;
	line-height: 15px;
	font-weight: 300;
	display: block;
	padding: 12px 25px;
}

.woocommerce-tabs ul.tabs li.active a {
	font-weight: 600;
	background: #fff;
}

.woocommerce-tabs .panel {
	padding: 40px 30px;
	background: #fff;
}

.woocommerce-tabs .panel h2 {
	display: none;
}

.woocommerce-tabs .panel p {
	text-align: justify;
	margin-bottom: 25px;
}

/********************************
	Buttons
********************************/

a.button {
	font-size: 13px;
	line-height: 17px;
	padding: 5px 10px;
	text-transform: capitalize;
	margin: 5px;
}

a.last {
	margin-right: 0;
}

a.grey {
	background: #888;
	color: #fff;
}

a.grey:hover {
	background: #CCC;
	color: #292929;
}

a.bluebutton {
	display: inline-block;
	float: right;
	font-size: 14px;
	line-height: 14px;
	padding: 15px 30px;
	text-transform: uppercase;
	margin: 0 10px 0 10px;
	background: #3498DB;
	color: #fff;
	font-weight: 700;
}

a.bluebutton:hover {
	background: #000;
	color: #fff;
}

a.blackbutton {
	display: inline-block;
	float: right;
	font-size: 14px;
	line-height: 14px;
	padding: 15px 30px;
	text-transform: uppercase;
	margin: 0 10px 0 10px;
	background: #000;
	color: #fff;
	font-weight: 700;
}

a.blackbutton:hover {
	background: #3498DB;
	color: #fff;
}

a.more-link {
	display: block;
	float: right;
	font-size: 14px;
	line-height: 14px;
	padding: 15px 30px;
	text-transform: uppercase;
	margin: 25px 0 5px 20px;
	background: #3498DB;
	color: #ffffff;
	font-weight: 700;
}

a.more-link:hover {
	background: #000000;
	color: #ffffff;
}

/* Button solely for the homepage (featured post content) */

.home-featured-content a.more-link {
	display: none;
}

/********************************
Pagination and nextpage styling
********************************/

.pagination {
	float: left;
	padding: 25px 0 45px;
}

.pagination a {
	text-decoration: none;
}

.page-link {
	width: auto;
	text-align: center;
	margin: 0 0 0 0;
	position: relative;
	overflow: hidden;
	line-height: 34px;
	display: inline-block;
	float: right;
}

.page-link span {
	margin: 0px 5px 0px 0px;
	border: none;
	background: #292929;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 600;
	padding: 7px 20px;
}

.pagination span {
	cursor: default;
}

.pagination span, .pagination a, .page-link a, div.pagination nav ul li a {
	margin: 0px 2px 0px 2px;
	cursor: pointer;
	border: none;
	background: #2899D6 !important;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	padding: 8px 16px;
}

.pagination a:hover, .page-link a:hover, div.pagination nav ul li a:hover {
	background: #47c3fa !important;
	color: #fff;
}

.page-link b, .pagination .current {
	margin: 0px 2px 0px 2px;
	border: none;
	background: #e53935 !important;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	padding: 8px 16px;
}

/********************************
	Content styling
********************************/

.entry-content {
	display: block;
	clear: both;
	height: auto;
	padding-bottom: 4px;
}

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

.entry-content img.full-width {
	max-width: 100%;
	height: auto;
}


/*** Links ***/

a { 
	color: #000;
}

a:focus, a:active, a:hover {
	color: #444;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out; 
}

/*** Headings ***/

h1, h2, h3, h4, h5, h6 {
	color: #333;
	font-weight: 800;
	margin-bottom: 8px;
	padding-bottom: 5px;
	text-transform: uppercase;
}

h1 {
    font-size: 6vw;
    line-height: 8vw;
}

h2 {
	font-size: 32px;
	line-height: 36px;
}

h3 {
	font-size: 20px;
	line-height: 50px;
}

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

h5 {
	font-size: 22px;
	line-height: 26px;
}

h6 {
	font-size: 17px;
	line-height: 22px;
}

h1.page-title {
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 5px;
}

p {
	margin-bottom: 0;
	line-height: 24px;
}

strong, bold, b {
	font-weight: 700;
}

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

blockquote {
	background: #fff;
	border: 5px solid #434343;
	margin: 40px 0 40px 0;
	padding: 25px 30px;
	display: table;
}

blockquote p {
	margin-bottom: 0;
	padding: 0;
	color: #434343;
	font-style: italic;
}

blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}

blockquote cite {
	display: block;
	float: right;
	margin-top: 10px;
	clear: both;
	color: #222;
	letter-spacing: normal;
}

/*** List styles ***/

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

.entry-content ol {
    counter-reset: li;
    margin: 30px 25px 30px 60px;
    padding-left: 0;
}

.entry-content ol > li {
	position: relative;
	margin: 0 0 5px 0;
	padding: 4px 8px 4px 20px;
	list-style: none;
	border-top: 2px solid transparent;
	font-size: 14px;
	color: #434343;
	line-height: 20px;
}

.entry-content ol > li:before {
	content: counter(li);
	counter-increment: li;
	position: absolute;
	top: -2px;
	left: -2em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 2em;
	margin-right: 8px;
	padding: 4px;
	border-top: 2px solid transparent;
	color: #fff;
	background: #434343;
	font-weight: bold;
	text-align: center;
}

.entry-content li ol, .entry-content li ul {
	margin-top: 6px;
	margin-bottom: 0px;
}

.entry-content ol ol li:last-child { 
	margin-bottom: 0;
}

.entry-content ul {
  	margin-left: 50px;
  	margin-right: 25px;
  	margin-bottom: 25px;
}

.entry-content ul li {
	margin: 0 0 15px;
	padding-left: 0;
	list-style: square;
}	

/*** Misc typography ***/

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

sup, sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

/***** Post and page images (content) *****/	

.hentry .post-thumbnail img {
	display:none;
}

.alignleft {
	display: inline;
	float: left;
	margin-right: 30px;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 30px;
}

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

img.alignleft, img.alignright, img.aligncenter {
	margin-bottom: 30px;
}

p img, .wp-caption {
	margin-top: 0.4em;
	text-align: center;
}

.wp-caption {
	background: #eee;
	margin-bottom: 1.625em;
	max-width: 96%;
	padding: 9px;
}

.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 98%;
}

.wp-caption .wp-caption-text:before {
	color: #555;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin-right: 5px;
	position: absolute;
	left: 10px;
	top: 7px;
}

.wp-caption .wp-caption-text {
	color: #888;
	font-size: 12px!important;
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin-bottom: 0.6em;
	padding: 10px 0 5px 0px!important;
	position: relative;
}

img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img {
	padding: 0;
}

a.cboxElement {
	padding: 0!important;
	border: none!important;
} 

/* Temp pages */

.col {
	float:left;
}

.col img {
	margin-bottom: 0px !important;
	text-align: center;
}

.col h3 {
	margin-top: 0px !important;
	text-align: center;
}

/* ====================================================== */
/* = Adding VEIT Logo and Description to Home Page 2020 = */
/* ====================================================== */

.veit-logo {
	text-align:center;
	width:100%;
	padding:20px;
}

.veit-logo img {
	max-width:400px !important;
}

.veit-description {
	width:100%;
	padding:20px;
}

/********************
	MEDIA QUERIES
********************/

@media only screen and (min-width: 601px) {
	h1 {
    	font-size: 3vw;
    	line-height: 4vw;
	}
	header.main {
		background: #ffffff;
    	width: calc(100% - 20px);
    	padding: 10px;
    	height: 80px;
		margin-top:0px;
		-webkit-transition: all 0.2s ease-in-out; 
		-moz-transition: all 0.2s ease-in-out; 
		-o-transition: all 0.2s ease-in-out; 
		transition: all 0.2s ease-in-out;
	}
	div.nav-wrapper {
		height:98px;
    	width:100%;
    	padding: 10px 0px;
		margin-top:0px;
		margin-bottom:0px;
    	box-shadow: 0px 1px 3px #000000;
	}
	nav.mythemes-topper div.mythemes-blog-identity {
		height: auto;
    	width: 370px;
    	display: inline-block;
    	float: left;
    	margin-right: 20px;
    	padding-top: 0px !important;
    	padding-bottom: 0px !important;
    	border-bottom: none !important;
	}
	.logo {
    	height: auto;
    	width: 370px;
    	display: inline-block;
    	float: left;
    	margin-right: 20px;
	}
	.header-cta {
		width: calc(100% - 390px);
		display: inline-block;
		float: right;
		margin-top: 0px;
		padding-right: 15px;
    	padding-bottom: 10px;
	}
	.hero-banner-title {
    	color: #151F8E;
    	font-size: 4vw;
    	line-height: 4.5vw;
    	font-weight: 700;
    	text-shadow: 0px 0px 30px #ffffff;
	}
	.hero-banner-messaging-wrapper {
    	position: absolute;
    	width: 60%;
    	margin-top: 30px;
    	margin-left: 30px;
    	margin-right: 30px;
    	text-align: left;
	}
	.hero-banner-image-wrapper {
    	margin-bottom:0;
	}
	.content-wrapper {
    	/* padding-top: 100px; */
	}
	.service-block-wrapper {
		display:inline;
		width:33.333%;
		float:left;
	}
	#organizations-weve-helped .content-wrapper-subtitle {
		display:block;
		color:#ffffff;
		text-align:center;
		font-size:1.25em;
		padding-bottom:30px;
	}
	#lets-get-started .fsBody {
		width:400px;
		margin-left:auto;
		margin-right:auto;
	}
}

@media only screen and (min-width: 993px) {
	h1 {
    	font-size: 2vw;
    	line-height: 3vw;
	}
	header.main {
    	height: 100px;
		-webkit-transition: all 0.2s ease-in-out; 
		-moz-transition: all 0.2s ease-in-out; 
		-o-transition: all 0.2s ease-in-out; 
		transition: all 0.2s ease-in-out;
	}
	div.nav-wrapper {
		height:18px;
    	width:100%;
    	padding: 10px 0px;
		margin-top:0px;
		margin-bottom:0px;
    	box-shadow: 0px 1px 3px #000000;
	}
	.mythemes-blog-logo {
    	padding-top: 12px;
	}
	div.nav-wrapper {
		height:172px;
		margin-top:0px;
		position:relative;
		-webkit-transition: all 0.2s ease-in-out; 
		-moz-transition: all 0.2s ease-in-out; 
		-o-transition: all 0.2s ease-in-out; 
		transition: all 0.2s ease-in-out;
	}
	div.nav-wrapper.shrink {
		position:fixed;
		z-index:999;
		margin-top:-118px;
		-webkit-transition: all 0.2s ease-in-out; 
		-moz-transition: all 0.2s ease-in-out; 
		-o-transition: all 0.2s ease-in-out; 
		transition: all 0.2s ease-in-out;
	}
	nav.mythemes-topper div.not-collapsed-wrapper ul ul {
    	display: none;
		-webkit-transition: all 0.2s ease-in-out; 
		-moz-transition: all 0.2s ease-in-out; 
		-o-transition: all 0.2s ease-in-out; 
		transition: all 0.2s ease-in-out;
	}
	.content-wrapper {
		/* padding-top:174px; */
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	.secondary-menu-wrapper {
		display:block;
		float:right;
	}
	section#nav-level {
		display:block;
    	height: 54px;
    	background: #151F8E;
    	margin-bottom: 0px;
    	box-shadow: 0px 1px 3px #000000;
	}
	.hero-banner-messaging-wrapper {
    	position: absolute;
    	width: 46%;
    	margin-top: 30px;
    	margin-left: 60px;
		margin-right:60px;
		text-align:left;
	}
	.service-block-wrapper {
		display:inline;
		width:calc(16.666% - 1px);
		float:left;
		border-right:1px solid #ffffff;
	}
	.case-study-column-button {
		text-align:center;
	}
	.case-study-column {
		width:33.333%;
		float:left;
		text-align:center;
	}
	.step-column-wrapper {
		padding:10px 15px 30px 15px;
    	width: 400px;
	}/* 

	.step-column-wrapper {
		padding:10px 15px 30px 15px;
	}
 */
	.step-column {
		width:262px;
		float:left;
	}
	.step-column-text {
    	display: inline-block;
    	color: #ffffff;
    	font-size: 1.25em;
    	border-right: 2px solid #ffffff;
    	padding-right: 30px;
	}
	.veit-logo {
		width:33.333%;
		padding:20px;
		float:left;
	}
	.veit-logo img {
		max-width:100% !important;
	}
	.veit-description {
		width:66.666%;
		padding:20px;
		float:left;
	}
}