/*
Theme Name: CentrexIT
Theme URI: http://www.lemonadestand.org
Description: A mobile responsive and HTML5 starter theme built around the Genesis and Foundation 5 Frameworks.
Author: Lemonade Stand
Author URI: http://www.lemonadestand.org

Version: 1.0.0
Tags: Lemonade Stand
Template: genesis
Template Version: 2.0.2

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

/***********************************************
Place your CSS overrides into this style-sheet
***********************************************



/* ******************* */
/* Typography */
/* ******************* */

body{
	font-size: 16px;
}

sup {
 top:-0.25em;
}
.d-block {
	display: block;
}
.heavy, span.heavy {
	font-weight: 700 !important;
}
.caps {
	text-transform: uppercase;
}
.small {
	font-size: 66%;
}
.large {
	font-size: 125%;
}
.extra-large {
	font-size: 150%;
}

.note {
	font-size: 16px;
}
.desc {
	max-width: 32em;
}
.wt-100 {
 font-weight:100;
}
.wt-200 {
 font-weight:200;
}
.wt-300 {
 font-weight:300;
}
.wt-400 {
 font-weight:400;
}
.wt-500 {
 font-weight:500;
}
.wt-600 {
 font-weight:600;
}
.wt-700 {
 font-weight:700;
}
.wt-800 {
 font-weight:800;
}
.wt-900 {
 font-weight:900;
}
.highlight-primary {
  color: #3dae2b !important;
}
.highlight-secondary {
 color: #0071ce !important;
}
.highlight-tertiary {
 color: #ff8300 !important;
}
.highlight-accent {
 color: #e1251b !important;
}

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
	color: inherit;
}





