.icon {
  position:relative;
  background:url('../images/icons/icons.png') 0 0 no-repeat;
}
.fill-parent {
  display:block;
  width:100%;
  height:100%;
}
.bg-cover {
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.anchor-nav {
  position:fixed;
  z-index:999;
  top:300px;
  right:1%;
  margin:auto;
  border-radius:10px;
  display:inline-block;
  list-style:none;
  margin:0;
  padding:.5em;
}
.anchor-nav * { box-sizing:border-box; }
.anchor-nav li {
  display:block;
  width:14px;
  height:14px;
  background:#00aa9d !important;
  margin:20px 10px;
  border-radius:100%;
  border:3px solid #00aa9d;
  position:relative;
  cursor:pointer;
}
.anchor-nav li:before {
  -webkit-transform:scale(0);
  -ms-transform:scale(0);
  transform:scale(0);
  -webkit-transition:all .2s ease;
  transition:all .2s ease;
  content:'';
  display:block;
  position:absolute;
  left:50%;
  top:50%;
  margin-top:-11px;
  margin-left:-11px;
  width:18px;
  height:18px;
  border:2px solid #00aa9d;
  border-radius:100%;
  z-index:-1;
}
.anchor-nav li.active:before {
  -webkit-transform:scale(1);
  -ms-transform:scale(1);
  transform:scale(1);
}
.anchor-nav li:hover a {
  display:block;
  margin-right:3em;
  opacity:1;
}
.anchor-nav a {
  position:absolute;
  display:block;
  right:100%;
  top:0;
  -webkit-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%);
  background:#000000;
  background:rgba(0,0,0,0.5);
  color:#ffffff;
  text-transform:uppercase;
  text-decoration:none;
  font-size:.75em;
  padding:.5em 1em;
  border-radius:10px;
  opacity:.5;
  margin-right:2em;
  -webkit-transition:all .2s ease;
  transition:all .2s ease;
  opacity:0;
  margin-top:4px;
  white-space:nowrap;
  letter-spacing:1px;
  word-spacing:1px;
}
#home {
  -webkit-transition:all 0.5s ease-out;
  -moz-transition:all 0.5s ease-out;
  transition:all 0.5s ease-out;
}
#home > div.wrap .inner { display:table; }
#home > div.wrap .section-icon {
  display:block;
  width:100px;
  height:100px;
  margin:50px auto 10px;
  position:relative;
  background:url('../images/icons/icons.png') 0 0 no-repeat;
}
#home > div.wrap h1 {
  font-family:"Lexia", "Times New Roman", serif;
  font-weight:normal;
  font-size:4em;
  text-transform:uppercase;
  text-align:center;
  color:#283561;
}
#home > div.wrap h1 + p { margin-top:2em; }
#home > div.wrap.dark-bg { color:#00aa9d; }
#home > div.wrap.dark-bg h1 { color:#00aa9d; }
#home > div.wrap.dark-bg p, #home > div.wrap.dark-bg div, #home > div.wrap.dark-bg span { color:white; }
#home > div.wrap.light-bg { color:#283561; }
#home > div.wrap.light-bg h1 { color:#283561; }
#home > div.wrap.light-bg p, #home > div.wrap.light-bg div, #home > div.wrap.light-bg span { color:#595959; }
#home > div.wrap p {
  text-align:center;
  font-size:1.3em;
  line-height:1.4em;
}
#home > div.wrap p.right {
  width:54%;
  margin-left:45%;
  text-align:left;
  font-size:1.3em;
}
#home > div.wrap.slideshow {
  position:relative;
  height:700px;
  color:white;
}
#home > div.wrap.slideshow div { color:white; }
#home > div.wrap.slideshow span.slide {
  display:block;
  width:100%;
  height:100%;
}
#home > div.wrap.slideshow .cycle-overlay-wrap {
  position:absolute;
  top:0;
  width:100%;
  height:100%;
  z-index:101;
  background:rgba(0,0,0,0.3);
}
#home > div.wrap.slideshow .cycle-overlay-wrap #cycle-overlay {
  position:relative;
  margin:0 auto;
  max-width:940px;
  height:100%;
  margin:0 auto;
  font-size:1.3em;
  color:white;
}
#home > div.wrap.slideshow .cycle-overlay-wrap #cycle-overlay .slide-meta {
  position:absolute;
  top:210px;
  left:330px;
  width:60%;
}
#home > div.wrap.slideshow .cycle-overlay-wrap #cycle-overlay .title {
  font-family:"Lexia", "Times New Roman", serif;
  font-weight:bold;
  font-size:3em;
  line-height:1em;
  letter-spacing:4px;
}
#home > div.wrap.slideshow .cycle-overlay-wrap #cycle-overlay .desc {
  line-height:1.4em;
  margin:30px 0;
}
#home > div.wrap.slideshow .cycle-overlay-wrap #cycle-overlay a {
  display:inline-block;
  color:white;
  border:3px solid white;
  line-height:30px;
  text-indent:10px;
  font-size:14px;
  letter-spacing:1px;
  text-transform:uppercase;
}
#home > div.wrap.slideshow .cycle-overlay-wrap #cycle-overlay a:after {
  display:inline-block;
  vertical-align:bottom;
  content:'';
  width:0;
  height:0;
  margin-left:11px;
  border-style:solid;
  border-width:0 0 22px 22px;
  border-color:transparent transparent white transparent;
  line-height:0px;
  _border-color:#000000 #000000 white #000000;
  _filter:progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
