/*	CSS: implied media=all

	SASS/SCSS file modify this file NOT main.css
	
	==========================================================================
	Index: search by tag using the backtick prefix (`index)
	==========================================================================
	`default	Default styles
	`header		Header elements
	`footer		Footer elements
	`colors		
	`helper		Useful common classes
	`media		Media Queries
	`print		Styles for print media
	`Reference	links to technique references
	`draft		properties that need revision
	`vendor		Vendor-specific properties

	
	Style guide.
	==========================================================================
	* Avoid using IDs where possible: http://oli.jp/2011/ids/#specifity-wars
	* CSS display:
		---
		---
		---
		Section title
		---
		selector,
		selector {
			property
			property
				vendor property
			property
		}
		---
*/
/* ==========================================================================
   `font-face
   ========================================================================== */
@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?czxldu");
  src: url("fonts/icomoon.eot?#iefixczxldu") format("embedded-opentype"), url("fonts/icomoon.woff?czxldu") format("woff"), url("fonts/icomoon.ttf?czxldu") format("truetype"), url("fonts/icomoon.svg?czxldu#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* line 54, sass/main.scss */
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 68, sass/main.scss */
.icon-down:before {
  content: "\e601";
}

/* line 72, sass/main.scss */
.icon-magnify:before {
  content: "\e602";
}

/* line 76, sass/main.scss */
.icon-menu:before {
  content: "\e607";
}

/* ==========================================================================
   `variables
   ========================================================================== */
/*Lightest grey that passes WCAG2.0-AA contrast on white*/
/* ==========================================================================
   `mixins
   ========================================================================== */
/* Usage: use pixel size
	p{
	  @include font-size(13);
	} */
/* Add to elements you want aligned in the middle vertically*/
/* Add to vertically aligned element's parent*/
/* ==========================================================================
   `default
   ========================================================================== */
/* line 161, sass/main.scss */
html {
  font-size: 62.5%;
}

/* line 162, sass/main.scss */
html, button, input, textarea, select, textarea {
  color: #222;
}

/* line 166, sass/main.scss */
body {
  background-color: white;
  font-size: 1.2rem;
  line-height: 1.5;
  position: relative;
  overflow-x: hidden;
  font-family: "Open Sans", "Myriad Pro", Arial, sans-serif;
  font-weight: 400;
}

/*W3C AA Placeholder Text of white inputs*/
/* line 177, sass/main.scss */
::-webkit-input-placeholder {
  color: #717171;
}

/* line 178, sass/main.scss */
:-moz-placeholder {
  color: #717171;
}

/* line 179, sass/main.scss */
:-ms-input-placeholder {
  color: #717171;
}

/*Example CSS3 validation*/
/*	input[type=email]:valid{color:green;}
	input[type=email]:invalid{color:red;} */
/* line 185, sass/main.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*conditional messages*/
/* line 196, sass/main.scss */
#msgNojs,
#msgLegacy {
  display: block;
  width: 100%;
  padding: 0.4em 0;
  font-size: 0.9em;
  text-align: center;
  background-color: #f1f1f1;
  text-decoration: none;
  color: #6e6f6f;
  border-bottom: solid 1px #bcbcbc;
}

/* line 213, sass/main.scss */
#msgNojs:hover,
#msgNojs:focus,
#msgNojs:active,
#msgLegacy:hover,
#msgLegacy:focus,
#msgLegacy:active {
  background-color: #CCC;
  color: #575758;
}

/* ==========================================================================
   `header, `footer
   ========================================================================== */
/* line 223, sass/main.scss */
.home {
  position: relative;
  /*.bg .page-title{background:url(../dev/bg_page-title01.jpg) no-repeat center center;}*/
}
/* line 225, sass/main.scss */
.home header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
}
/* line 232, sass/main.scss */
.home footer {
  background-color: #282426;
  background-color: rgba(40, 36, 38, 0.4);
}
/* line 234, sass/main.scss */
.home footer a:hover {
  color: #282426;
}
/* line 235, sass/main.scss */
.home footer nav a:hover {
  color: #282426;
}

/* line 238, sass/main.scss */
header {
  width: 100%;
  position: relative;
  z-index: 4;
  background-color: white;
  background-color: rgba(255, 255, 255, 0.95);
}
/* line 244, sass/main.scss */
header .logo-box img {
  max-width: 150px;
  height: auto;
}
/* line 245, sass/main.scss */
header .logo-box a {
  padding: 16px 0;
  display: block;
  line-height: 1;
}

/* line 252, sass/main.scss */
footer {
  color: #ffffff;
  background: #a9a8a8;
  padding: 12px 0;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 10px;
  font-size: 1rem;
}
/* line 259, sass/main.scss */
footer .vclogo {
  text-transform: none;
}
/* line 260, sass/main.scss */
footer a {
  color: #ffffff;
}
/* line 262, sass/main.scss */
footer a:hover {
  color: #282426;
}

/* navigation
   -------------------------------------------------------------------------- */
