/* 
  -----------------------------------
  PVII Vanilla
  by Project Seven Development
  www.projectseven.com
  CSS
  -----------------------------------
*/

body {
	background-color: #FFFFFF;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #313432;
}
.scalable {
	width: auto;
	height: auto;
	max-width: 100%;
}
a img {
	border: 0;
}
.rounded {
	border-radius: 5px;
	border: 1px solid rgba(0,0,0,.25);
}
img, svg {
	vertical-align: bottom;
}
/*.svg-link {
	display: inline-block;
}*/
.flex-align {
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
}
.flex {
	display: -ms-flexbox;
	display: flex;
}
.flex-column {
	-ms-flex-direction: column;
	flex-direction: column;
}
#masthead, #banner-container, #green-container, #orange-container, #layout-container, #green-partner-container, #orange-partner-container, #testimonial-container, #footer-container, #copyright-container {
	margin: auto;
	box-sizing: border-box;
	padding: 20px;
}
.mobileShow, .mobileVisible, .testimonialShow {
	display: none;
}
#Logo {
	max-width: 100px;
}
#Logo-Foot {
	max-width: 186px;
}
#Social-Link {
	max-width: 20px;
}
#masthead-wrap {
	position: absolute;
	width: 100%;
	z-index: 50000;
	box-sizing: border-box;
	background-color: #FFFFFF;
	background-color: rgba(255, 255, 255, .8);
	padding: 0px 20px;
}
#masthead {
	padding: 20px 0px;
}
#banner-wrap, #banner-wrap-page {
	box-sizing: border-box;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 0px 20px;
}
#banner-container, #banner-container-page {
	height: 65vh;
	position: relative;
	display: block;
	padding: 0px;
}
.banner-inner {
	position: relative;
	top: 80%;
	-webkit-transform: perspective(1px) translateY(-85%);
	-ms-transform: perspective(1px) translateY(-85%);
	transform: perspective(1px) translateY(-85%);
	padding: 5px 20px;
    background-color: rgba(255,255,255,.75);
    border-radius: 5px;
	width: 40%;
}
.banner-1 {
	background-image: url(/imgs/banners/Home-Banner.jpg);
}
.banner-2 {
	background-image: url(/imgs/banners/Banner-2.jpg);
}
.banner-3 {
	background-image: url(/imgs/banners/Banner-3.jpg);
}
.banner-4 {
	background-image: url(/imgs/banners/Banner-4.jpg);
}
.banner-5 {
	background-image: url(/imgs/banners/Banner-5.jpg);
}
.banner-6 {
	background-image: url(/imgs/banners/Banner-6.jpg);
}
#layout-container {
	margin-top: 20px;
}
#green-container, #orange-container, #green-partner-container, #orange-partner-container, #footer-container {
	padding: 0px;
}
#green-container {
	margin-top: -100px;
}
#green-partner-container {
	margin-top: 20px;
}
#orange-container {
	margin-top: 40px;
}
#orange-partner-container {
	margin-top: 20px;
	margin-bottom: 40px;
}
/*.color-bar {
	background-color: #37474F;
	height: 5px;
	width: 190px;
	margin: 20px 0px;
	position: relative;
}
.green-box, .blue-box {
	width: 80%;
	height: 5px;
	position: absolute;
	right: 0;
}
.green-box {
	background-color: #64AC45;
}
.blue-box {
	background-color: #66CCE9;
}*/
.green-bar {
	background-color: #8EA96B;
	height: 5px;
	width: 190px;
	margin: 20px 0px;
	position: relative;
}
.orange-bar {
	background-color: #E1AB25;
	height: 5px;
	width: 190px;
	margin: 20px 0px;
	position: relative;
}
.green-column, .orange-column {
	min-height: 775px;
}
.green-column, .green-partner-column {
	/*background-color: #64AC45;
	color: #EEEBE3;*/
	background-color: #8EA96B;
	color: #E6E7E8;
	position: relative;
}
.orange-column, .orange-partner-column {
	/*background-color: #DF6226;
	color: #EEEBE3;*/
	background-color: #E1AB25;
	color: #E6E7E8;
	position: relative;
}
.partner-column {
	background-color: #085D6B;
	color: #E6E7E8;
	position: relative;
}
.green-column p, .orange-column p, .green-partner-column p, .orange-partner-column p, .partner-column p, .columns-copy p, .columns-partner-copy p {
	font-size: .9em;
	line-height: 1.8em;
	margin-top: 0;
}
.grid-height {
	display: -ms-grid;
	display: grid;
	grid-auto-rows: 1fr;
	-ms-grid-columns: 100%;
	-ms-grid-rows: 50%;
}
.row-2 {
    -ms-grid-row: 2;
}
.column-img {
	display: block;
	margin: 0px auto 20px auto;
}
.partner {
	display: block;
	margin: -65px auto -20px auto;
}
#blue-wrap {
	width: 100%;
	padding: 20px 0px;
}
.blue-bar {
	background-color: #66CCE9;
	height: 5px;
	position: absolute;
	right: 0;
	left: 20px;
}
.light-brown-bar, .dark-brown-bar {
	height: 5px;
	position: absolute;
	right: 0;
	left: 20px;
}
.light-brown-bar {
	background-color: #AFA793;
}
.dark-brown-bar {
	background-color: #96886F;
}
.light-green-bar {
	background-color: #02AFA6;
}
.gray-box {
	width: 50px;
	height: 5px;
	background-color: #37474F;
}
.brown-box {
	width: 50px;
	height: 5px;
	background-color: #796A48;
}
/*.green-column .color-bar, .orange-column .color-bar {
	position: static;
	width: 100%;
}
.green-column .green-box, .green-column .blue-box {
	width: 75%;
}*/
.background {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	box-sizing: border-box;
}
.bg1 {
	background-image: url(/imgs/home-columns/Improve-Your-Business.jpg);
}
.bg2 {
	background-image: url(/imgs/home-columns/Customer-Care.jpg);
}
.gray-button, .white-button {
	background-color: #58595B;
	color: #A7A9AC;
	text-decoration: none;
	padding: 7px 35px 7px 15px;
	border-radius: 15px;
	display: inline-block;
	background-image: url(/imgs/home-columns/Gray-Arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	font-size: .9em;
	transition: 200ms; transition-timing-function: ease-in-out; -webkit-transition: 200ms; -webkit-transition-timing-function: ease-in-out;
}
.gray-button:hover{
	background-color: #19214C;
}
.white-button {
	background-color: #FFFFFF;
	color: #58595B;
	padding: 7px 35px 7px 0px;
}
.white-button:hover{
	text-decoration: underline;
}
.bottom {
	display: -ms-flexbox;
	display: flex;
	flex-grow: 1;
	align-items: flex-end;
}
.justify-center {
	justify-content: center;
}
#testimonial-container {
	padding: 0px;
}
.testimonial-header {
	padding: 20px;
}
.testimonial-column {
	background-color: #E6E7E8;
	border-radius: 20px;
	padding: 25px;
	text-align: center;
	position: relative;
	font-size: .8em;
}
.testimonial-link {
	text-decoration: none;
}
.balloon-arrow {
	position: absolute;
	bottom: -22px;
	left: 70%;
	width: 22px;
	height: 22px;
}
.testimonial-line {
	border: 0;
	color: #58595B;
	background-color: #58595B;
	height: 1px;
	max-width: 70px;
}
.testimonial-people {
	color: #58595B;
}
.testimonial-people img {
	margin: 20px;
}
.testimonial-people .bold {
	font-weight:  700;
	text-transform: uppercase;
	line-height: .7em;
}
.testimonial-people .small {
	font-size: .7em;
	text-transform: uppercase;
	line-height: 1.5em;
}
.testimonial-column a {
	color: #02AFA6;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	margin: 0px;
}
.testimonial-column a:hover {
	text-decoration: underline;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.hide-on-fallback {
	display: block;
	position: absolute;
	left: -100%;
	height: 0;
	width: 0;
	overflow: hidden;
}
.main-content a, .columns-partner-copy a {
	color: #19214D;
}
.main-content a:hover, .columns-partner-copy a:hover {
	color: #12B2D5;
}
sup {
	line-height: 0;
	font-size: .6em;
}
.imageRight {
	float: right;
	padding: 0px 0px 20px 20px;
	text-align: center;
	font-size: .9em;
}
.soc-mast, .soc-mast-foot {
	height: 20px;
	width: 20px;
	display: inline-block;
	margin: 0px 6px;
}
.soc-mast.zero-margin {
	margin-right: 0px;
}
.soc-mast path.green, .soc-mast-foot path.green {
	fill: #7f7f7f;
	transition: 200ms; transition-timing-function: ease-in-out; -webkit-transition: 200ms; -webkit-transition-timing-function: ease-in-out;
}
.soc-mast:hover path.green, .soc-mast-foot:hover path.green {
	fill: #01759E;
}
.soc-mast-right {
	text-align: right;
}
.max-980 {
	max-width: 980px;
}
.max-1024 {
	max-width: 1024px;
}
.max-1064 {
	max-width: 1064px;
}
.max-1280 {
	max-width: 1280px;
}
.max-1180 {
	max-width: 1180px;
}
.max-1440 {
	max-width: 1440px;
}
.max-1600 {
	max-width: 1600px;
}
.max-none {
	max-width: none;
}
h1, h2, h3, h4 {
	font-weight: 400;
}
h1 {
	margin: 0px;
}
h3, h4 {margin-top: 1em;}
h1 {font-size: 1.75em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.25em;}
h4 {font-size: 1.15em;}

.banner-inner h1 {
	font-size: 2em;
	font-weight: 400;
	color: #37474F;
	margin-top: 0;
}
.green-column h3, .orange-column h3, .green-partner-column h3, .orange-partner-column h3, .partner-column h3, .columns-copy h3, .testimonial-header h3 {
	font-size: 2em;
	font-weight: 400;
	margin: 0;
}
.green-partner-column h3, .orange-partner-column h3 {
	font-size: 1.6em;
}
.main-content ul li {
	margin: 20px 0px;
}
.main-content  {
	line-height: 1.6em;
	position: relative;
}
.columns-container:after {
	content: "";
	display: table;
	clear: both;
}
.column {
	box-sizing: border-box;
}
#footerWrap {
	background-color: #FFFFFF;
    color: #414042;
    box-sizing: border-box;
    font-size: .8em;
	line-height: 1.7em;
	border-bottom: solid 10px #01759E;
}
#footer-container h3 {
	font-size: 1.5em;
	font-weight: 400;
}
#footer-container ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#footer-container ul {
	margin-top: 1em;
}
.icon li {
	display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    display: flex;   
    flex-wrap: wrap;
}
#footer-container .li-add, #footer-container .li-ph, #footer-container .li-mail {
	margin-bottom: 12px;
	
}
.icon li.li-add:before, .icon li.li-ph:before, .icon li.li-mail:before {
	content:''; 
	display: inline-block; 
	height: 17px; 
	width: 17px; 
	background-size: contain; 
	background-repeat: no-repeat; 
	padding-left: 1em; 
	vertical-align: text-top;
	margin-top: 3px;
}
.icon li.li-add:before {
	background-image: url('/imgs/foot-icons/Address-SVG.png');
	background-image: url('/imgs/foot-icons/Address-SVG.svg'), linear-gradient(transparent, transparent); 
}
.icon li.li-ph:before {
	background-image: url('/imgs/foot-icons/Phone-SVG.png');
	background-image: url('/imgs/foot-icons/Phone-SVG.svg'), linear-gradient(transparent, transparent); 
}
.icon li.li-mail:before {
	background-image: url('/imgs/foot-icons/Mail-SVG.png');
	background-image: url('/imgs/foot-icons/Mail-SVG.svg'), linear-gradient(transparent, transparent); 
}
#footer-container a {
	color: #353335;
	text-decoration: none;
}
#footer-container a:hover {
	text-decoration: underline;
	color: #12B2D5;
}
ul.chevron {
    margin: 0.75em 0;
    padding: 0 1em;
    list-style: none;
}
ul.chevron li:before {
	content: "\2237";
	margin: 0px 5px 0px 0px;
	color: #353335;
	float: left;
	line-height: .9em;
	font-size: 18px;
	font-weight: 700;
}
ul.chevron li {
	border-bottom: solid 1px #A7A9AC;
	margin-bottom: 10px;
}
ul.chevron li:last-child {
	border-bottom: none;
}
ul.chevron a {
	display: block;
	text-transform: uppercase;
}
ul.chevron a:hover {
	text-decoration: none !important;
}
ul.chevron li:hover:before, ul.chevron li:hover a {
	color: #12B2D5 !important;
}
#copyrightWrap {
	width: 100%;
}
#copyright-container {
	line-height: 1.7em;
	font-size: .8em;
	text-align: center;
	padding: 10px 20px;
}
.copyright {
	padding: 0px 30px;
}
#video-background {
	background: url();
	background-color: #640D10;
    background-repeat: no-repeat;
    background-size: cover;
	background-attachment: fixed;
}
#video-container {
	margin: 0px auto;
}
.video-wrapper {
	position: relative;
	padding-bottom: 56.25%;
	height: 0px;
	overflow: hidden;
}
.video-wrapper iframe, .video-wrapper object, .video-wrapper embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}