#home > div.wrap.slideshow .cycle-overlay-wrap #cycle-overlay a:after { margin:0 4px 4px 30px !important; }
#home > div.wrap.slideshow .cycle-overlay-wrap #cycle-overlay a:hover {
  color:#283561;
  border-color:#00aa9d;
  background-color:#00aa9d;
  font-weight:bold;
}
#home > div.wrap.slideshow .cycle-overlay-wrap #cycle-overlay a:hover:after {
  display:inline-block;
  vertical-align:bottom;
  content:'';
  width:0;
  height:0;
  margin-left:11px;
  border-style:solid;
  border-width:0 0 22px 22px;
  border-color:transparent transparent #283561 transparent;
  line-height:0px;
  _border-color:#000000 #000000 #283561 #000000;
  _filter:progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
#home > div.wrap.slideshow #btn-scrolldown {
  position:absolute;
  left:50%;
  bottom:0px;
  display:inline-block;
  width:auto;
  margin-left:-36px;
  padding:10px 20px;
  cursor:pointer;
  z-index:102;
}
#home > div.wrap.slideshow #btn-scrolldown i {
  display:block;
  width:32px;
  height:50px;
  position:relative;
  background:url('../images/icons/icons.png') 0 0 no-repeat;
  background-position:0px 0px;
}
#home > div.wrap.slideshow #btn-scrolldown:hover i { background-position:-32px 0px; }
#home > div.wrap.vision {
  height:490px;
  background:url('../images/home/1-vision-bg.jpg') 0 0 no-repeat;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
#home > div.wrap.vision .section-icon { background-position:-96px 0px; }
#home > div.wrap.vision .fancy-quote-wrapper {
  position:relative;
  margin:1em;
  font-family:"Lexia", "Times New Roman", serif;
  font-size:2.3em;
}
#home > div.wrap.vision .fancy-quote-wrapper .fancy-quote {
  position:relative;
  text-transform:uppercase;
}
#home > div.wrap.vision .fancy-quote-wrapper .fancy-quote:before {
  position:absolute;
  top:-0.56em;
  left:-0.7em;
  content:'\201C';
  color:#4ec1f1;
  font-size:1.4em;
  font-weight:bold;
}
#home > div.wrap.vision .fancy-quote-wrapper .fancy-quote:after {
  position:absolute;
  bottom:-0.9em;
  right:-0.7em;
  content:'\201D';
  color:#4ec1f1;
  font-size:1.4em;
  font-weight:bold;
}
#home > div.wrap.different {
  height:490px;
  background:url('../images/home/2-different-bg.jpg') 0 0 no-repeat;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