/* line 272, sass/main.scss */
nav a {
  display: block;
  font-family: "Open Sans", "Myriad Pro", Arial, sans-serif;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  color: #282426;
  padding: 46px 20px;
  line-height: 1;
  min-width: 56px;
  font-size: 12px;
  font-size: 1.2rem;
}
/* line 283, sass/main.scss */
nav a:hover {
  color: #ffffff;
}
/* line 285, sass/main.scss */
nav ul {
  padding: 0;
  margin: 0;
  text-align: right;
}
/* line 289, sass/main.scss */
nav ul > li {
  text-align: center;
  position: relative;
  z-index: 2;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
/* line 296, sass/main.scss */
nav ul > li ul {
  width: 200px;
  height: 0;
  overflow: hidden;
  position: absolute;
  top: auto;
  left: 50%;
  margin: 0 0 0 -100px;
  padding: 0;
  background-color: #62af48;
  background-color: rgba(98, 175, 72, 0.9);
}
/* line 306, sass/main.scss */
nav ul > li ul li {
  display: list-item;
  text-align: center;
}
/* line 309, sass/main.scss */
nav ul > li ul li a {
  color: #ffffff;
  padding: 10px 4px;
  letter-spacing: -0.05em;
}
/* line 316, sass/main.scss */
nav ul > li:hover {
  background-color: #62af48;
  background-color: rgba(98, 175, 72, 0.8);
}
/* line 318, sass/main.scss */
nav ul > li:hover ul {
  height: auto;
  border-bottom: 2px solid #ffffff;
  padding: 0 0 6px;
}

/* line 329, sass/main.scss */
footer nav a {
  padding: 0;
  color: #ffffff;
  font-weight: 600;
  display: inline;
}
/* line 334, sass/main.scss */
footer nav a:hover {
  color: #282426;
}
/* line 336, sass/main.scss */
footer nav li {
  padding-right: 12px;
}
/* line 338, sass/main.scss */
footer nav li:hover {
  background: none;
}

/* ==========================================================================
   `layout
   ========================================================================== */
/* line 352, sass/main.scss */
html, body {
  height: 100%;
  height: 100vh;
}

/* line 353, sass/main.scss */
.wrapper {
  width: 960px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

/* line 359, sass/main.scss */
[class^="span"], [class*="span"] {
  box-sizing: border-box;
}

/* line 361, sass/main.scss */
.span1_1, .span2_2, .span3_3,
.span4_4, .span5_5, .span8_8 {
  width: 100%;
}

/* line 363, sass/main.scss */
.span1_2, .span2_4,
.span4_8 {
  width: 50%;
}

/* line 364, sass/main.scss */
.span1_3 {
  width: 33.33333333333333%;
}

/* line 365, sass/main.scss */
.span2_3 {
  width: 66.66666666666667%;
}

/* line 366, sass/main.scss */
.span1_4, .span2_8 {
  width: 25%;
}

/* line 367, sass/main.scss */
.span3_4, .span6_8 {
  width: 75%;
}

/* line 368, sass/main.scss */
.span1_5 {
  width: 20%;
}

/* line 369, sass/main.scss */
.span2_5 {
  width: 40%;
}

/* line 370, sass/main.scss */
.span3_5 {
  width: 60%;
}

/* line 371, sass/main.scss */
.span4_5 {
  width: 80%;
}

/* line 372, sass/main.scss */
.span1_8 {
  width: 12.5%;
}

/* line 373, sass/main.scss */
.span3_8 {
  width: 37.5%;
}

/* line 374, sass/main.scss */
.span5_8 {
  width: 62.5%;
}

/* line 375, sass/main.scss */
.span7_8 {
  width: 87.5%;
}

/* line 377, sass/main.scss */
.row {
  width: 100%;
  position: relative;
  z-index: 0;
}

/* line 382, sass/main.scss */
.col {
  /*float:left;*/
}

/* line 385, sass/main.scss */
.col-no-margin {
  float: left;
  box-sizing: border-box;
}

/* line 390, sass/main.scss */
.extendfull, .extendleft {
  padding-left: 3000px;
  margin-left: -3000px;
}

/* line 394, sass/main.scss */
.extendfull, .extendright {
  padding-right: 3000px;
  margin-right: -3000px;
}

/* line 399, sass/main.scss */
.bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

/* line 405, sass/main.scss */
.bg-box {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
}
/* line 411, sass/main.scss */
.bg-box img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  min-width: 50%;
  min-height: 50%;
}

/* line 422, sass/main.scss */
.imgL .bg-box {
  left: -22%;
}

/* line 423, sass/main.scss */
.imgR .bg-box {
  left: -70%;
}

/* line 424, sass/main.scss */
.hero-img {
  /*	h1{
  		text-align:center;
  		margin-top:200px
  	}*/
}

/* line 430, sass/main.scss */
.up-case {
  text-transform: uppercase;
}

/* line 431, sass/main.scss */
.cont-value {
  font-size: 14px;
  font-size: 1.4rem;
}

/* line 432, sass/main.scss */
h1 {
  text-transform: uppercase;
}

/* line 433, sass/main.scss */
h2, .title-h2, .title-h2 {
  text-transform: uppercase;
  line-height: 1.1;
  margin-top: 0;
  font-size: 21px;
  font-size: 2.1rem;
}

/* line 439, sass/main.scss */
h3 {
  text-transform: uppercase;
  line-height: 1.1;
  font-weight: 400;
  font-size: 16px;
  font-size: 1.6rem;
}

/* line 445, sass/main.scss */
menu, ol, ul {
  padding: 0 0 0 20px;
}

/* line 446, sass/main.scss */
.page-title {
  text-align: center;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
/* line 449, sass/main.scss */
.page-title h1 {
  margin: 0;
  color: #666666;
  text-transform: uppercase;
  font-family: "Open Sans", "Myriad Pro", Arial, sans-serif;
  font-weight: 700;
  font-size: 47px;
  font-size: 4.7rem;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* line 459, sass/main.scss */
.page-title-bg {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  background: url(../dev/bg_page-title01.jpg) no-repeat center center;
}
/* line 465, sass/main.scss */
.page-title-bg img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  min-width: 50%;
  min-height: 50%;
}

/* line 476, sass/main.scss */
.people-detail-bg {
  background: url(../dev/bg_page-title02.jpg) no-repeat center center;
}

/* line 477, sass/main.scss */
.title-h2 {
  font-weight: 700;
  margin-top: 0;
  font-size: 30px;
  font-size: 3rem;
}

/* line 484, sass/main.scss */
.home .news {
  color: #ffffff;
  position: relative;
  overflow: hidden;
  padding: 40px 0;
}
/* line 489, sass/main.scss */
.home .news .section-title {
  text-align: center;
}
/* line 491, sass/main.scss */
.home .news .section-title h1 {
  font-size: 50px;
  font-size: 5rem;
}
/* line 493, sass/main.scss */
.home .news .button-no-border {
  clear: both;
  padding-top: 36px;
  text-align: center;
  font-size: 17px;
  font-size: 1.7rem;
}

/* line 501, sass/main.scss */
.container {
  position: relative;
}
/* line 503, sass/main.scss */
.container .txt-box, .container .txt-back {
  position: relative;
  z-index: 3;
  overflow: hidden;
}
/* line 507, sass/main.scss */
.container .txt-box.txt-right, .container .txt-right.txt-back {
  float: right;
}
/* line 508, sass/main.scss */
.container .txt-box.txt-left, .container .txt-left.txt-back {
  float: left;
}
/* line 511, sass/main.scss */
.container.feature-post .txt-box, .container.feature-post .txt-back {
  position: absolute;
}
/* line 513, sass/main.scss */
.container.feature-post .txt-box.txt-right, .container.feature-post .txt-right.txt-back {
  bottom: 0;
  right: 0;
  float: none;
}
/* line 514, sass/main.scss */
.container.feature-post .txt-box.txt-left, .container.feature-post .txt-left.txt-back {
  bottom: 0;
  left: 0;
  float: none;
}

/* line 518, sass/main.scss */
.middle-post, .feature-post {
  /*	height:590px; */
}

/* line 521, sass/main.scss */
.middle-post .page-title-bg img, .post-list .page-title-bg img {
  width: 100%;
}

/* line 526, sass/main.scss */
.post-box {
  position: relative;
}

/* line 527, sass/main.scss */
.post-bg {
  position: relative;
  overflow: hidden;
}
/* line 531, sass/main.scss */
.post-bg #slideshow img {
  height: auto;
  width: auto;
}

/* line 538, sass/main.scss */
.category-partners .page-title h1, .category-providers .page-title h1 {
  color: #ffffff;
}

/* line 542, sass/main.scss */
.category-clients .post-box .bg-box {
  z-index: 0;
}
/* line 544, sass/main.scss */
.category-clients .page-title h1 {
  color: #ffffff;
}
/* line 546, sass/main.scss */
.category-clients .bg .page-title-bg img {
  /* Theoretically for IE 8 & 9 (more valid) */
  /* ...but not required as filter works too */
  /* should come BEFORE filter */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  /* This works in IE 8 & 9 too */
  /* ... but also 5, 6, 7 */
  filter: alpha(opacity=20);
  /* Modern!
  /* Firefox 0.9+, Safari 2?, Chrome any?
  /* Opera 9+, IE 9+ */
  opacity: 0.2;
}
/* line 561, sass/main.scss */
.category-clients .bg .mason-grid {
  background-color: white;
  background-color: rgba(255, 255, 255, 0.9);
}
/* line 564, sass/main.scss */
.category-clients .txt-back .button, .category-clients .txt-back .button-no-border {
  position: absolute;
  bottom: 0;
  margin-bottom: 23px;
}

/* line 573, sass/main.scss */
.full-width .bg .page-title-bg {
  background: none;
}
/* line 575, sass/main.scss */
.full-width .bg .page-title-bg img {
  /* Theoretically for IE 8 & 9 (more valid) */
  /* ...but not required as filter works too */
  /* should come BEFORE filter */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  /* This works in IE 8 & 9 too */
  /* ... but also 5, 6, 7 */
  filter: alpha(opacity=20);
  /* Modern!
  /* Firefox 0.9+, Safari 2?, Chrome any?
  /* Opera 9+, IE 9+ */
  opacity: 0.2;
}

/* line 593, sass/main.scss */
.txt-box, .txt-back {
  color: #ffffff;
  text-transform: none;
  padding: 23px;
  line-height: 1.3;
  font-size: 13px;
  font-size: 1.3rem;
}
/* line 599, sass/main.scss */
.txt-box .button, .txt-back .button, .txt-box .button-no-border, .txt-back .button-no-border {
  margin-top: 25px;
  clear: both;
}
/* line 603, sass/main.scss */
.txt-box.txt-main, .txt-main.txt-back {
  text-transform: none;
  line-height: 1.5;
  font-size: 12px;
  font-size: 1.2rem;
}
/* line 607, sass/main.scss */
.txt-box.txt-main .button a, .txt-main.txt-back .button a, .txt-box.txt-main .button-no-border a, .txt-main.txt-back .button-no-border a {
  text-decoration: none;
}
/* line 609, sass/main.scss */
.txt-box.txt-main .button a:hover, .txt-main.txt-back .button a:hover, .txt-box.txt-main .button-no-border a:hover, .txt-main.txt-back .button-no-border a:hover {
  color: #a9a8a8;
}
/* line 611, sass/main.scss */
.txt-box.txt-main a, .txt-main.txt-back a {
  color: #ffffff;
  text-decoration: underline;
}
/* line 614, sass/main.scss */
.txt-box.txt-main a:hover, .txt-main.txt-back a:hover {
  text-decoration: none;
  color: #282426;
}

/* line 621, sass/main.scss */
.txt-back {
  height: 100%;
  position: relative;
}
/* line 625, sass/main.scss */
.txt-back .button, .txt-back .button-no-border {
  margin-top: 0;
}

/* line 628, sass/main.scss */
.logo-box img {
  width: 100%;
}

/* line 630, sass/main.scss */
.news-item {
  padding: 0 12px;
}
/* line 632, sass/main.scss */
.news-item h2, .news-item .title-h2 {
  font-size: 20px;
  font-size: 2rem;
}
/* line 633, sass/main.scss */
.news-item .button, .news-item .button-no-border {
  text-align: right;
}
/* line 635, sass/main.scss */
.news-item .button a:hover, .news-item .button-no-border a:hover {
  color: #282426;
}

/* line 638, sass/main.scss */
.date {
  text-transform: uppercase;
  margin-bottom: 4px;
  font-size: 13px;
  font-size: 1.3rem;
}

/* line 643, sass/main.scss */
.button, .button-no-border {
  font-weight: 800;
  text-transform: uppercase;
  border-bottom: 1px solid #ffffff;
  padding-bottom: 10px;
  font-size: 14px;
  font-size: 1.4rem;
}
/* line 649, sass/main.scss */
.button a, .button-no-border a {
  color: #ffffff;
  text-decoration: none;
  padding-bottom: 5px;
}

/* line 655, sass/main.scss */
.button-no-border {
  border-bottom: 0 none;
}

/* line 659, sass/main.scss */
.call-to-action {
  padding: 50px 0;
}
/* line 661, sass/main.scss */
.call-to-action .button, .call-to-action .button-no-border {
  padding: 0 12px;
}
/* line 663, sass/main.scss */
.call-to-action .button a, .call-to-action .button-no-border a {
  display: block;
  padding: 34px;
  text-align: center;
  font-weight: 700;
  font-size: 40px;
  font-size: 4rem;
}
/* line 669, sass/main.scss */
.call-to-action .button a.bg1, .call-to-action .button-no-border a.bg1 {
  background-color: #94bf42;
}
/* line 670, sass/main.scss */
.call-to-action .button a.bg3, .call-to-action .button-no-border a.bg3 {
  background-color: #62af48;
}
/* line 671, sass/main.scss */
.call-to-action .button a:hover, .call-to-action .button-no-border a:hover {
  background-color: #282426;
}

/* line 675, sass/main.scss */
.google-map {
  border-bottom: 4px solid #282426;
}

/* line 676, sass/main.scss */
.map-box {
  position: relative;
  /*padding-bottom:75%;  Aspect ratio */
  height: 100%;
  overflow: hidden;
}
/* line 681, sass/main.scss */
.map-box iframe, .map-box .acf-map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
/* line 688, sass/main.scss */
.map-box .overlay {
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 100%;
  background-color: #94bf42;
  background-color: rgba(148, 191, 66, 0.3);
  display: none;
  visibility: hidden;
}

/* line 698, sass/main.scss */
.toggle-hide {
  padding-bottom: 10px;
  margin-bottom: 0;
  border-bottom: 2px solid #a9a8a8;
}
/* line 702, sass/main.scss */
.toggle-hide a {
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: middle;
  line-height: 1;
  color: #a9a8a8;
  font-size: 14px;
  font-size: 1.4rem;
}
/* line 709, sass/main.scss */
.toggle-hide a [class^="icon-"], .toggle-hide a [class*=" icon-"] {
  vertical-align: middle;
  font-size: 15px;
  font-size: 1.5rem;
}
/* line 713, sass/main.scss */
.toggle-hide a:hover {
  color: #282426;
}

/* grid - auto height
   -------------------------------------------------------------------------- */
/* line 726, sass/main.scss */
.h0 > .txt-box, .h0 > .txt-back {
  height: 100%;
}

/* line 728, sass/main.scss */
.h1 {
  height: 310px;
}
/* line 731, sass/main.scss */
.h1 .txt-box, .h1 .txt-back {
  height: 100%;
}

/* line 733, sass/main.scss */
.h2, .profile-img-box {
  height: 620px;
}
/* line 735, sass/main.scss */
.h2 > .txt-box.profile-bio, .h2 > .profile-bio.txt-back, .profile-img-box > .txt-box.profile-bio, .profile-img-box > .profile-bio.txt-back {
  height: 100%;
}

/* line 737, sass/main.scss */
.h3 {
  height: 930px;
}

/* line 738, sass/main.scss */
.profile-bio-box > .txt-box, .profile-bio-box > .txt-back {
  height: 100%;
}

/* line 739, sass/main.scss */
.h100, .h75, .h50 {
  height: 100%;
}
/* line 741, sass/main.scss */
.h100 .txt-right, .h75 .txt-right, .h50 .txt-right {
  position: absolute;
  bottom: 0;
}

/* line 745, sass/main.scss */
.h75 {
  height: 75%;
}

/* line 749, sass/main.scss */
.h50 {
  height: 50%;
}

/* line 753, sass/main.scss */
.w1 {
  width: 25%;
}

/* line 757, sass/main.scss */
.w2 {
  width: 50%;
}

/* line 761, sass/main.scss */
.w3 {
  width: 75%;
}

/* line 765, sass/main.scss */
.w4 {
  width: 100%;
}

/* line 767, sass/main.scss */
.bg0 {
  background-color: #a9a8a8;
  background-color: rgba(169, 168, 168, 0.4);
}
/* line 769, sass/main.scss */
.bg0 a:hover {
  color: #282426;
}
/* line 770, sass/main.scss */
.bg0.opaque {
  background: #a9a8a8;
}

/* line 772, sass/main.scss */
.bg1 {
  background-color: #94bf42;
  background-color: rgba(148, 191, 66, 0.95);
}
/* line 774, sass/main.scss */
.bg1 a:hover {
  color: #282426;
}
/* line 775, sass/main.scss */
.bg1.opaque {
  background: #94bf42;
}

/* line 777, sass/main.scss */
.bg2 {
  color: #282426;
  background-color: white;
  background-color: rgba(255, 255, 255, 0.95);
}
/* line 780, sass/main.scss */
.bg2 a:hover {
  color: #282426;
}
/* line 781, sass/main.scss */
.bg2.opaque {
  background: #ffffff;
}

/* line 783, sass/main.scss */
.bg3 {
  background-color: #62af48;
  background-color: rgba(98, 175, 72, 0.95);
}
/* line 785, sass/main.scss */
.bg3 a:hover {
  color: #282426;
}
/* line 786, sass/main.scss */
.bg3.opaque {
  background: #62af48;
}

/* line 788, sass/main.scss */
.bg4 {
  background-color: #282426;
  background-color: rgba(40, 36, 38, 0.95);
}
/* line 790, sass/main.scss */
.bg4 a:hover {
  color: #a9a8a8;
}
/* line 791, sass/main.scss */
.bg4.opaque {
  background: #282426;
}

/* line 794, sass/main.scss */
.tile {
  box-sizing: border-box;
  overflow: hidden;
  text-transform: none;
  color: #ffffff;
  padding: 23px;
  font-size: 12px;
  font-size: 1.2rem;
}
/* line 801, sass/main.scss */
.tile.type1 .img-box {
  text-align: center;
}
/* line 803, sass/main.scss */
.tile.type1 .img-box img {
  width: 30%;
}
/* line 805, sass/main.scss */
.tile.type2 .img-box {
  height: 100%;
}
/* line 807, sass/main.scss */
.tile.type2 .img-box p {
  height: 100%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
/* line 811, sass/main.scss */
.tile.type2 .img-box img {
  width: 100%;
  height: auto;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 45%;
}
/* line 818, sass/main.scss */
.tile.type3 .img-box {
  padding-right: 25px;
}
/* line 821, sass/main.scss */
.tile.bg2 {
  color: #282426;
}
/* line 823, sass/main.scss */
.tile.type5 blockquote {
  font-size: 20px;
  font-size: 2rem;
}
/* line 825, sass/main.scss */
.tile img {
  width: 100%;
}
/* line 826, sass/main.scss */
.tile blockquote {
  margin: 0;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.1;
  font-size: 26px;
  font-size: 2.6rem;
}
/* line 832, sass/main.scss */
.tile blockquote p {
  margin-top: 0;
  margin-bottom: 12px;
}
/* line 836, sass/main.scss */
.tile blockquote cite {
  font-style: normal;
}
/* line 837, sass/main.scss */
.tile blockquote footer {
  background: none;
  font-weight: 400;
  padding: 0;
  font-size: 20px;
  font-size: 2rem;
}

/* slideshow
   -------------------------------------------------------------------------- */
/* line 849, sass/main.scss */
#slideshow {
  margin: 0;
  overflow: hidden;
}
/* line 852, sass/main.scss */
#slideshow .slide {
  position: relative;
  height: 100%;
  width: 100%;
  max-height: 876px;
  overflow: hidden;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
/* line 859, sass/main.scss */
#slideshow .slide .caption {
  width: 100%;
  margin: auto;
  text-align: center;
  z-index: 3;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
}
/* line 868, sass/main.scss */
#slideshow p {
  /*			width:20%; */
  margin: auto;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  color: #ffffff;
  /*position:absolute;
  margin-top:130%;*/
  text-shadow: 2px 2px 5px #000000;
  font-size: 57px;
  font-size: 5.7rem;
}
/* line 880, sass/main.scss */
#slideshow p span, #slideshow p strong {
  color: #62af48;
  border-bottom: 4px solid #62af48;
  box-shadow: 0 4px 2px -2px black;
}
/* line 886, sass/main.scss */
#slideshow .slidehow-container {
  overflow: hidden;
  height: 100%;
  width: 100%;
}
/* line 891, sass/main.scss */
#slideshow .caption {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90%;
  margin-left: -45%;
  /*padding: 10px 5%;*/
  line-height: 1.1;
  color: #DDD;
  z-index: 6;
}
/* line 902, sass/main.scss */
#slideshow .arrow {
  position: absolute;
  bottom: 5px;
  left: 50%;
  width: 10%;
  text-align: center;
  margin-left: -5%;
  color: #ffffff;
  z-index: 6;
  font-size: 30px;
  font-size: 3rem;
}
/* line 913, sass/main.scss */
#slideshow img {
  display: block;
  width: 100%;
  height: 100%;
  /* Theoretically for IE 8 & 9 (more valid) */
  /* ...but not required as filter works too */
  /* should come BEFORE filter */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  /* This works in IE 8 & 9 too */
  /* ... but also 5, 6, 7 */
  filter: alpha(opacity=60);
  /* Modern!
  /* Firefox 0.9+, Safari 2?, Chrome any?
  /* Opera 9+, IE 9+ */
  opacity: 0.6;
}