.map-wrapper {
	position: relative; 
	padding-bottom: 56.25%; 
	padding-top: 0px; 
	height: 0px; 
	overflow: hidden; 
	margin-top: 1em;
	margin-bottom: 1em;
}
.map-wrapper iframe, .map-wrapper object, .map-wrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*Row/Column Creator Rules*/
.vanilla-row .column-group .vanilla-column {
	box-sizing: border-box;
}
.vanilla-column {
	float: left;
}
.vanilla-row:after, .column-group:after {
	content: "";
	display: table;
	clear: both;
}
.column-15 {
	width: 15%;
}
.column-20 {
	width: 20%;
}
.column-25 {
	width: 25%;
}
.column-30 {
	width: 30%;
	margin-right: 5%;
}
.column-33 {
	width: 33.3334%;
}
.column-35 {
	width: 35%;
}
.column-40 {
	width: 40%;
}
.column-45 {
	width: 45%;
}
.column-48 {
	width: 48%;
	margin-right: 4%;
}
.column-50 {
	width: 50%;
}
.column-55 {
	width: 55%;
}
.column-60 {
	width: 60%;
}
.column-65 {
	width: 65%;
}
.column-70 {
	width: 70%;
}
.column-75 {
	width: 75%;
}
.column-80 {
	width: 80%;
}
.column-85 {
	width: 85%;
}
.column-100 {
	width: auto;
	float: none !important;
}
.padded {
	padding: 20px 30px;
}
.vid-pad {
	padding: 0px 20px;
}
.columns-padded {
	padding: 20px;
}
.foot-padded {
	padding: 0px 20px;
}
.gallery-padded {
	padding-top: 5%;
}
.project-padded {
	padding: 20px;
}
.mapPad {
	padding: 0px 30px;
}
.foot-col-4 {
	text-align: center;
}
.foot-col-4 svg {
	margin-top: 1.7em;
	/*width: 85%;*/
}
.left-pad {
    padding-left: 35px;
}
.no-margin-right {
	margin-right: 0% !important;
}
.margin-bottom {
	margin-bottom: 20px;
}
@media only screen and (min-width: 700px) and (max-width: 1180px) {
.icon li.li-add:before, .icon li.li-ph:before, .icon li.li-www:before {
	height: 15px; 
	width: 15px; 
}
#footerWrap {
	font-size: .7em;
}
#footer-container .column-25 {
	width: 33.3334%;
}
.foot-col-4 {
	display: none;
}
}
@media only screen and (min-width: 0px) and (max-width: 800px) {
.left-pad {
    padding-left: 30px;
}
}
@media only screen and (min-width: 0px) and (max-width: 700px) {
body {
	-webkit-text-size-adjust: none;
}
#masthead, #banner-container, #layout-container, #testimonial-container, #footer-container, #copyright-container {
	max-width: none;
	padding: 0px;
}
#layout-container {
	margin-top: 0px;
}
.masthead-padded {
	padding: 10px 0px;
}
#masthead {
	text-align: center;
}
#masthead-wrap {
	position: relative;
	background-color: #FFFFFF;
	background-color: rgba(255, 255, 255, 1);
	padding: 0px;
}
#banner-container, #banner-container-page {
	padding: 20px 0px;
	height: auto;
}
.banner-inner {
    padding: 10px;
	top: 0%;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	width: auto;
}
.banner-inner h1, .green-column h3, .orange-column h3, .columns-copy h3, .testimonial-header h3 {
	font-size: 1.5em;
}
.flex-align, .flex {
	display: block;
}
#banner-container-page {
	/*height: 15vh;*/
	background-size: 100%;
	width: 100%;
	padding-top: 40%;
	height: 0;
}
.mobileHide {
	display: none;
}
.mobileShow {
	display: block;
	padding: 15px 0px 5px 0px;
}
.mobileVisible {
	display: block;
}
.testimonialShow {
	display: block;
	padding: 15px 0px;
}
.testimonial-people img {
	margin: 0px;
}
.columns-padded {
	padding: 20px 30px;
}
#blue-wrap, .blue-bar {
	position: relative;
	right: 0;
	left: 0;
	width: 190px;
}
.grid-height {
	display: block;
}
#green-container {
	margin-top: 0px;
}
#orange-container {
	margin-top: 20px;
}
.background {
	background-size: 100%;
	width: 100%;
	padding-top: 41.1458%;
	height: 0;
}
.green-column, .orange-column {
	min-height: inherit;
}
#testimonial-container {
	padding: 20px 30px;
}
.testimonial-header {
	padding: 20px 0px;
}
.main-content {
	width: auto;
	padding: 20px 30px;
}
.column-48 {
    margin-right: 0%;
}
.column, .vanilla-column {
	float: none !important;
	width: auto !important;
}
.columns-container, .column-group {
	border: none;
	background-image: none;
}
.column-30 {
	margin: 0;
}
.margin-top {
	margin-top: 40px;
}
.padding-top {
	padding-top: 20px !important;
}
.testimonial-column {
	margin-bottom: 22px;
}
#Logo-Foot {
	width: 50%;
}
.soc-mast-foot {
	margin: 0px 6px 0px 0px;
}
.foot-padded {
	padding: 7px 30px;
	text-align: left;
}
.copyright {
	padding: 20px 30px;
}
.mapPad {
	padding: 10px 0px !important;
}
.vid-pad {
	padding: 20px 0px !important;
}
.imageRight {
	float: none;
	padding: 0px;
	display: inline-block;
}
}

@media only screen and (max-device-width: 480px) {
body {
	-webkit-text-size-adjust: none;
	font-size: 18px;
}
}

@media only screen and (max-device-width: 480px) and (orientation : landscape) {
body {
	-webkit-text-size-adjust: none;
	font-size: 12px;
}
}
/*@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation: portrait) {
.flex-align, .flex {
	display: block;
}
.column, .vanilla-column {
	float: none !important;
	width: auto !important;
}
}*/