html {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

A{
	color: #3dae2b;
}

A:hover{
	color: #207b13;
}

/*******background images - add all images needed as backgrounds here******/

.dark-triangle-bg{
	background-image: url("./images/triangle-background.jpg");
}

.light-triangle-bg{
	background-image: url("./images/light-triangle-background.jpg");
}

.san-diego-bg{
	background: url("./images/san-diego.jpg") 50% 50% / cover;
}

.worker-wires-bg{
	background: url('/wp-content/uploads/worker-wires.jpg') 50% 50% / cover;
}

.worker-focused-bg{
	background: url('/wp-content/uploads/IMG_0459.jpg') 50% 50% / cover;
}

.managed-services-bg {
	background: url('/wp-content/uploads/managed-services.jpg') 50% 50% / cover;
}

.who-we-are-worker-bg {
	background: url('/wp-content/uploads/it-manager.jpg') 50% 50% / cover;
}


.finance-bg{
	background: url('./images/finance.jpg') 50% 50% / cover;
}

.manufacturing-bg{
	background: url('./images/manufacturing.jpg') 50% 50% / cover;
}

.health-care-bg{
	background: url('./images/health-care.jpg') 50% 50% / cover;
}

.prof-services-bg{
	background: url('./images/professional-services.jpg') 50% 50% / cover;
}

/***** colors - change all colors here *****/

/*text colors*/
.primary, a.primary:link, a.primary:visited{
	color: #3dae2b !important;
}

.primary-background{
	background-color: #3dae2b !important;
}

a.primary:hover{
	color: #207b13;
}

.secondary, a.secondary:link, a.secondary:visited{
	color: #0071ce;
}

.secondary-background{
	background-color: #0071ce !important;
}

a.secondary:hover{
	color: #002d55;
}

.tertiary, a.tertiary:link, a.tertiary:visited{
	color: #ff8300;
}

.tertiary-background{
	background-color: #ff8300 !important;
}

a.tertiary:hover{
	color: #ac5700;
}

.accent, a.accent:link, a.accent:visited{
	color: #e1251b;
}

a.accent:hover{
	color: #9a0e0a;
}

.accent-background{
	background-color: #e1251b !important;
}

/*Service Level Goals page missing colors from old site*/
.orange {
    color: #ff8f12;
}

.red {
    color: #e2231a;
}

.blue {
    color: #0070cd;
}

.green {
    color: #b3d451;
}

/*background colors*/
.primary-bg, .button.primary-bg:link, .button.primary-bg:visited{
	background-color: #3dae2b;
}

.button.primary-bg:hover{
	background-color: #2c941b;
}

.secondary-bg, .button.secondary-bg:link, .button.secondary-bg:visited{
	background-color: #0071ce;
}

.button.secondary-bg:hover{
	background-color: #0363b3;
}

.tertiary-bg, .button.tertiary-bg:link, .button.tertiary-bg:visited{
	background-color: #ff8300;
}
.dark-bg, .button.dark-bg:link, .button.dark-bg:visited {
	background-color: #000;
}
.offwhite-bg, .button.offwhite-bg:link, .button.offwhite-bg:visited {
	background-color: #f5f5f5;
}
.button.tertiary-bg:hover{
	background-color: #dc7101;
}


.accent-bg, .button.accent-bg:link, .button.accent-bg:visited{
	background-color: #e1251b;
}

.button.accent-bg:hover{
	background-color: #bf1a11;
}

.primary-gradient{
	background: rgb(23,87,14); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(23,87,14,1) 1%, rgba(0,98,178,1) 53%, rgba(0,45,85,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(23,87,14,1) 1%,rgba(0,98,178,1) 53%,rgba(0,45,85,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(23,87,14,1) 1%,rgba(0,98,178,1) 53%,rgba(0,45,85,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17570e', endColorstr='#002d55',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.secondary-gradient{
	background: rgb(172,87,0); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(172,87,0,1) 1%, rgba(255,131,0,1) 36%, rgba(154,14,10,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(172,87,0,1) 1%,rgba(255,131,0,1) 36%,rgba(154,14,10,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(172,87,0,1) 1%,rgba(255,131,0,1) 36%,rgba(154,14,10,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ac5700', endColorstr='#9a0e0a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/*menu colors*/
.site-header .widget-area .widget_nav_menu .menu-item a:link, .site-header .widget-area .widget_nav_menu .menu-item a:visited
{
	/*menu links color and size (probably good as is unless not removing bumper)*/
	color: white;
	font-weight: 600;
	font-size: 1em;
}

.site-header .widget-area .widget_nav_menu .menu-item a:hover
{
	background-color: transparent;
	/*menu links hover color*/
	color: #3dae2b;
}

html, body{
	background-color: black;
}

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

/*featured posts link colors*/
#Featured_Posts .entry-title a
{
	/*change color to primary color*/
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1.1em;
}

#Featured_Posts .entry-title a:hover
{
	/*change color to primary hover color*/
	color: #3690c3;
	text-decoration: none;
}

.footer-widgets
{
	/*change to primary color*/
	background-color: black;
	color: #e2e2e2;
}

.site-footer
{
	/*change to primary hover color*/
	background-color: black;
	color: white;
}

/*bullet colors*/
ul.arrow-bullets li:before{
	color: #0165a1;
}

ul.arrow-bullets{
	margin-left: 1em !important;
}

.core-values {
    font-size: 1.3em;
}

.row.text-margin.core-values li {
    margin-bottom: 1.5em;
}

ul.arrow-bullets li{
	list-style-type: none;
	margin-left: 1.2em;
	margin-bottom: .5em;
}

ul.arrow-bullets li:before{
	content: '\f0a9';
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	margin-right: .5em;
	margin-left: -1.5em;
}

/*sidebar menu colors*/
.sidebar .menu a:before{
	content:'\f0da';
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	/*bullet color*/
	color: #3dae2b;
	padding-right: .5em;
}

.sidebar .menu a:link, .sidebar .menu a:visited{
	/*link color*/
	color: black;
	transition: .2s ease;
}

.sidebar .menu a:hover{
	/* hover color*/
	color: black;
	padding-left: .3em;
}

.sidebar .widget-title{
	font-weight: 600;
	text-transform: uppercase;
	/*menu bar title*/
	color: black;
}

.entry-title{
	color: black;
}

/*delete if you don't want hamburger menu white*/
.site-header .mobile-menu .menu-icon{
	color: white;
}

/***** logo - add logo link / height *****/

/*put in link/height/width of logo ./images/centrexIT-white-tagline.svg*/
.title-area{
	background: url(/wp-content/themes/CentrexIT/images/thicker-logo.svg) 50% 50% / contain;
	background-repeat: no-repeat;
	max-width: 258px;
	height: 50px;

}

/*Center title on /pay*/
.page-id-2194 .entry-title {
    text-align: center;
}

/*reset size for medium screens*/
@media only screen and (max-width: 1220px)
{
	.title-area
	{
		max-width: 170px;
		height: 42px;
	}
}

/*reset size for small screens*/
@media only screen and (max-width: 767px)
{
	.title-area
	{
		max-width: 170px;
		height: 42px;
	}
}

/*mysticky menu styles*/
#mysticky-nav .myfixed{
	background-color: black !important;
}

#mysticky-nav .myfixed .before-header{
	display: none;
}

#mysticky-nav .myfixed .title-area
{
	max-width: 170px;
	height: 42px;
}

#mysticky-nav .myfixed .widget-area{
	margin-top: .4em;
}
/************************ optional adjustments (look for comments to see what to adjust) ****************************/

/*home page video*/

.hero:before{
	content: '';
	/*change video overlay opacity or color here*/
	background-color: rgba(0, 0, 0, .5);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.page-id-52 .hero:before {
	content: '';
	/*change video overlay opacity or color here*/
	background-color: #000;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.6;
    z-index: 1;
}

.hero *{
	color: white !important;
}

.hero .row {
	z-index: 2;
}

.hero.section .container{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.hero.section .vid-container{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.hero.section .vid-container video{
	position: absolute;
	left: 0;
	top: 0;
	min-width: 100% !important;
	height: auto;
	min-height: 100%;
	object-fit: cover;
	z-index: -100;
}

.hero{
	position: relative;
	overflow: hidden;
	/*Change the video height here*/
	padding-top: 200px;
	padding-bottom: 200px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

@media only screen and (min-width: 40.063em){
	.hero{
		padding-top: 300px;
		padding-bottom: 200px;
	}
}

.overlay, .overlay *{
	position: relative;
}

.overlay:before{
	content: '';
	/*change general overlay opacity or color here*/
	background-color: rgba(0, 0, 0, .5);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.darker-overlay.overlay:before{
	background-color: rgba(0, 0, 0, .65);
}

.partners ul{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
}

.partners ul li{
	list-style-type: none;
	/*change max-width of logos to fit more or less in a row*/
	max-width: 140px;
	margin-left: 1em;
	margin-right: 1em;
}

@media only screen and (max-width: 390px){
	.partners ul li{
		max-width: 100px;
	}
}

/*use custom-header-overlay class on pages you want darker overlay on the custom header*/
.custom-header-wrap:before{
	/*choose how dark opacity is*/
	opacity: .5;
}

.page-id-2141 .custom-header-wrap:before{
	opacity: 0.1;
}

.important-people img {
	border-radius:100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	max-width:200px
}

.important-people {
	max-width:960px;
	margin:auto
}



.important-people h3,.reveal-modal h3 {
	color:#3dae2b;
	margin-bottom:0;
	font-weight: bold;
}

.important-people .position,.reveal-modal .position {
	color:#0070cd;
}

.top-image .custom-header-wrap, .blog .custom-header-wrap{
	background-position: 50% 20% !important;
}

ul.flex-list li{
	list-style-type: none;
	margin-left: 1em;
	margin-right: 1em;
	max-width: 120px;
	margin-top: 1em;
	display: flex;
	flex-direction: column;
    align-items: center;
    justify-content: center;
}

.flex-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
}

.featured-clients .row{
	max-width: 700px;
}


/************************ general styles - shouldn't need changed *******************/

.large-text{
	font-size: 1.4em;
}

.large-icon{
	font-size: 3em;
	margin-bottom: .5em;
}

.process i{
	font-size: 5em;
	margin-bottom: .2em;
	margin-top: .2em;
}

h1{
	font-size: 50px;
	font-weight: bold;
	line-height: 1.125;
}

.no-bumper .bumper, .blog .bumper{
	height: 0 !important;
}

IMG.centered {
	width: auto !important;
}

a:link, .button:link{
	transition: .2s ease-in;
}

/*form button color*/

.gform_wrapper .gfield_required{
	/*required asterisk color*/
	color: #e1251b !important;
}

input[value="Submit"], .gform_wrapper .gform_footer input.button{
	background-color: transparent !important;
	color: black !important;
	border-color: black;
	border-radius: 100px !important;
	width: 100% !important;
	z-index: 1;
	position: relative !important;
}

.button.frame, input[value="Submit"], .gform_wrapper .gform_footer input.button {
	border-radius: 100px;
	border-width: 1px !important;
	font-size: 1em;
	padding: .5em 2em;
	padding-right: 3em;
	font-weight: 900 !important;
	text-transform: uppercase;
	line-height: 1em;
	transition: .2s ease-in-out;
}

A.button.frame.dark{
	color: #000;
	border-color: #000;
}

A.button.frame.dark:hover{
	background-color: #000;
	color: white;
}

.arrow-button.white-bg{
	background-color: white;
	color: #3dae2b !important;
}

.arrow-button.white-bg:after{
	color: #3dae2b !important;
}

.arrow-button.white-bg:hover{
	background-color: #3dae2b;
	color: white !important;
}

.arrow-button.white-bg:hover:after{
	color: white !important;
}

A.button{
	border-radius: 100px !important;
	font-size: 1em;
	padding: .7em 2em;
	font-weight: 900 !important;
	text-transform: uppercase;
	line-height: 1em;
	transition: .2s ease-in-out;
	background-color: #000;
}

.arrow-button{
	padding: .5em 2em;
	padding-right: 3em !important;
}

.arrow-button:after{
	color: white !important;
}


.gform_footer, .gform_wrapper .gform_footer:not(.top_label){
	padding: 0;
	margin: 0;
}

.gform_wrapper .gform_footer:not(.top_label){
	margin-left: 0 !important;
	width: 100% !important;
}

.button.frame:after, .gform_footer:after, .gform_wrapper .gform_footer input.button:after, .arrow-button:after{
	content:'\f0a9';
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	font-size: 1.7em;
	color: #3dae2b;
	position: absolute;
	right: 0.2em;
	padding-left: .3em;
}

.color-bg .button.frame:after, .color-bg .gform_footer:after, .color-bg .gform_wrapper .gform_footer input.button:after{
	color: white;
}

.button.frame:after, .gform_footer:after{
	top: 50%;
	transform: translate(0%, -50%);
	z-index: 2;
}

.gform_footer:after{
	margin-top: 3px;
}

@media screen and (max-width: 641px){
	.gform_footer:after{
		display: none;
	}

	input[value="Submit"], .gform_wrapper .gform_footer input.button {
		background-color: black !important;
		color: white !important;
		margin-right: none;
	}
}

.button.frame:hover, input[value="Submit"]:hover, .gform_wrapper .gform_footer input.button:hover, .arrow-button:hover{
	padding-right: 3.5em !important;

}

input[value="Submit"]:hover, .gform_wrapper .gform_footer input.button:hover{
	background-color: black !important;
	color: white !important;
}

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){
	width: 100%;
}

.gform_wrapper .gsection {
    padding-bottom: .8em !important;
}

.button.frame.phone:after{
	content:'\f095';
	display: inline-block;
	font-size: 1.7em;
	padding-top: .1em;
	padding-bottom: .2em;
	margin-right: .2em;
}

.site-title a{
	font-size: 0 !important;
}
.white{
	color: white;
}

.white-bg{
	background-color: white;
}

.no-margins{
	margin: 0 !important;
}

/*50-50 blocks*/
.img-block{
	min-height: 400px;
}

.text-block{
	padding: 2em;
}

.case-studies{
	padding: 0;
	margin: 0;
}

.genesis-nav-menu li a:hover, .genesis-nav-menu .current-menu-item > a
{
	background-color: transparent;
}


.menu-button span{
	border: solid 1px #3dae2b;
	background-color: #3dae2b;
	padding: .5em 1em;
	border-radius: 100px;
	transition: .2s ease-in-out all;
}

.menu-button:hover span{
	background-color: rgba(255, 255, 255, .3);
	border: solid 1px white;
	color: white;
}

/*grid*/

.text-block{
	color: white;
	padding: 2em;
}

.grid{
	margin: 0;
	padding: 0;
}

@supports (display: grid){
	@media only screen and (min-width: 850px){
		.grid-container{
			display: grid;
			grid-template-columns: 1fr 1fr;
			grid-template-rows: auto;
		}

		.left.grid-container{
			grid-template-areas:
				"img-block text-container"
		}
		.right.grid-container{
			grid-template-areas:
				"text-container img-block"
		}

		.img-block{
			grid-area: img-block;
		}

		.text-block {
			grid-area: text-container;
		}
	}

	@media only screen and (min-width: 1200px){
		/*three-fourths-grid*/

		.grid-three-fourths .grid-container.left{
			grid-template-columns: 1.5fr 1fr;
		}

		.grid-three-fourths .grid-container.right{
			grid-template-columns: 1fr 1.5fr;
		}

		.text-block{
			padding: 3em;
			min-height: 600px;
		}
	}
}

@media only screen and (min-width: 700px){
	.text-block .container{
		padding: 100px 0px;
		max-width: 70%;
		margin: auto;
	}
}

@media only screen and (max-width: 1024px){
	.text-block .container{
		padding: 50px 0px;
	}
}



@supports(display: grid){
	.grid-4-blocks{
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		grid-template-rows: 25vw;
	}

	@media only screen and (max-width: 1024px){
		.grid-4-blocks{
			grid-template-columns: repeat(2, 1fr);
			grid-template-rows: 50vw 50vw;
		}
	}
	@media only screen and (max-width: 500px){
		.grid-4-blocks {
			grid-template-columns: 100vw;
			grid-template-rows: repeat(4, 100vw);
		}
	}
}

.grid-4-blocks a{
	position: relative;
	transition: .2s ease-in-out all;
}

.grid-4-blocks .center-block{
	position: absolute;
 	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
  	color: white;
  	width: 100%;
  	padding-left: 1em;
  	padding-right: 1em;
}

.grid-4-blocks a:before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: .85;
	transition: .2s ease-in-out all;
}

.grid-4-blocks a h3{
	color: white;
}

.grid-4-blocks a p{
	display: none;
	max-width: 350px;
	margin: auto;
}

a.primary-block:before{
	background-color: #3dae2b;
}

a.secondary-block:before{
	background-color: #0071ce;
}

a.accent-block:before{
	background-color: #e1251b;
}

a.tertiary-block:before{
	background-color: #ff8300;
}

.grid-4-blocks a:hover:before{
	opacity: 1;
}

.grid-4-blocks a:hover p{
	display: block;
}

/*slider*/

.slide-container {
	position: relative;
	max-width: 830px;
	margin: auto;
}

.slide-text-wrap {
	height: auto;
	min-height: 550px;
	padding: 3em;
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    padding-left: 15px;
  	padding-right: 15px;
  	position: relative;
}

.timeline .slide-text-wrap{
	min-height: 400px;
	margin-top: -20px;
}

.slide-container .quote{
	font-size: 1.7em;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: -.03em;
	text-align: center;
	margin-bottom: 1em;
}

.slide-container .quote-author .author-name{
	font-size: 1.4em;
	font-weight: 700;
}

.slide-container img, .credits p{
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 0;
	text-align: left;
}

.credits{
	margin: auto;
	text-align: center
}

.slide-text p.desc {
	font-size: 1.2em;
	line-height: 1.333;
	margin-bottom: 36px;
}

.slide-icons {
	bottom: 2em;
}

.slide-container * {
	color: #black;
}

.slide-container{
  position: relative;
}

.slide-icons{
  position: absolute;
  left: 50%;
  bottom: .5em;
  width: 100%;
  transform: translate(-50%,0%);
  text-align: center;
}

.open-circle:before{
  content: '\f111';
  font-size: .5em;
  font-family: "Font Awesome 5 Free";
	font-weight: bold;
  transition: .2s ease-in-out;
  opacity: .3;
  padding: .2em;
}

.close-circle:before, .open-circle:hover:before{
  content: '\f111';
  font-family: "Font Awesome 5 Free";
	font-weight: bold;
  transition: .2s ease-in-out;
  opacity: 1;
}

.slide-text{
  position: relative;
  animation: slide .5s;
}

@keyframes slide{
  0%{
    right: -100px;
    opacity: 0;
  }
  100%{
    right: 0px;
    opacity: 1;
  }
}

/*footer*/

.footer-widgets LI A, footer-widgets a, .footer-widgets A{
	color: white;
}

.footer-widgets LI A:hover, footer-widgets a:hover, .footer-widgets A:hover{
	color: #e2e2e2 !important;
}

.social-icons a{
	font-size: 1.3em;
	margin-right: .8em;
}

.site-footer a
{
	color: white;
}

address
{
	font-style: normal;
}

.footer-widgets .widget-title
{
	color: white;
	font-size: 1.5em;
	text-transform: capitalize;
	font-weight: 600;
}

/*custom header wrap*/
.custom-header-wrap .wrap{
	margin-top: 4em;
	min-height: 150px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.custom-header-wrap *{
	color: white;
}

.extra-large-padding{
		padding-top: 140px;
		padding-bottom: 140px;
	}

	.extra-large-padding-bottom{
		padding-bottom: 140px;
	}

	.large-padding{
		padding-top: 90px;
		padding-bottom: 90px;
	}

	.medium-padding{
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.small-padding{
		padding-top: 10px;
		padding-bottom: 10px;
	}


@media only screen and (min-width: 40.063em){
	.extra-large-padding{
		padding-top: 170px;
		padding-bottom: 170px;
	}

	.extra-large-padding-bottom{
		padding-bottom: 170px;
	}

	.large-padding{
		padding-top: 120px;
		padding-bottom: 120px;
	}

	.medium-padding{
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.small-padding{
		padding-top: 40px;
		padding-bottom: 40px;
	}
}

.text-margin{
	margin-bottom: 30px;
}

.padding {
	padding: 1.5em !important;
}

/*free assessment*/
.shadow{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-ms-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.free-consultation {
	max-width: 800px;
	margin: auto;
}

.free-consultation h3{
	margin-bottom: 0;
}

.service-blocks{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	flex-wrap: wrap;
	max-width: 600px;
	margin: auto;
}

.service-block {
	width:38%;
}

.service-block .button{
	min-width: 100%;
	font-size: 4.3em;
	padding: .7em;
	background-color: transparent;
	border-radius: .1em;
}

@media only screen and (max-width: 900px){
	.service-block{
		width: 45%;
	}
}

@media only screen and (max-width: 500px){
	.service-block{
		width: 100%;
	}
}

/*sidebar*/
.sidebar .menu li:not(:last-of-type){
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.sidebar .menu li{
	padding: .5em;
}

.sidebar-content .sidebar{
	border: none;
}

.sidebar{
	margin-top: 2.2em;
}

/*header area*/

.site-header .widget-area > .widget{
	display: block !important;
	clear: both;
}

.before-header{
	background-color: #000;
	color: white;
	padding-top: .3em;
	padding-bottom: .3em;
}

.before-header p{
	font-size: 1em;
}

.before-header-links li{
	display: inline-block;
	margin-left: 1em;
}

/*blog links*/
.blog .entry-title, .archive .entry-title, .entry-title{
	text-transform: capitalize;
}

.paralax{
	background-attachment: fixed;
}

.reveal-modal{
	max-width: 800px;
}

/*blog*/

.blog .site-inner .content-sidebar-wrap, .archive .site-inner .content-sidebar-wrap, .post-template-default .site-inner .content-sidebar-wrap{
	max-width: 1000px;
	margin: auto;
}

.blog .site-inner aside, .archive .site-inner aside, .post-template-default .site-inner aside{
	min-width: 300px;
}

.blog .site-inner .content, .archive .site-inner .content, .post-template-default .site-inner .content{
	max-width: 700px;
}


.entry *{
	transition: .2s all ease-in-out;
}

.entry-title a{
	font-weight: 500;
}

.entry-title a:hover{
	color: #3dae2b !important;
}

.entry-meta a{
	color: #3dae2b !important;
}

.entry-image-link:hover img{
	filter: alpha(opacity=70);
	-webkit-opacity: 0.7;
	opacity: 0.7;
}


.blog .entry-content, .archive .entry-content{
	padding-bottom: 1em;
}


/*slg page*/

.time-goals .color-tables {
	-webkit-box-shadow:0 15px 20px rgba(0,0,0,.3);
	-moz-box-shadow:0 15px 20px rgba(0,0,0,.3);
	box-shadow:0 15px 20px rgba(0,0,0,.3);
	text-align:center;
	font-weight:700;
	margin-bottom:1.875rem;
	padding-bottom:.5em;
}

.blue-gradient {
	background-image:linear-gradient(120deg,#0071ce 0,#73c0ff 100%);
}

.red-gradient {
	background-image:linear-gradient(120deg,#e2231a 0,#ff7069 100%);
}

.orange-gradient {
	background-image:linear-gradient(130deg,#ff8300 0,#ffc98c 100%);
}

.green-gradient {
	background-image:linear-gradient(130deg,#3dae2b 0,#92b03a 100%);
}

.time-goals .row div p,.time-goals div ul {
	padding: 0 1em;
}

.time-goals ul li {
	color: #fff;
	list-style-type: none;
	padding-bottom: 1em;
	line-height: 1.3;
}

.time-goals h3 {
	font-size: 1.5em !important;
	font-weight: 800 !important;
	padding: .5em;
}

.time-goals i {
	font-size:1em !important;
}

.time-goals .time {
	display:block;
	font-size:2.5em!important;
	line-height:1;
	font-weight:700!important;
	padding:.2em 1em!important;
	background-color:#fff;
}

/* pay form */
.tabs {
 margin-bottom:1em!important
}
.tabs dd>a:hover,.tabs .tab-title>a:hover {
 background-color:#e1e1e1
}
.tabs dd>a,.tabs .tab-title>a {
 background-color:#fff;
 border:solid 1px #e1e1e1
}
.tabs dd.active a,.tabs .tab-title.active a {
 background-color:#3dae2b;
 color:#fff;
 border:0
}

.bumper-padding{
	padding-top: 70px;
}

.footer-logo{
	margin-bottom: 1.5em;
}

.lowercase{
	text-transform: none !important;
}

.narrow{
	max-width: 700px;
}



/*help desk*/
.support h3 {
	font-weight:600;
	padding-bottom:2em;
}
.support ul a:not(.button) {
	color:#000;
	font-size:1.1em;
}
.support a.button {
	font-size:3em;
	width:2.6em;
	height:2.6em;
	line-height:2em;
	transition:.1s ease-in;
	border-radius:.2em !important;
	padding: 1rem 2rem 1.065rem;
	-webkit-border-radius:.2em !important;
	-moz-border-radius:.2em !important;

}

a.green-button {
	border:2px #3dae2b solid;
	background-color: #3dae2b;
}

a.green-button:hover,a.green-button:active,a.green-button:focus {
	color:#3dae2b;
	background-color:#fff;
}

a.red-button {
	border:2px #e2231a solid;
	background-color:#e2231a;
}

a.red-button:hover,a.red-button:focus,a.red-button:active {
	background-color:#fff;
	color:#e2231a;
}

a.blue-button {
	border:2px #0071ce solid;
	background-color:#0071ce;
}

a.blue-button:hover,a.blue-button:active,a.blue-button:focus {
	background-color:#fff;
	color:#0071ce;
}

a.orange-button {
	border:2px #ff8300 solid;
	background-color:#ff8300;
}

a.orange-button:hover,a.orange-button:focus,a.orange-button:active {
	background-color:#fff;
	color:#ff8300;
}


.free-assessment .panel {
    -webkit-box-shadow: 0px 2px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 2px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 2px 20px rgba(0,0,0,0.3);
}
.panel {
    overflow: auto;
}

.free-assessment:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    background: url(./images/centrexIT-symbol.svg) no-repeat 100% 10%;
    background-size: 50%;
    opacity: .3;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
}

/* contact us */

ul.contact-icons li{
	list-style-type: none;
	margin-bottom: 1em;;
}

.contact-icons i{
	font-size: 1.3em;
	color: #3dae2b;
	width: 30px

}

.contact-icons a{
	color: black;
}

.contact-icons a:hover{
		color: #3dae2b;
}

/* recent posts */

ul.recent-posts{
	margin: 0;
}

ul.recent-posts li{
	list-style-type: none;
	padding-bottom: 1em;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	margin-bottom: 1.5em;
}

.recent-post-image{
	margin-right: 1em;
}

.recent-post-image:hover{
	opacity: .9;
}

.recent-post-title{
	text-transform: uppercase;
	color: black;
	font-size: .9em;
}

.recent-post-category{
	display: block;
	color: #989898;
	font-size: .9em;
	margin-top: 1em;
}

/*---------------------------------------------------
Free Assessment Page
---------------------------------------------------*/
.quote.section
{
}
.quote.section:before
{
	content: '';
	/*+opacity: 20%;*/
	-filter: alpha(opacity=20);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
	-moz-opacity: 0.2;
	opacity: 0.2;
	background: url("./images/centrexIT-symbol.svg") center center / 130% no-repeat;
	/*+placement: anchor-top-left;*/
	position: absolute;
	left: -55px;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
}
.quote-hero
{
	padding-bottom: 4em !important;
}
.quote.section .row
{
	max-width: 720px;
	max-width: 800px;
	/*max-width: 960px;*/
	/*max-width: 1024px;*/
	/*max-width: 1140px;*/
	margin: 0 auto;
	width: 90%;
}
.quote.section .panel
{
	padding: 3.5em;
	border: 1px solid #FFFFFF;
	border-top: 1px solid rgba(255, 255, 255, 0.125);
	margin-top: -9em;
	/*+box-shadow: 0px 0.25em 2.3em -0.25em rgba(0, 0, 0, 0.25);*/
	-moz-box-shadow: 0px 0.25em 2.3em -0.25em rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0px 0.25em 2.3em -0.25em rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0.25em 2.3em -0.25em rgba(0, 0, 0, 0.25);
	/*+border-radius: 10px;*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}
.quote-form_wrapper .button
{
	background-color: #64B730 !important;
	color: #FFFFFF !important;
	border: 3px solid #64B730 !important;
	width: 100% !important;
	border-bottom: 4px solid rgba(0, 0, 0, 0.125) !important;
	/*+border-radius: 6px !important;*/
	-moz-border-radius: 6px !important;
	-webkit-border-radius: 6px !important;
	-khtml-border-radius: 6px !important;
	border-radius: 6px !important;
	font-weight: bold;
	font-size: 1.3em !important;
}
.quote-form_wrapper #gform_38 ul.gfield_checkbox, .quote-form_wrapper #gform_38 ul.gfield_radio
{
	display: flex;
	flex-flow: row wrap;
}
.quote-form_wrapper #gform_38 ul.gfield_checkbox li, .quote-form_wrapper #gform_38 ul.gfield_radio li
{
	margin-bottom: 0.25em;
	border-top: 1px solid rgba(126, 126, 126, 0.125);
	padding-bottom: 0.5em !important;
	padding-top: 0.5em !important;
	font-size: 1.125em;
	font-size: 1em;
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
}
.quote-form_wrapper #gform_38 ul.gfield_checkbox li input, .quote-form_wrapper #gform_38 ul.gfield_radio li input
{
	margin-right: 0.5em;
	position: relative;
}
.gform_wrapper #gform_fields_38 h2.gsection_title
{
	margin-bottom: 1.5em !important;
	/*color: #0974B2;*/
	font-weight: 300;
	color: #FFFFFF;
	background-color: #089AD8;
	background-color: #089AD8;
	padding: 1.3em !important;
	/*+border-radius: 4px;*/
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}

/* CHANGE SPACING ON WORKSHOP FORM*/
li.gchoice_3_12_1,
li.gchoice_3_12_2,
li.gchoice_3_12_3,
li.gchoice_3_12_4,
li.gchoice_3_12_5 {
	margin: 10px 0 !important;
}

/*------------------------------------------------------------------------------------------
Landing Pages
----------------------------------------------------------------------------------------------------*/
.manageIT .hero {
    background: url(https://centrexit.com/wp-content/uploads/cords.jpg) 50% 50%/cover;
    padding: 50px 0;
}

.space-below {
    margin-bottom: 2em!important;
}

.contact-us.section {
    background: url(https://centrexit.com/wp-content/uploads/phone.jpg) 50% 80%/cover;
}

.problems {
    padding-top: 3.5em;
    position: relative;
    background: url(https://centrexit.com/wp-content/uploads/phone.jpg) 50% 100%/cover;
}

.manageIT .panel * {
	color: black !important;
}

.manageIT video {
	background-color: black;
	border: solid rgba(255,255,255,.4) 8px;
}

.manageIT .vid-container {
	position: relative;
    width: auto;
    height: 0;
    padding-bottom: 56.25%;
    margin-top: 2em;
    margin-bottom: 2em;
}

.green-block {
    border-color: rgba(179,212,81,.49);
}

.bubble {
 display:inline-block;
 background-color:rgba(255,255,255,.85);
 padding:1em 2em;
 border-radius:3px;
 -webkit-border-radius:3px;
 -moz-border-radius:3px;
 position:relative;
}
.bubble-bottom::after {
 content:"";
 display:block;
 position:absolute;
 height:0;
 width:0;
 border-left:13px solid transparent;
 border-top:13px solid rgba(255,255,255,.85);
 border-right:13px solid transparent;
 bottom:-13px;
}
.bubble-left::after {
 content:"";
 display:block;
 position:absolute;
 height:0;
 width:0;
 border-top:13px solid transparent;
 border-right:13px solid rgba(255,255,255,.85);
 border-bottom:13px solid transparent;
 top:1em;
 left:-13px;
}
.bubble * {
 color:#222 !important;
}

.full-width.row {
    max-width: none;
}

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


@media only screen and (max-width: 768px)
{
	BODY
	{
		margin: 0px;
	}

	.before-header{
		display: none;
	}

	h1{
		font-size: 2.5em;
	}

	.home .hero .vid-container{
		display: none;
	}

	.home .hero{
		background: url(/wp-content/uploads/background-blur.jpg) 50% 50% / cover;
		padding-top: 150px;
		padding-bottom: 100px;
		text-align: center;
	}

	.home .hero:before{
		opacity: 0;
	}
}
@media only screen and (max-width: 960px)
{
	BODY
	{
		margin: 0px;
	}
}
@media only screen and (max-width: 1023px)
{
	BODY
	{
		margin: 0px;
	}
}
@media only screen and (max-width: 1220px)
{
	BODY
	{
		margin: 0px;
	}
}
@media only screen and (max-width: 1360px)
{
	BODY
	{
		margin: 0px;
	}
}
/*small displays*/
@media only screen
{
	BODY
	{
		margin: 0px;
	}

}
/*medium displays*/

@media only screen and (min-width: 40.063em)
{
	BODY
	{
		margin: 0px;
	}

	.img-overlap-left {
  		position:absolute;
  		bottom:-3em;
	  	left:-3em;
	 	padding:1em;
	  	x-webkit-box-shadow:0 15px 20px rgba(0,0,0,.3);
	 	x-moz-box-shadow:0 15px 20px rgba(0,0,0,.3);
	 	box-shadow:10px -5px 20px rgba(0,0,0,.3);
 	}
}
/*large displays*/
@media only screen and (min-width: 64.063em)
{
	BODY
	{
		margin: 0px;
	}
}
/*xlarge displays*/
@media only screen and (min-width: 90.063em)
{
	BODY
	{
		margin: 0px;
	}
}

}
/*large displays*/
@media only screen and (min-width: 64.063em)
{
	BODY
	{
		margin: 0px;
	}

}
/*xlarge displays*/
@media only screen and (min-width: 90.063em)
{
	BODY
	{
		margin: 0px;
	}
}


ul.gfield_radio li {margin-bottom: 0.24em !important; border-top: 1px solid rgba(126, 126, 126, 0.125); padding-bottom: 0.5em !important; padding-top: 0.5em !important;}


.team-care ul li{
	list-style-type: none;
	padding-bottom: 1em;
	margin-top: 1em;
}

.team-care ul li:not(:last-child){
	border-bottom: 1px solid rgba(0,0,0,.1);
}








/* ********* NEW TEAM PAGE ********** */
/* Team Members */

#team-members .container {
	max-width: 1200px;
}
#team-members .description h1 {
	font-size: 35px;
	font-weight: normal;
	margin-bottom: 20px;
	color: #fff;
}

#team-members .description{
	font-weight: normal;
}

#team-members .description .large{
	font-size: 1.3em;
	font-weight: bold;
	text-transform: uppercase;
}

#team-members .team-section-description {
	text-align: center;
	font-size: 28px;
	color: #231f20;
	margin-bottom: 60px;
}
#team-members {
	padding: 50px 0;
}
#team-members .team-members-container {
    max-width: 1200px;
    margin: auto;
    width: 100%;
}
#team-members .team-member {
	float: left;
	margin-bottom: 0;
}
#team-members .team-member-image, #team-members .team-member {
	position: relative;
	max-width: 428px;
	width: 100%;
}
#team-members .team-member-image .hover {
	position: absolute;
	top: 0;
}
#team-members .team-member img.hover, #team-members .team-member .description {
	visibility: hidden;
	opacity: 0;
	transition: visibility 0.2s linear, opacity 0.2s linear;
}
#team-members .team-member:hover img.hover, #team-members .team-member:hover .description {
	visibility: visible;
	opacity: 1;
}
#team-members .description {
	width: 750px;
	height: 750px;
	background: #0071ce;	
	padding: 45px 50px;
	position: absolute;
	z-index: 1;
	overflow-y: auto;
	z-index: 10000;
}
#team-members .description.last {
	right: 0;
}
#team-members .description a {
	color: #fff;
	text-decoration: underline;
}
#team-members .description h2 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0;
	margin-top: 0;
	color: #fcb035 !important;
}
#team-members .description h3 {
	margin-top: 0;
	margin-bottom: 20px;
}
#team-members .description p {
	margin: 0.6em 0;
}
#team-members .description h3, #team-members .description p, #team-members .description li {
	font-size: 15px;
	font-weight: normal;
	color: #fff;
	line-height: 1.5;
}
#team-members .description li {
	margin-bottom: 10px;
}
#team-members .description.bottom {
	bottom: 100%;
}
/* Team Members Alt*/
@media (max-width:600px) {
	#team-members .team-member {
		max-width: 428px;
		width: 100%;
	}
	#team-members .team-member-image {
		max-width: 428px;
		width: 100%;
	}
	#team-members .description {
		width: 100%;
		height: 100%;
	}
	#team-members .team-member:nth-child(even) .description {
		right: 0;
	}
	#team-members .team-member {
		float: none;
		margin: auto;
	}
	#team-members .description.bottom.last {
		top: -100%;
		bottom: auto;
	}
	#team-members .description.bottom {
		bottom: auto;
	}
}
@media (min-width: 601px) and (max-width:749px) {
	#team-members .team-member {
		width: 25%;
	}
	#team-members .team-member-image {
		/*max-width: 210px;*/
		width: 100%;
	}
	#team-members .description {
		width: 200%;
		height: 200%;
	}
}
@media (min-width: 750px) and (max-width:1199px) {
	#team-members .team-member {
		width: 25%;
	}
	#team-members .team-member-image {
		/*max-width: 240px;*/
		width: 100%;
	}
	#team-members .description {
		width: 200%;
		height: 200%;
	}
}
@media (min-width:1200px) {
	#team-members .team-member {
		width: 25%;
	}
	#team-members .team-member-image {
		/*max-width: 300px;*/
		width: 100%;
	}
	#team-members .description {
		width: 200%;
		height: 200%;
	}
}

#team-members .team-member-image img{
	width: 100%;
}



#team-members .title{
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 1.5em;
	color: white;
	text-shadow: 3px 2px 8px rgba(0, 0, 0, .8);
	font-size: .9em;
}

#team-members .title h3{
	font-size: 1.5em;
	margin-bottom: 0;
}
#team-members .title p{
	margin-bottom: 0;
}

@media only screen and (max-width: 900px) and (min-width: 600px){
	#team-members .title p{
		display: none;
	}
}
/* ********** END NEW TEAM PAGE ************ */

ul.reason-list > li {
    margin: 20px 0;
    list-style-type: none;
    position: relative;

}

ul.reason-list > li:before {
    content: url(/wp-content/uploads/image004-1-e1551913209537.png);
    left: -35px;
    top: 25%;
    position: absolute;
}

.reasons-section {
	padding-bottom: 0 !important;
}