/* line 932, sass/main.scss */
.shadow {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 50%;
  margin-left: -584px;
}

/* line 939, sass/main.scss */
#controls {
  position: relative;
}
/* line 941, sass/main.scss */
#controls ul {
  list-style: none;
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 10;
}
/* line 948, sass/main.scss */
#controls li {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
/* line 952, sass/main.scss */
#controls li a {
  border: 1px solid #ffffff;
  display: block;
  padding: 4px;
  height: 6px;
  width: 6px;
  margin: 2px;
  background-color: transparent;
  -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3);
}
/* line 964, sass/main.scss */
#controls li.selected a {
  background-color: #ffffff;
}

/* line 968, sass/main.scss */
.image-bg {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #000000;
}

/* forms
   -------------------------------------------------------------------------- */
/* line 978, sass/main.scss */
input, textarea {
  border: 1px solid #fdfdfd;
  box-sizing: border-box;
  background: transparent;
  color: #fdfdfd;
  width: 100%;
  padding: 4%;
  font-family: "Open Sans", "Myriad Pro", Arial, sans-serif;
  text-transform: uppercase;
  /* Firefox 18- */
  /* Firefox 19+ */
}
/* line 151, sass/main.scss */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #fdfdfd;
  text-transform: uppercase;
}
/* line 152, sass/main.scss */
input:-moz-placeholder, textarea:-moz-placeholder {
  color: #fdfdfd;
  text-transform: uppercase;
}
/* line 153, sass/main.scss */
input::-moz-placeholder, textarea::-moz-placeholder {
  color: #fdfdfd;
  text-transform: uppercase;
}
/* line 154, sass/main.scss */
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #fdfdfd;
  text-transform: uppercase;
}
/* line 988, sass/main.scss */
input[type=submit], textarea[type=submit] {
  border: 0 none;
  font-weight: 600;
  background-color: #a9a8a8;
  background-color: rgba(169, 168, 168, 0.5);
}