#home > div.wrap.different .section-icon { background-position:-201px 0px; }
#home > div.wrap.different .boxes {
  text-align:center;
  margin:2em auto 0;
}
#home > div.wrap.different .boxes .box-wrap {
  position:relative;
  display:inline-block;
  width:220px;
  height:220px;
  -webkit-perspective:800px;
  perspective:800px;
  font-size:1.15em;
}
#home > div.wrap.different .boxes .box-wrap .box {
  height:170px;
  width:170px;
  position:relative;
  -webkit-transition:all .5s ease;
  transition:all .5s ease;
  -webkit-transform-style:preserve-3d;
  transform-style:preserve-3d;
  color:white !important;
  cursor:pointer;
}
#home > div.wrap.different .boxes .box-wrap .box .box__title { text-transform:uppercase; }
#home > div.wrap.different .boxes .box-wrap .box .box__front, #home > div.wrap.different .boxes .box-wrap .box .box__back {
  position:absolute;
  width:100%;
  height:100%;
  padding:1em;
  left:0;
  top:0;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  text-align:center;
  color:inherit !important;
  -webkit-transition:all .5s ease;
  transition:all .5s ease;
}
#home > div.wrap.different .boxes .box-wrap .box .box__front {
  background:rgba(128,128,128,0.5);
  z-index:99;
}
#home > div.wrap.different .boxes .box-wrap .box .box__front:after {
  display:inline-block;
  vertical-align:bottom;
  content:'';
  width:0;
  height:0;
  margin-left:12.5px;
  border-style:solid;
  border-width:0 0 25px 25px;
  border-color:transparent transparent #00aa9d transparent;
  line-height:0px;
  _border-color:#000000 #000000 #00aa9d #000000;
  _filter:progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
#home > div.wrap.different .boxes .box-wrap .box .box__front:after {
  position:absolute;
  bottom:12px;
  right:12px;
}
#home > div.wrap.different .boxes .box-wrap .box .box__front .box__title {
  color:inherit !important;
  -webkit-transition:all .2s ease;
  transition:all .2s ease;
  position:relative;
  top:50%;
  font-weight:bold;
  font-size:1.2em;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  -webkit-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%);
}
#home > div.wrap.different .boxes .box-wrap .box .box__back {
  position:relative;
  background:#00aa9d;
  z-index:90;
  color:inherit !important;
  -webkit-transform:perspective(800px) rotateY(180deg);
  transform:perspective(800px) rotateY(180deg);
}
#home > div.wrap.different .boxes .box-wrap .box .box__back .box__content {
  position:absolute;
  top:50%;
  width:80%;
  -webkit-transform:translate(4px,-50%);
  transform:translate(4px,-50%);
  color:inherit !important;
  line-height:1.5em;
}
#home > div.wrap.different .boxes .box-wrap .box.active .box__front, #home > div.wrap.different .boxes .box-wrap .box.active .box__back {
  -webkit-transform:perspective(800px) rotateY(0deg);
  transform:perspective(800px) rotateY(0deg);
}
#home > div.wrap.different .boxes .box-wrap .box.active .box__front {
  -webkit-transform:perspective(800px) rotateY(-179.9deg);
  transform:perspective(800px) rotateY(-179.9deg);
}
#home > div.wrap.services {
  height:410px;
  background:url('../images/home/3-services-bg.jpg') 0 0 no-repeat;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
#home > div.wrap.services .section-icon { background-position:-305px 0px; }
#home > div.wrap.people {
  height:410px;
  background:url('../images/home/4-people-bg.jpg') 0 0 no-repeat;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
#home > div.wrap.people .section-icon { background-position:-408px 0px; }
#home > div.wrap.testimonials {
  height:380px;
  background:url('../images/home/5-testimonials-bg.jpg') 0 0 no-repeat;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
#home > div.wrap.testimonials h1 {
  color:white;
  margin-top:50px;
}
