.box-shadow-remove {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.flip {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
/* **********************************************************************************************
Table of contents

Global/helper styles
Component styles
	3 column Compare 
	Block Quote
	Bullet points dotted underline list
	Collapsible list
	Compare table
	Content Bar (under Pano)
	Form styles
	Footer banner Full width 
	Full width Banner styles
	Icon call out
	Overlapping panels
	Pano Slider Styles
	Pano override
	Sidebar
	Speech Bubble
	Video- responsive
Location specific styles
	Sticky Head / logo
	mobile links
	Navigation
	Homepage content
	Pano Hero image
	Features Page Features List
	High Volume
	Test Drive
	Funnel Styles
	Footer Styles
********************************************************************************************** */
/*********************************************************************************************
Global/helper styles
**********************************************************************************************/
body,
html {
  font-size: 16px;
  background-color: #ffffff;
  font-family: 'Nunito', sans-serif;
  color: #666666;
  font-weight: 400;
  height: 100%;
  /*	@media @mobile{
		overflow-y: inherit;
	}
	@media @KIS_980{
		overflow-x:hidden;
	}
	@media @KIS_768{
		overflow-x:hidden;
	}
	@media @KIS_Mobile{
		overflow-x:hidden;
	}*/
}
a {
  color: #b0a171;
  text-decoration: underline;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
}
a:hover {
  color: #111111;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
}
a:focus {
  outline: none;
}
h2 {
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: 500;
  letter-spacing: .1em;
  padding-bottom: 20px;
  color: #333333;
  position: relative;
}
h2:after {
  content: "";
  background: #b0a171;
  height: 2px;
  left: 0;
  position: absolute;
  top: 1.5em;
  width: 60px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 1239px) {
  h2:after {
    margin-left: 1%;
  }
}
h4 {
  font-size: 18px;
  font-size: 1.125rem;
  letter-spacing: .1em;
  margin-bottom: 20px;
}
p {
  font-size: 16px;
  font-size: 1rem;
  margin-top: 20px;
  line-height: 2em;
  font-weight: 300;
}
::-webkit-input-placeholder {
  color: #555;
}
:-moz-placeholder {
  /* Firefox 18- */
  color: #555;
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: #555;
}
:-ms-input-placeholder {
  color: #555;
}
.hide {
  opacity: 0;
}
.visible {
  opacity: 1;
}
.clear {
  clear: both;
  display: block;
  width: 100%;
  height: 1px;
  position: relative;
}
.nopad {
  padding: 0;
}
.bold {
  font-weight: bold;
}
.orange {
  color: #b0a171;
}
.title_line {
  border-bottom: 1px solid #ccc;
  margin-bottom: 35px;
}
.title_line h2 {
  position: relative;
  bottom: -15px;
  background: #fff;
  padding-right: 10px;
  margin: 0;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .title_line h2 {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.icon_indent {
  padding-left: 90px;
  font-size: 20px;
  font-size: 1.25rem;
}
.blurry {
  filter: grayscale(50%);
  -webkit-filter: grayscale(50%);
  -moz-filter: grayscale(50%);
  -o-filter: grayscale(50%);
  -ms-filter: grayscale(50%);
}
body .animate_scroll.hidden {
  display: block !important;
  opacity: 0;
}
body .animate_scroll.visible {
  opacity: 1;
}
.full_height {
  height: 100%;
}
.centerit {
  margin: auto;
  clear: both;
  position: relative;
  display: block;
  padding: 10px;
}
.fltrt {
  float: right;
}
.fltlft {
  float: left;
}
.abs {
  position: absolute;
}
ul {
  display: block;
  list-style: none;
}
ul li {
  position: relative;
  display: inline-block;
}
ul li a {
  color: #333333;
  text-decoration: none;
  text-transform: uppercase;
}
ul li a:hover {
  color: #b0a171;
}
ul.vertical {
  padding: 0px;
}
ul.vertical li {
  display: block;
  padding-bottom: 10px;
}
ul.vertical li a {
  font-weight: 300;
  padding-right: 50px;
  background: url("../images/cta_arrow.png") no-repeat;
  background-size: 32px 8px;
  background-position: 205% center;
  letter-spacing: .21em;
}
ul.vertical li a:hover {
  background-position: 95% center;
}
.cta {
  padding: 18px 50px 18px 18px;
  margin-top: 45px;
  clear: both;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  font-size: 13px;
  border: 2px solid #b0a171;
  background: url("../images/cta_arrow.png") no-repeat;
  background-size: 32px 8px;
  background-position: 95% center;
  text-transform: uppercase;
  letter-spacing: .2em;
}
.cta:hover {
  background: #b0a171;
  color: #ffffff;
  text-decoration: none;
  padding-left: 50px;
  background-position: 125% center;
  letter-spacing: .4em;
}
@media only screen and (max-width: 767px) {
  .cta {
    position: relative;
    width: 300px;
    margin: auto;
    display: block;
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .col-xs-12 {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1239px) {
  .col-sm-12 {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .parallax {
    background-position: 100% !important;
  }
}
.content_wrapper {
  width: 100%;
  background: #fff;
  position: relative;
  display: block;
}
.content_wrapper .content {
  width: 1024px;
  margin: auto;
  display: block;
  position: relative;
  background: #fff;
}
@media only screen and (min-width: 1240px) and (max-width: 1444px) {
  .content_wrapper .content {
    width: 1240px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1239px), only screen and (max-width: 767px) {
  .content_wrapper .content {
    width: 100%;
  }
}
/**


XXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXX



*********************************************************************************************
Header
**********************************************************************************************/
.header_wrap {
  height: 180px;
  border-top: 5px solid #b0a171;
  position: fixed;
  display: block;
  z-index: 999;
  background: #ffffff;
  width: 100%;
  top: 0px;
  -webkit-box-shadow: 2px 3px 34px -1px rgba(0, 0, 0, 0.21);
  -moz-box-shadow: 2px 3px 34px -1px rgba(0, 0, 0, 0.21);
  box-shadow: 2px 3px 34px -1px rgba(0, 0, 0, 0.21);
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  /* FIXED version */
}
@media only screen and (max-width: 767px) {
  .header_wrap {
    position: relative;
  }
}
.header_wrap .header {
  width: 1027px;
  margin: auto;
  position: relative;
  margin-top: 37px;
  height: 143px;
  display: block;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
}
@media only screen and (min-width: 768px) and (max-width: 1239px) {
  .header_wrap .header {
    width: 95%;
  }
}
@media only screen and (max-width: 767px) {
  .header_wrap .header {
    width: 100%;
  }
}
.header_wrap .header .header_left {
  position: absolute;
  left: 0px;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
}
.header_wrap .header .header_left .logo {
  width: 158px;
  height: 116px;
  background: url("../images/logo.png") no-repeat;
  display: block;
  text-indent: 100%;
  overflow: hidden;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  .header_wrap .header .header_left .logo {
    background: url("../images/logo@2x.png") no-repeat;
  }
}
@media only screen and (min-width: 437px) and (max-width: 767px) {
  .header_wrap .header .header_left .logo {
    background: url("../images/logo_mobile.png") no-repeat;
    width: 397px;
    height: 70px;
    margin-left: 2%;
  }
}
@media only screen and (min-width: 437px) and (max-width: 767px) and only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 437px) and (max-width: 767px) and only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 437px) and (max-width: 767px) and only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-width: 437px) and (max-width: 767px) and only screen and (min-device-pixel-ratio: 1.5) {
  .header_wrap .header .header_left .logo {
    background: url("../images/logo_mobile@2x.png") no-repeat;
  }
}
@media only screen and (max-width: 436px) {
  .header_wrap .header .header_left .logo {
    background: url("../images/logo_mobile.png") no-repeat;
    width: 250px;
    background-size: contain;
    height: 70px;
    margin-left: 2%;
    margin-top: 30px;
  }
}
@media only screen and (max-width: 436px) and only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 436px) and only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (max-width: 436px) and only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (max-width: 436px) and only screen and (min-device-pixel-ratio: 1.5) {
  .header_wrap .header .header_left .logo {
    background: url("../images/logo_mobile@2x.png") no-repeat;
  }
}
.header_wrap .header .header_right {
  float: right;
}
@media only screen and (max-width: 767px) {
  .header_wrap .header .header_right {
    float: none;
    width: 100%;
  }
}
.header_wrap .header .header_right .social {
  display: block;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  top: 0px;
}
@media only screen and (max-width: 767px) {
  .header_wrap .header .header_right .social {
    display: none!important;
  }
}
.header_wrap .header .header_right .social ul {
  text-align: right;
}
.header_wrap .header .header_right .social ul li a:hover {
  opacity: .8;
}
.header_wrap .header .header_right .mobile_nav {
  background: #ffffff url(../images/dropdown.png) no-repeat right center;
  width: 70px;
  height: 30px;
  background-position: center;
  border: none;
  text-indent: 200%;
  overflow: hidden;
  display: none;
  top: 40px;
  position: absolute;
  right: 2%;
}
@media only screen and (max-width: 767px) {
  .header_wrap .header .header_right .mobile_nav {
    display: block;
  }
}
@media only screen and (max-width: 436px) {
  .header_wrap .header .header_right .mobile_nav {
    top: 95px;
    left: 0px;
  }
}
.header_wrap .header .header_right .mobile_nav.active {
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=5);
  /*for IE*/
}
.header_wrap .header .header_right .menu {
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  display: block;
  position: absolute;
  right: 0px;
  text-align: center;
  bottom: 0px;
}
@media only screen and (max-width: 767px) {
  .header_wrap .header .header_right .menu {
    width: 100%;
    background: #fff;
    bottom: -384px;
    display: none;
  }
}
.header_wrap .header .header_right .menu ul {
  padding-bottom: 20px;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
}
@media only screen and (max-width: 767px) {
  .header_wrap .header .header_right .menu ul {
    width: 100%;
    padding: 0px;
    margin: 0px;
    border-top: 5px solid #b0a171;
  }
}
.header_wrap .header .header_right .menu ul li {
  text-align: right;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
}
@media only screen and (max-width: 767px) {
  .header_wrap .header .header_right .menu ul li {
    width: 100%;
    display: inline-block;
    text-align: left;
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.header_wrap .header .header_right .menu ul li a {
  color: #333333;
  text-decoration: none;
  font-size: 13px;
  font-size: 0.8125rem;
  margin-left: 20px;
  letter-spacing: 2px;
  padding: 4px;
  padding-left: 5%;
  padding-bottom: 24px;
}
@media only screen and (max-width: 767px) {
  .header_wrap .header .header_right .menu ul li a {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.header_wrap .header .header_right .menu ul li a:hover {
  color: #b0a171;
  border-bottom: 3px solid #b0a171;
}
@media only screen and (min-width: 1445px), only screen and (min-width: 768px) and (max-width: 1239px), only screen and (min-width: 1240px) and (max-width: 1444px) {
  .header_wrap.sticky {
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -ms-transition: 200ms;
    transition: 200ms;
    height: 65px;
  }
  .header_wrap.sticky .header {
    height: 43px;
    margin-top: 9px;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -ms-transition: 200ms;
    transition: 200ms;
  }
  .header_wrap.sticky .header .header_left .logo {
    width: 31;
    height: 43px;
    background: url("../images/logo_small.png") no-repeat;
  }
  .header_wrap.sticky .header .header_right .social {
    margin-top: 8px;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -ms-transition: 200ms;
    transition: 200ms;
  }
  .header_wrap.sticky .header .header_right .social ul {
    text-align: right;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -ms-transition: 200ms;
    transition: 200ms;
  }
  .header_wrap.sticky .header .header_right .social ul li {
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -ms-transition: 200ms;
    transition: 200ms;
  }
  .header_wrap.sticky .header .header_right .social ul li a:hover {
    opacity: .8;
  }
  .header_wrap.sticky .header .header_right .menu {
    display: inline-block;
    width: 110%;
    margin: auto;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -ms-transition: 200ms;
    transition: 200ms;
  }
  .header_wrap.sticky .header .header_right .menu ul {
    padding-bottom: 0px;
    margin-bottom: 4px;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -ms-transition: 200ms;
    transition: 200ms;
  }
  .header_wrap.sticky .header .header_right .menu ul li a {
    padding-bottom: 10px;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -ms-transition: 200ms;
    transition: 200ms;
  }
}
/*********************************************************************************************
Pano
**********************************************************************************************/
.hero {
  width: 100%;
  min-height: 100%;
  display: block;
  top: 0px;
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
}
.paralax_cover {
  z-index: 2;
}
.paralax_cover .pano_shadow {
  width: 100%;
  height: 200px;
  position: absolute;
  display: block;
  background: url("../images/hero_gradient.png") repeat-x;
  bottom: 0;
  background-size: contain;
  z-index: 0;
}
.paralax_cover .pano_cover {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 10 10'> <path d='M0 0 L0 10 L10 10 ' fill='white' /></svg>");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%, auto;
  width: 100%;
  display: block;
  position: absolute;
  bottom: 0;
  height: 1%;
  z-index: 20;
}
.spacer {
  width: 100%;
  height: 100%;
}
.scroll_tip {
  position: absolute;
  bottom: 0px;
  margin-bottom: 0%;
  z-index: 999;
  width: 80px;
  left: 50%;
  right: 50%;
  display: block;
  height: 80px;
  opacity: 0;
  text-align: center;
}
.scroll_tip span {
  color: #ffffff;
  font-weight: 300;
  font-size: 10px;
  font-size: 0.625rem;
  clear: both;
  display: block;
  text-align: center;
}
.scroll_tip.sticky {
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  opacity: 0!important;
}
/*********************************************************************************************
mosaic
**********************************************************************************************/
.projects {
  height: 2000px;
}
@media only screen and (max-width: 767px) {
  .projects {
    height: auto;
  }
}
.video {
  margin-top: 100px;
  padding-bottom: 100px;
  height: 680px;
}
@media only screen and (max-width: 767px) {
  .video {
    height: 500px;
  }
}
@media only screen and (max-width: 436px) {
  .video {
    height: 300px;
  }
}
.grid {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .grid {
    position: relative;
    width: 100%;
    margin: 0px;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    display: block;
    margin-left: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1239px) {
  .g1 {
    margin-left: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .g1 {
    margin-top: -180px;
    padding-left: 20px;
  }
  .g1 .cta {
    display: none;
  }
}
.g2 {
  position: absolute;
  left: 489px;
  top: 70px;
  height: 517px;
  width: 517px;
  background: url("../images/1.png") no-repeat;
  background-size: cover;
  background-position: left bottom;
}
@media only screen and (min-width: 768px) and (max-width: 1239px) {
  .g2 {
    width: 50%;
    left: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .g2 {
    position: relative;
    width: 95%;
    height: 300px;
    background-position: center;
    margin: auto;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    display: block;
  }
}
.g3 {
  position: absolute;
  left: 0px;
  top: 360px;
  height: 489px;
  width: 489px;
  background: url("../images/2.png") no-repeat;
  background-size: cover;
  background-position: left bottom;
}
@media only screen and (min-width: 768px) and (max-width: 1239px) {
  .g3 {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .g3 {
    position: relative;
    width: 100%;
    margin: auto;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    display: block;
    height: 250px;
    background-position: center;
  }
}
.g4 {
  position: absolute;
  left: 489px;
  top: 587px;
  height: 724px;
  width: 737px;
  background: url("../images/3.png") no-repeat;
  background-size: cover;
  background-position: left bottom;
}
@media only screen and (min-width: 768px) and (max-width: 1239px) {
  .g4 {
    width: 50%;
    left: 50%;
    z-index: 99;
  }
}
@media only screen and (max-width: 767px) {
  .g4 {
    position: relative;
    width: 95%;
    height: 300px;
    background-position: center;
    margin: auto;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    display: block;
  }
}
body .grid.g5 {
  position: absolute;
  left: 0;
  top: 856px;
  height: 480px;
  width: 490px;
  background: #fff;
}
body .grid.g5 div {
  margin-left: 110px;
  margin-top: 100px;
  position: relative;
  display: block;
}
@media only screen and (max-width: 767px) {
  body .grid.g5 {
    display: none !important;
  }
}
body .grid.g6 {
  position: absolute;
  left: 0px;
  top: 1311px;
  height: 645px;
  width: 644px;
  background: url("../images/4.png") no-repeat;
  background-size: cover;
  background-position: left bottom;
}
@media only screen and (min-width: 768px) and (max-width: 1239px) {
  body .grid.g6 {
    width: 60%;
  }
}
@media only screen and (max-width: 767px) {
  body .grid.g6 {
    display: none !important;
  }
}
body .grid.g7 {
  position: absolute;
  left: 644px;
  top: 1311px;
  height: 461px;
  width: 461px;
  background: url("../images/5.png") no-repeat;
  background-size: cover;
  background-position: left bottom;
}
@media only screen and (min-width: 768px) and (max-width: 1239px) {
  body .grid.g7 {
    width: 40%;
    left: 60%;
    z-index: 99;
  }
}
@media only screen and (max-width: 767px) {
  body .grid.g7 {
    display: none !important;
  }
}
.g8 {
  height: 63px;
}
@media only screen and (min-width: 768px) and (max-width: 1239px) {
  .g8 .cta {
    margin-left: 20px;
    position: absolute;
  }
}
@media only screen and (max-width: 767px) {
  .g8 {
    margin: auto;
    display: block;
    margin-top: 20px;
    position: relative;
    clear: both;
    height: 100px;
  }
}
/*********************************************************************************************
people / contact
**********************************************************************************************/
.left {
  margin-top: 100px;
  width: 392px;
  height: 740px;
}
.left.contact {
  height: 1284px;
}
@media only screen and (max-width: 767px) {
  .left.contact {
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .left.people {
    padding-top: 500px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1239px) {
  .left {
    width: 45%;
  }
}
@media only screen and (max-width: 767px) {
  .left {
    width: 95%;
    margin: auto;
    position: relative;
    height: auto;
    padding-bottom: 20px;
  }
}
.left .sizing {
  margin-left: -60px;
  margin-top: 36px;
  width: 539px;
}
@media only screen and (min-width: 768px) and (max-width: 1239px), only screen and (max-width: 767px) {
  .left .sizing {
    margin: auto;
    width: 100%;
  }
}
.left div {
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 1239px) {
  .left div {
    margin-left: 20px;
  }
}
.left ul {
  position: absolute;
}
@media only screen and (min-width: 768px) and (max-width: 1239px), only screen and (min-width: 1240px) and (max-width: 1444px) {
  .left ul {
    margin-left: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .left ul {
    position: relative;
    width: 100%;
    margin: auto;
    margin-top: 50px;
  }
}
.left ul.address {
  margin-left: 0px;
}
.left ul.address li {
  padding-bottom: 10px;
}
.left ul.address li a {
  letter-spacing: normal;
  text-transform: none;
}
@media only screen and (max-width: 767px) {
  .left ul.address {
    margin-left: 0px;
  }
}
.left ul li {
  padding-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 1239px) {
  .left ul.people {
    margin: inherit;
    width: 100%;
    left: 0px;
    margin-top: 30px;
  }
}
.right {
  position: absolute;
  top: -100px;
  left: 526px;
  height: 840px;
  width: 709px;
  background: url("../images/people.png") no-repeat;
  background-size: cover;
  background-position: left top;
}
@media only screen and (max-width: 767px) {
  .right {
    width: 100%;
    position: absolute;
    left: 0px;
    height: 500px;
    top: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1239px) {
  .right.people {
    height: 100%;
    width: 50%;
    left: 50%;
    top: 0px;
    overflow: hidden;
  }
}
@media only screen and (max-width: 767px) {
  .right.people {
    width: 100%;
    position: absolute;
    left: 0px;
    height: 500px;
    background-position: right top;
  }
}
.right.map {
  height: 1191px;
  width: 500px;
  background: url("../images/pricing.jpg") no-repeat;
  margin-top: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 1239px) {
  .right.map {
    left: 50%;
    width: 50%;
    background-position: center;
  }
}
@media only screen and (max-width: 767px) {
  .right.map {
    position: relative;
    width: 100%;
    background-size: contain;
    background-position: center;
  }
}
/*********************************************************************************************
slider
**********************************************************************************************/
.slideshow {
  width: 100%;
  min-height: 589px;
  clear: both;
  position: relative;
  display: block;
  background: url("../images/slider1.jpg") no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}
/*********************************************************************************************
footer
**********************************************************************************************/
.r_footer {
  width: 100%;
  height: 458px;
  background: #f4f4f4 url("../images/bottomimage.jpg") no-repeat;
  background-position: center;
  background-size: cover;
  clear: both;
  position: relative;
  display: block;
  z-index: 999;
}
@media only screen and (max-width: 767px) {
  .r_footer {
    display: none;
  }
}
.footer_wrap {
  height: 50px;
  width: 100%;
  clear: both;
  z-index: 999;
  position: relative;
  display: block;
  color: #818181;
  border-top: #b0a171 5px solid;
  background: #1a1a1a;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 13px;
  font-size: 0.8125rem;
}
@media only screen and (max-width: 767px) {
  .footer_wrap {
    height: 100px;
  }
}
.footer_wrap .footer {
  width: 1024px;
  margin: auto;
}
@media only screen and (min-width: 1240px) and (max-width: 1444px), only screen and (min-width: 768px) and (max-width: 1239px), only screen and (max-width: 767px) {
  .footer_wrap .footer {
    width: 95%;
  }
}
.footer_wrap .footer .footer_left {
  float: left;
  margin-top: 10px;
}
@media only screen and (max-width: 767px) {
  .footer_wrap .footer .footer_left {
    margin-top: 23px;
  }
}
.footer_wrap .footer .footer_left h5 {
  color: #ffffff;
  letter-spacing: 0.2em;
}
.footer_wrap .footer .footer_left span {
  margin-left: 10px;
  letter-spacing: 0em;
  color: #818181;
}
@media only screen and (max-width: 767px) {
  .footer_wrap .footer .footer_left span {
    display: block;
    font-size: 10px;
    font-size: 0.625rem;
    margin-left: 0px;
  }
}
.footer_wrap .footer .footer_right {
  margin-top: 18px;
  float: right;
  font-size: 10px;
  font-size: 0.625rem;
}
@media only screen and (max-width: 767px) {
  .footer_wrap .footer .footer_right {
    margin-top: 28px;
  }
}
.footer_wrap .footer .footer_right a {
  color: #ffffff;
  margin-left: 10px;
}
@media only screen and (max-width: 767px) {
  .footer_wrap .footer .footer_right a {
    display: block;
    text-align: right;
    margin: 0px;
  }
}
/*********************************************************************************************
specials
**********************************************************************************************/
.viewportfixer {
  width: 500px;
  height: 0px;
}
@media only screen and (min-width: 1240px) and (max-width: 1444px) {
  .viewportfixer {
    width: 400px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1239px) {
  .viewportfixer {
    width: 300px;
  }
}
@media only screen and (min-width: 437px) and (max-width: 767px) {
  .viewportfixer {
    width: 200px;
  }
}
@media only screen and (max-width: 436px) {
  .viewportfixer {
    width: 100px;
  }
}
.animate_1,
.animate_2,
.animate_3,
.animate_4 {
  opacity: 0;
}