/* line 999, sass/main.scss */
.contact-form fieldset label {
  display: none;
}
/* line 1001, sass/main.scss */
.contact-form fieldset .vfb-item-secret label {
  display: block;
}
/* line 1003, sass/main.scss */
.contact-form fieldset ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* line 1008, sass/main.scss */
.contact-form fieldset li {
  margin-bottom: 10px;
}
/* line 1009, sass/main.scss */
.contact-form fieldset a {
  color: #fdfdfd;
}
/* line 1011, sass/main.scss */
.contact-form fieldset a:hover {
  color: #94bf42;
}

/* line 1015, sass/main.scss */
fieldset {
  border: 0 none;
  padding: 0;
  margin: 0;
}

/* Timeline
   -------------------------------------------------------------------------- */
/* line 1024, sass/main.scss */
.timeline {
  border-left: 2px solid #ffffff;
  margin-left: 30px;
  padding: 0;
}
/* line 1030, sass/main.scss */
.timeline .timeline-item-box {
  position: relative;
  padding: 15px 0 15px 25px;
  border-bottom: 1px solid white;
  border-left: 1px solid white;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacityLevel)";
  /* IE8 */
  filter: alpha(opacity=0);
  /* IE 5-7 */
  opacity: 0;
  /* Modern Browsers */
}
/* line 1042, sass/main.scss */
.timeline .timeline-item-box p {
  margin-bottom: 10px;
  font-size: 16px;
  font-size: 1.6rem;
}
/* line 1045, sass/main.scss */
.timeline .timeline-item-box p.title-h2 {
  font-size: 22px;
  font-size: 2.2rem;
}
/* line 1048, sass/main.scss */
.timeline .timeline-item-box img {
  padding-top: 10px;
}
/* line 1050, sass/main.scss */
.timeline .timeline-item-box strong {
  display: block;
  font-size: 1.5em;
  line-height: 1;
}
/* line 1056, sass/main.scss */
.timeline .timeline-item-box:before {
  content: ' ';
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  left: -8px;
  top: 20px;
  background: #62af48;
  border: 2px solid #ffffff;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
/* line 1071, sass/main.scss */
.timeline .timeline-item-box:nth-child(odd) {
  -webkit-transform: translateX(-300%);
  -moz-transform: translateX(-300%);
  -ms-transform: translateX(-300%);
  -o-transform: translateX(-300%);
  transform: translateX(-300%);
}
/* line 1078, sass/main.scss */
.timeline .timeline-item-box:nth-child(even) {
  -webkit-transform: translateX(300%);
  -moz-transform: translateX(300%);
  -ms-transform: translateX(300%);
  -o-transform: translateX(300%);
  transform: translateX(300%);
  background-color: #94bf42;
  background-color: rgba(148, 191, 66, 0.4);
}
/* line 1087, sass/main.scss */
.timeline .timeline-item-box.onscreen {
  /* Theoretically for IE 8 & 9 (more valid) */
  /* ...but not required as filter works too */
  /* should come BEFORE filter */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* This works in IE 8 & 9 too */
  /* ... but also 5, 6, 7 */
  filter: alpha(opacity=100);
  /* Modern!
  /* Firefox 0.9+, Safari 2?, Chrome any?
  /* Opera 9+, IE 9+ */
  opacity: 1;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}

/* ==========================================================================
   `media queries
   ========================================================================== */
@media screen and (min-width: 3100px) {
  /* line 1119, sass/main.scss */
  .home .page-title {
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
  }
}
@media screen and (min-width: 1921px) {
  /* line 1129, sass/main.scss */
  .wrapper {
    width: 50%;
  }
}
@media screen and (max-width: 1895px) {
  /* line 1133, sass/main.scss */
  .category-team .l-feat.page-title-bg img {
    left: -200px;
  }

  /* line 1134, sass/main.scss */
  .category-team .r-feat.page-title-bg img {
    right: -200px;
  }
}
@media screen and (max-width: 1595px) {
  /* line 1137, sass/main.scss */
  .category-team .l-feat.page-title-bg img {
    left: -35%;
    height: 70%;
    top: -200px;
  }

  /* line 1142, sass/main.scss */
  .category-team .r-feat.page-title-bg img {
    left: -25%;
    height: 65%;
    top: -200px;
  }
}
@media screen and (max-width: 1460px) {
  /* line 1149, sass/main.scss */
  .category-team .l-feat.page-title-bg img {
    left: -45%;
  }
}
@media screen and (max-width: 1360px) {
  /* line 1152, sass/main.scss */
  .category-team .l-feat.page-title-bg img {
    left: -55%;
  }

  /* line 1153, sass/main.scss */
  .category-team .r-feat.page-title-bg img {
    left: -30%;
  }
}
@media screen and (max-width: 1240px) {
  /* line 1156, sass/main.scss */
  .wrapper {
    width: 100%;
  }

  /* line 1159, sass/main.scss */
  .category-team .span3_8.h2 .page-title-bg {
    height: 60%;
  }
  /* line 1160, sass/main.scss */
  .category-team .l-feat.page-title-bg img {
    width: 110%;
    left: -100px;
    top: -100px;
    height: auto;
  }
  /* line 1169, sass/main.scss */
  .category-team .r-feat.page-title-bg img {
    width: 110%;
    top: -100px;
    left: -100px;
    height: auto;
  }
  /* line 1176, sass/main.scss */
  .category-team .feature-post .bg1 {
    background-color: #94bf42;
  }
}
/*@media screen and (max-width:1180px){
	.category-team .l-feat.page-title-bg img{left:-25%;} 
	//.category-team .r-feat.page-title-bg img{left:-30%;}
}
@media screen and (max-width:1110px){
	.category-team .l-feat.page-title-bg img{left:-35%;} 
	.category-team .r-feat.page-title-bg img{left:-10%;}
}*/
@media screen and (max-width: 950px) {
  /* line 1194, sass/main.scss */
  .tile blockquote {
    font-size: 22px;
    font-size: 2.2rem;
  }

  /* line 1195, sass/main.scss */
  .tile.type5 blockquote {
    font-size: 18px;
    font-size: 1.8rem;
  }

  /* line 1196, sass/main.scss */
  .tile blockquote footer {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 874px) {
  /* line 1203, sass/main.scss */
  header {
    position: static;
  }

  /* line 1204, sass/main.scss */
  .txt-box, .txt-back {
    padding: 5%;
  }

  /* line 1206, sass/main.scss */
  .feature-post .txt-box, .feature-post .txt-back {
    padding: 8%;
  }

  /* line 1209, sass/main.scss */
  nav a {
    padding: 46px 10%;
  }

  /* line 1211, sass/main.scss */
  h2, .title-h2, .title-h2 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 706px) {
  /* line 1217, sass/main.scss */
  nav a {
    padding: 46px 5%;
  }
}
@media screen and (min-width: 681px) {
  /* line 1221, sass/main.scss */
  .toggle-hide {
    display: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacityLevel)";
    /* IE8 */
    filter: alpha(opacity=0);
    /* IE 5-7 */
    opacity: 0;
    /* Modern Browsers */
  }

  /* line 1225, sass/main.scss */
  .main-nav {
    displa: block !important;
  }
}
@media screen and (max-width: 680px) {
  /* line 1228, sass/main.scss */
  header {
    text-align: center;
  }
  /* line 1230, sass/main.scss */
  header .span1_4, header .span3_4 {
    width: 100%;
  }

  /*.page-title.h1,
  .span1_1.h1.bg,
  .span1_1.h1.bg .span1_2.h1:first-child{height:100px !important;} */
  /* line 1235, sass/main.scss */
  .wrapper {
    width: 100%;
  }

  /* line 1237, sass/main.scss */
  .post-box .span1_4 {
    width: 100%;
  }
  /* line 1239, sass/main.scss */
  .post-box .span1_4 .span1_1 {
    width: 50%;
  }
  /* line 1241, sass/main.scss */
  .post-box .span1_2 {
    width: 100%;
  }
  /* line 1243, sass/main.scss */
  .post-box .span1_2 .span1_2 {
    width: 50%;
  }
  /* line 1246, sass/main.scss */
  .post-box .bg .span3_8, .post-box .bg .span1_4 {
    width: 100%;
  }

  /* line 1251, sass/main.scss */
  .feature-post .txt-box, .feature-post .txt-back {
    padding: 5%;
  }

  /* line 1259, sass/main.scss */
  .post-list .span1_2 {
    width: 100%;
  }
  /* line 1261, sass/main.scss */
  .post-list .span1_2 .span1_2 {
    width: 50%;
  }

  /* line 1264, sass/main.scss */
  footer {
    text-align: center;
  }
  /* line 1266, sass/main.scss */
  footer .span1_2 {
    width: 100%;
  }

  /* line 1268, sass/main.scss */
  .main-nav {
    display: none;
  }

  /* line 1270, sass/main.scss */
  nav ul {
    text-align: center;
  }
  /* line 1272, sass/main.scss */
  nav ul > li {
    display: list-item;
    border-top: 1px solid #a9a8a8;
  }
  /* line 1275, sass/main.scss */
  nav ul > li ul {
    position: static;
    height: auto;
    width: 100%;
    margin: 0;
    background-color: #94bf42;
    background-color: rgba(148, 191, 66, 0.3);
  }
  /* line 1282, sass/main.scss */
  nav ul > li ul li a {
    padding: 15px;
    color: #282426;
  }
  /* line 1289, sass/main.scss */
  nav ul > li:hover ul {
    border-bottom: 0 none;
    padding: 0;
  }
  /* line 1296, sass/main.scss */
  nav a {
    padding: 15px;
  }

  /* line 1298, sass/main.scss */
  .category-team .span3_8.h2 .page-title-bg {
    height: 100%;
  }
}
@media screen and (max-width: 400px) {
  /* line 1303, sass/main.scss */
  .news .span1_2, .call-to-action .span1_2 {
    width: 100%;
  }
}
/*	@media screen and (max-width:370px){
		.post-list{
			.span1_2{
				.span1_2{width:100%; height}
			}
		}
	} */
/* ==========================================================================
   `helper classes
   ========================================================================== */
/* line 1328, sass/main.scss */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  text-indent: -9999px;
}

/* line 1335, sass/main.scss */
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

/* line 1342, sass/main.scss */
.hidden {
  display: none !important;
  visibility: hidden;
}

/* line 1347, sass/main.scss */
.visuallyhidden {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* line 1359, sass/main.scss */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/* line 1368, sass/main.scss */
.invisible {
  visibility: hidden;
}

/* line 1373, sass/main.scss */
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

/* line 1378, sass/main.scss */
.clearfix:after {
  clear: both;
}

/* line 1382, sass/main.scss */
.clearfix {
  zoom: 1;
}

/* ==========================================================================
   `ie helpers
   ========================================================================== */
/* ==========================================================================
   `print styles
   ========================================================================== */
@media print {
  /* line 1395, sass/main.scss */
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  /* line 1403, sass/main.scss */
  a,
  a:visited {
    text-decoration: underline;
  }

  /* line 1407, sass/main.scss */
  a[href]:after {
    content: " (" attr(href) ")";
  }

  /* line 1411, sass/main.scss */
  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links for images, or javascript/internal links
   */
  /* line 1421, sass/main.scss */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  /* line 1426, sass/main.scss */
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /* line 1431, sass/main.scss */
  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }

  /* line 1436, sass/main.scss */
  tr,
  img {
    page-break-inside: avoid;
  }

  /* line 1440, sass/main.scss */
  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
}

  /* line 1450, sass/main.scss */
  p,
  h2,
  .title-h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  /* line 1456, sass/main.scss */
  h2, .title-h2,
  h3 {
    page-break-after: avoid;
  }
}
/* ==========================================================================
   `reference
   ========================================================================== 
   
	html5-boilerplate
	https://github.com/h5bp/html5-boilerplate/blob/master/doc/TOC.md


*/
/*voodoo logo*/
@font-face {
  font-family: 'voodoo';
  src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRk9UVE8AAAQ0AAsAAAAABhQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAPsAAAFEBMC9q0ZGVE0AAAIEAAAAGgAAABxmnNGeR0RFRgAAAiAAAAAcAAAAIAAyAARPUy8yAAACPAAAAE0AAABgStjXTGNtYXAAAAKMAAAAUQAAAWID9vVjaGVhZAAAAuAAAAAvAAAANvnibIZoaGVhAAADEAAAAB4AAAAkAM3//2htdHgAAAMwAAAAFAAAABQBZwAAbWF4cAAAA0QAAAAGAAAABgAFUABuYW1lAAADTAAAANwAAAF68akh9XBvc3QAAAQoAAAADAAAACAAAwAAeJxFTD1Lw1AUPbdJGinhaSRVh2ccu0mm/gMFxcGtk5sURDGLujhqcbiOOugo4qZLnfQv+AOUToKgD6FxzHZ9aUy8w+GeT4Lrgoj8ozTdTlNQA4Rurhv5opMvuBw4HLhxi4S5xMDnk8x4GrvTGpjROAg1lKbuLJyiOwWF6HB/ZzVJknLzb9neJlbQozN4RE7vcviUqXtXxHwPBKEFGUfHgrkawsr418rIJGxqGFdGQWP1Jog7e4O2yPvrxWhCmrY9v2GLX482aT8xxWdqWmlL6lOwdXUtWHu+sws3/T4Lll/WRR5+bj3Fxu1kvvqIuH16PmLmJgetXxo8jMMAeJxjYGBgZACCM7aLzoPos/rT02E0AEhLBnAAAHicY2BkYGDgA2IJBhBgYmAEQhYwBvEYAAR2ADd4nGNgZghjnMDAysDB4MjgxsDAwAelDRhYGCQZGJgYWJkZYIBRgAEBAtJcUxgcGFI+MDDE/f/FwMkQx8DeAFQDlvQEYgUgZAQAgIEJPwAAAHicY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQzMKQw5DOUfWD4/x+sDon3f97/Sf97BVigJsABIxsDuhBNABOSlRCKmQ62EgcAY2AOSQAAAHicY2BkYGAAYo5/O3bE89t8ZeBmSAGKMJzVn56OoP//BIrGAbkcDEwgUQBGxws/AHicY2BkYGCI+/+TgZMhhYHh/xwgCRJBBqwAeq8EygAAAGQAAABZAAAATgAAAFwAAAAAAAAAAFAAAAUAAHicbZBLasMwEIY/J45LSeiuXYtClzaWs8u6+ABdZB+IMIFggfI4Sk6QXY7RA/QEuUt+y1p0EQ2j+TT880DAggsZw8koeEs84YWvxFM+OSTOpbkmnjHnN3Ehu0uZ5a/KLGLVwBN1fE885ZsycR7njjzjg1viQvk/znjZNt6cvd96xR8cHSf2bAh6uu603whaiXqOMQYpHIaGilpxJf/fbMwssVpk8EYqqzet74+tD50zTVWblRmHCpa2tGVTW2mebrXWvKDv2cUtjLoNk1m7cNj53tiqfl74AOQdNot4nGNgZsALAAB9AAQ=) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAANAIAAAwBQRkZUTWac0Z4AAAWUAAAAHEdERUYANAAGAAAFdAAAACBPUy8ySrfW4gAAAVgAAABWY21hcAX8+GwAAAHMAAABYmdhc3D//wADAAAFbAAAAAhnbHlmKzSDIwAAA0AAAAB4aGVhZPnibIUAAADcAAAANmhoZWEAzgAAAAABFAAAACRobXR4AYgAAAAAAbAAAAAcbG9jYQBCAGAAAAMwAAAAEG1heHAASgALAAABOAAAACBuYW1l8akh9QAAA7gAAAF6cG9zdE5an+QAAAU0AAAAOAABAAAAAQAAcabNnl8PPPUACwBkAAAAAM0vl2cAAAAAzS+XZwAA//gAZABeAAAACAACAAAAAAAAAAEAAABe//gACQBkAAD/nABkAAEAAAAAAAAAAAAAAAAAAAAHAAEAAAAHAAgAAQAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQBWAZAABQAIAEEARgAAAA4AQQBGAAAAMAAEABkAAAIABQMAAAAAAAAAAAABEAAAAAAAAAAAAAAAUGZFZABAAGTwAABe//oACQBeAAiAAAABAAAAAAAAAGQAAAAAAAAAIQAAAFkAAABOAAAAXAAAAAAAAAAAAAMAAAADAAAAHAABAAAAAABcAAMAAQAAABwABABAAAAADAAIAAIABAAAAGQAbwB28AD//wAAAAAAZABvAHbwAP//AAD/oP+U/48QBgABAAAAAAAAAAAAAAAAAAABBgAAAQAAAAAAAAABAgAAAAIAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAwAAAAAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEgAkADAAPAABAAD/+gBQAEoABwAAPAE2MhYUBiIXIhcXIhEiFxciFwAAAAABAAD/+gBHAEoABwAAFzI2NCYrARUeERcXER4GFyIXUAAAAAABAAD/+ABeAEoAAgAANwcnXi8vSlFRAAABAAD/+gBkAF4AAgAANRcjZGReZAAAAAAAAAwAlgABAAAAAAABAAYADgABAAAAAAACAAcAJQABAAAAAAADACIAcwABAAAAAAAEAAYApAABAAAAAAAFAAsAwwABAAAAAAAGAAYA3QADAAEECQABAAwAAAADAAEECQACAA4AFQADAAEECQADAEQALQADAAEECQAEAAwAlgADAAEECQAFABYAqwADAAEECQAGAAwAzwB2AG8AbwBkAG8AbwAAdm9vZG9vAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHYAbwBvAGQAbwBvACAAOgAgADMAMQAtADEALQAyADAAMQAzAABGb250Rm9yZ2UgMi4wIDogdm9vZG9vIDogMzEtMS0yMDEzAAB2AG8AbwBkAG8AbwAAdm9vZG9vAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAAB2AG8AbwBkAG8AbwAAdm9vZG9vAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgBSAEcAWQECB3VuaUYwMDAAAAAB//8AAgABAAAADgAAABgAAAAAAAIAAQADAAYAAQAEAAAAAgAAAAAAAQAAAADMPaLPAAAAAM0vl2cAAAAAzS+XZw==) format("truetype");
  font-weight: normal;
  font-style: normal;
}

/* line 1474, sass/main.scss */
.vclogo {
  font-family: 'voodoo';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

/* line 1474, sass/main.scss */
a.vclogo {
  text-decoration: none;
}

@media screen and (max-width: 680px) {
  .home #slideshow {
    padding-top: 147px;
  }
  .home #slideshow .arrow {
    display: none;
  }
  .home #slideshow .caption {
    display: none;
  }
}

.home #slideshow .arrow {
  cursor: pointer;
}

#the-grid {
  overflow: hidden;
}

.team-box .imgL .bg-box {
  width: 50% !important;
  left: 50% !important;
}

.team-box .imgR .bg-box {
  width: 50% !important;
  left: 0% !important;
}

@media screen and (max-width: 1214px){
  .single-team .bg-box {
    left: -54%;
  }
}

@media screen and (max-width: 1140px){
  .single-team .bg-box {
    left: -71%;
  }
}

@media screen and (max-width: 1080px){
  .single-team .bg-box {
    left: -77%;
  }
}

@media screen and (max-width: 1040px){
  .single-team .bg-box {
    left: -81%;
  }
}

@media screen and (max-width: 1016px){
  .single-team .bg-box {
    left: -87%;
  }
}

@media screen and (max-width: 960px){
  .single-team .bg-box {
    left: -96%;
  }
}

@media screen and (max-width: 830px) {
  .team-box .imgL .bg-box {
    width: 60% !important;
    left: 45% !important;
  }  
  .single-team .bg-box {
    left: -104%;
  }
}

@media screen and (max-width: 800px) {
  .single-team .bg-box {
    left: -112%;
  }
}

@media screen and (max-width: 730px) {
  .single-team .bg-box {
    left: -128%;
  }
}

@media screen and (max-width: 720px){
  .single-team .bg-box {
    left: -145%;
  } 
}

@media screen and (max-width: 700px) {
  .team-box .imgL .bg-box {
    width: 65% !important;
    left: 40% !important;
  }  
}

@media screen and (max-width: 680px) {
  .team-box .imgL .bg-box {
    width: 50% !important;
    left: 50% !important;
  }
  .single-team .bg-box {
    left: -50%;
  }
}

@media screen and (max-width: 560px){
  .single-team .bg-box {
    left: -68%;
  } 
}

@media screen and (max-width: 520px){
  .team-box .span1_2.h1, .team-box .bg.h1 {
    height: 300px;
  }
  .single-team .post-bg.profile-img-box {
    height: 450px !important;
  }
  .single-team .profile-bio-box {
    height: auto !important;
  }
  .single-team .h0 {
    height: 450px !important;
  }
  .single-team .bg-box {
    left: -45%;
  }
}

@media screen and (max-width: 450px){
  .single-team .bg-box {
    left: -50%;
  } 
}

@media screen and (max-width: 400px){
  .team-box .imgL .bg-box {
    width: 60% !important;
    left: 45% !important;
  }
  .single-team .bg-box {
    left: -65%;
  } 
}

@media screen and (max-width: 350px){
  .team-box .imgL .bg-box {
    width: 70% !important;
    left: 40% !important;
  }
  .single-team .bg-box {
    left: -90%;
  } 
}