/* v1.0.5 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royalSlider {
  width: 100%;
  height: 100vh;
  position: relative;
  direction: ltr;
}
.royalSlider > * {
  float: left;
}
.rsWebkit3d .rsSlide {
  -webkit-transform: translateZ(0);
}
.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl,
.rsWebkit3d .rsABlock,
.rsWebkit3d .rsLink {
  -webkit-backface-visibility: hidden;
}
.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
  -webkit-transform: none;
}
.rsOverflow {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  float: left;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rsVisibleNearbyWrap {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  left: 0;
  top: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rsVisibleNearbyWrap .rsOverflow {
  position: absolute;
  left: 0;
  top: 0;
}
.rsContainer {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rsArrow,
.rsThumbsArrow {
  cursor: pointer;
}
.rsThumb {
  float: left;
  position: relative;
}
.rsArrow,
.rsNav,
.rsThumbsArrow {
  opacity: 1;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
.rsHidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
  -moz-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
  -o-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
  transition: visibility 0s linear 0.3s,opacity 0.3s linear;
}
.rsGCaption {
  width: 100%;
  float: left;
  text-align: center;
}
/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {
  position: fixed !important;
  height: auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 2147483647 !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
}
.royalSlider .rsSlide.rsFakePreloader {
  opacity: 1 !important;
  -webkit-transition: 0s;
  -moz-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
  display: none;
}
.rsSlide {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
  height: auto;
}
.rsContent {
  width: 100%;
  height: 100%;
  position: relative;
}
.rsPreloader {
  position: absolute;
  z-index: 0;
}
.rsNav {
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  user-select: none;
}
.rsNavItem {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.25);
}
.rsThumbs {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  float: left;
  z-index: 22;
}
.rsTabs {
  float: left;
  background: none !important;
}
.rsTabs,
.rsThumbs {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rsVideoContainer {
  width: auto;
  height: auto;
  line-height: 0;
  position: relative;
}
.rsVideoFrameHolder {
  position: absolute;
  left: 0;
  top: 0;
  background: #141414;
  opacity: 0;
  -webkit-transition: .3s;
}
.rsVideoFrameHolder.rsVideoActive {
  opacity: 1;
}
.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
  position: absolute;
  z-index: 50;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 44px;
}
.rsABlock {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 15;
}
img.rsImg {
  max-width: none;
}
.grab-cursor {
  cursor: url(../../JavaScript/new-rs-9.5.6/royalslider/grab.png) 8 8, move;
}
.grabbing-cursor {
  cursor: url(../../JavaScript/new-rs-9.5.6/royalslider/grabbing.png) 8 8, move;
}
.rsNoDrag {
  cursor: auto;
}
.rsLink {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 20;
  background: url(../../JavaScript/new-rs-9.5.6/royalslider/blank.gif);
}
/* Breakpoints*/
/************  COLOURS  ************/
/*Grey*/
/*ltGrey*/
/************  FONTS  ************/
strong {
  font-weight: bold!important;
}
/************  GENERAL  ************/
h1 {
  letter-spacing: 5px;
  color: #a5b6bf;
  text-transform: uppercase;
}
/************  LINK STYLING  ************/
a,
a:hover {
  text-decoration: none;
}
a:link {
  color: #6d6e71;
}
a:visited {
  color: #6d6e71;
}
a:hover {
  color: #fff;
}
a:focus {
  color: inherit;
  text-decoration: none;
}
a:active {
  color: #fff;
}
/*contact links*/
.section7 a:link {
  color: #000;
}
.section7 a:visited {
  color: #000;
}
.section7 a:hover {
  color: #a5b6bf;
}
.section7 a:focus {
  color: inherit;
  text-decoration: none;
}
.section7 a:active {
  color: #a5b6bf;
}
* {
  margin: 0 auto;
  padding: 0;
}
a,
li,
img,
input,
textarea,
a span {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
img {
  border: none;
  max-width: 100% !important;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}
ul {
  margin: 0;
  padding: 0;
}
li {
  list-style: none;
}
html,
body {
  font-family: "proxima-nova", sans-serif;
  color: #000;
  font-size: 20px;
  font-weight: 300;
  background-color: #c5d0d5;
}
/************  FORMS  ************/
textarea,
input[type="text"] {
  -webkit-appearance: none !important;
}
input -webkit-autofill,
textarea -webkit-autofill {
  color: #fff !important;
}
input,
textarea,
select {
  font-size: 14px;
}
input[type=checkbox],
input[type=radio] {
  margin: 5px;
}
/************  GENERAL  ************/
.main-width {
  width: 1020px;
  margin: 0 auto;
}
.clear {
  clear: both;
}
.left {
  float: left;
}
.right {
  float: right;
}
.section {
  text-align: center;
  padding: 50px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .section {
    padding: 0px;
  }
}
.SectionHeading {
  letter-spacing: 5px;
  font-size: 62px;
  font-weight: 700;
  margin: 0 0 50px 0;
  letter-spacing: 2px;
}
@media only screen and (max-width: 767px) {
  .SectionHeading {
    font-size: 31px;
  }
}
@media only screen and (max-width: 767px) {
  .sectionContent {
    width: 95% !important;
  }
}
a.socialContainer {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
}
a.socialContainer .socialIcon,
a.socialContainer .socialIconHover {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0px;
  left: 0px;
}
a.socialContainer .socialIcon {
  z-index: 1000;
}
a.socialContainer .socialIconHover {
  z-index: 500;
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.socialContainer:hover .socialIcon {
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.socialContainer:hover .socialIconHover {
  z-index: 500;
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .container {
    width: 100%;
  }
}
/*------ Header ------*/
header {
  position: fixed;
  top: 0px;
  z-index: 99999;
  width: 100%;
}
#navIcon {
  color: #fff;
  font-size: 26px;
  position: absolute;
  left: 50%;
  top: 20px;
  margin-left: -13px;
}
@media only screen and (max-width: 767px) {
  #navIcon {
    left: auto;
    right: 20px;
  }
}
figure {
  width: 100%;
  position: relative;
  margin: 20px;
}
figure .logo {
  width: 200px;
  position: relative;
  z-index: 9999;
}
.tagline {
  position: absolute;
  right: 20px;
  top: 0px;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.tagline h2 {
  font-size: 20px;
  color: #231f20;
  font-weight: 600;
  letter-spacing: 2px;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .tagline {
    display: none;
  }
}
#mainNavContainer {
  display: none;
  text-align: center;
  width: 100%;
  background-color: #c5d0d5;
  position: fixed;
  top: 0px;
  left: 0px;
  height: auto;
  padding: 20px 0 20px 0;
}
#mainNavContainer ul {
  margin-top: 70px;
}
#mainNavContainer ul li a {
  font-weight: 300;
  font-size: 20px;
}
/*------ Newsletter Modal ------*/
#SiteWrap.NewsModalActive {
  position: relative;
  height: 100vh;
  overflow: hidden;
}
#FooterNewsSubscribeLink {
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
#FooterNewsSubscribeLink:hover {
  cursor: pointer;
  color: #6c8895;
}
#NewsletterModal {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  z-index: 99999999;
}
@media only screen and (min-width: 1200px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  #NewsletterModal {
    background-color: rgba(42, 53, 59, 0.7);
  }
}
#NewsletterModal .SignupContainer {
  position: absolute;
  background-color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (min-width: 1200px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  #NewsletterModal .SignupContainer {
    top: 50%;
    left: 50%;
    width: 500px;
    height: 500px;
    margin-top: -250px;
    margin-left: -250px;
    -webkit-border-radius: 50%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 50%;
    -moz-background-clip: padding;
    border-radius: 50%;
    background-clip: padding-box;
    -webkit-box-shadow: 0px 1px 50px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 1px 50px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 1px 50px rgba(0, 0, 0, 0.5);
  }
}
@media only screen and (max-width: 767px) {
  #NewsletterModal .SignupContainer {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgba(255, 255, 255, 0.8);
  }
}
#NewsletterModal .SignupContainer .SignupContent {
  position: relative;
  margin: auto;
  text-align: center;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 1200px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  #NewsletterModal .SignupContainer .SignupContent .NewsModalLogo {
    display: none;
  }
}
#NewsletterModal .SignupContainer .SignupContent .NewsModalLogo {
  position: fixed;
  top: 15px;
  left: 15px;
  width: 50%;
  zoom: 1;
  filter: alpha(opacity=50);
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
#NewsletterModal .SignupContainer .SignupContent #CloseNewsletterModal {
  color: #a5b6bf;
  font-size: 20px;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: -30px;
}
#NewsletterModal .SignupContainer .SignupContent #CloseNewsletterModal:hover {
  color: #879eaa;
  cursor: pointer;
}
#NewsletterModal .SignupContainer .SignupContent h1,
#NewsletterModal .SignupContainer .SignupContent p {
  text-transform: uppercase;
  margin: 0 auto 20px auto;
  color: #a5b6bf;
  max-width: 70%;
}
@media only screen and (max-width: 767px) {
  #NewsletterModal .SignupContainer .SignupContent h1,
  #NewsletterModal .SignupContainer .SignupContent p {
    max-width: 100%;
  }
}
#NewsletterModal .SignupContainer .SignupContent h1 {
  font-weight: 600;
  color: #6c8895;
  margin: 20px auto 20px auto;
}
#NewsletterModal .SignupContainer .SignupContent form {
  display: block;
  margin: auto;
}
#NewsletterModal .SignupContainer .SignupContent form input,
#NewsletterModal .SignupContainer .SignupContent form select {
  display: block;
  border: 1px solid #a5b6bf;
  margin: 0 auto 10px auto;
  padding: 5px;
  width: 70%;
}
#NewsletterModal .SignupContainer .SignupContent form select {
  height: 32px;
}
#NewsletterModal .SignupContainer .SignupContent form .NewsSignupSubmit {
  width: 100px;
  margin: 30px auto 0 auto;
  background-color: #6c8895;
  border: none;
  color: #fff;
  text-transform: uppercase;
}
#NewsletterModal .SignupContainer .SignupContent form .NewsSignupSubmit:hover {
  background-color: #879eaa;
}
#NewsletterModal #NewsSubscribeConfirmation {
  display: none;
  width: 100%;
  height: auto;
  margin: auto;
  text-align: center;
  max-width: 70%;
}
#NewsletterModal #NewsSubscribeConfirmation h1 {
  font-weight: 600;
  color: #6c8895;
}
/*------ HOME ------*/
.royalSlider > .rsContent {
  visibility: hidden;
}
#homepageSliderContainer {
  overflow: hidden;
  position: relative;
  height: 100vh;
  width: 100%;
}
#homepageSliderContainer #watermarkContainer {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
#homepageSliderContainer #watermarkContainer #watermark {
  position: relative;
  display: block;
  margin: auto;
  z-index: 1000;
  zoom: 1;
  filter: alpha(opacity=50);
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  height: 100vh;
}
#homepageSliderContainer #watermarkTop,
#homepageSliderContainer #watermarkBottom {
  display: none !important;
}
#homepageSliderContainer #watermarkContainer.bazinga {
  display: none;
}
#homepageSliderContainer #watermarkTop.bazinga,
#homepageSliderContainer #watermarkBottom.bazinga {
  position: relative;
  width: 100%;
  height: 50vh;
  display: block!important;
  zoom: 1 !important;
  filter: alpha(opacity=50) !important;
  -webkit-opacity: 0.5 !important;
  -moz-opacity: 0.5 !important;
  opacity: 0.5 !important;
}
#homepageSliderContainer #watermarkTop.bazinga img,
#homepageSliderContainer #watermarkBottom.bazinga img {
  display: block;
  margin: auto;
  height: 100%;
}
#homepageSliderContainer #homepageSlider .rsOverflow {
  position: absolute;
}
#homepageSliderContainer #homepageSlider .rsOverflow .rsContainer .rsSlide .rsContent {
  background-size: cover;
  background-position: center center;
}
#homepageSliderContainer #homepageSlider .rsOverflow .rsContainer .rsSlide .rsContent .bContainer .rsABlock {
  z-index: 9000;
}
#homepageSliderContainer #homepageSlider .rsOverflow .rsContainer .rsSlide .rsContent .bContainer h1 {
  position: absolute;
  width: 100%;
  height: 100%;
  line-height: 100vh;
  text-align: center;
  font-size: 120px;
  font-weight: bold;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  #homepageSliderContainer #homepageSlider .rsOverflow .rsContainer .rsSlide .rsContent .bContainer h1 {
    font-size: 60px;
  }
}
/*------ SECTION 1 ------*/
.section1 {
  background-color: #fff;
  color: #a5b6bf;
}
.section1 .sectionContent {
  width: 60%;
}
.section1 .sectionContent p {
  font-size: 20px;
  font-weight: 300;
}
@media only screen and (min-width: 1200px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .section1 .container,
  .section1 .col-lg-1,
  .section1 .col-lg-10,
  .section1 .col-lg-11,
  .section1 .col-lg-12,
  .section1 .col-lg-2,
  .section1 .col-lg-3,
  .section1 .col-lg-4,
  .section1 .col-lg-5,
  .section1 .col-lg-6,
  .section1 .col-lg-7,
  .section1 .col-lg-8,
  .section1 .col-lg-9,
  .section1 .col-md-1,
  .section1 .col-md-10,
  .section1 .col-md-11,
  .section1 .col-md-12,
  .section1 .col-md-2,
  .section1 .col-md-3,
  .section1 .col-md-4,
  .section1 .col-md-5,
  .section1 .col-md-6,
  .section1 .col-md-7,
  .section1 .col-md-8,
  .section1 .col-md-9,
  .section1 .col-sm-1,
  .section1 .col-sm-10,
  .section1 .col-sm-11,
  .section1 .col-sm-12,
  .section1 .col-sm-2,
  .section1 .col-sm-3,
  .section1 .col-sm-4,
  .section1 .col-sm-5,
  .section1 .col-sm-6,
  .section1 .col-sm-7,
  .section1 .col-sm-8,
  .section1 .col-sm-9,
  .section1 .col-xs-1,
  .section1 .col-xs-10,
  .section1 .col-xs-11,
  .section1 .col-xs-12,
  .section1 .col-xs-2,
  .section1 .col-xs-3,
  .section1 .col-xs-4,
  .section1 .col-xs-5,
  .section1 .col-xs-6,
  .section1 .col-xs-7,
  .section1 .col-xs-8,
  .section1 .col-xs-9 {
    padding: 0px;
  }
}
.section1 h1,
.section1 h2 {
  font-size: 62px;
  font-weight: 700;
  margin: 30px 0 30px 0;
  letter-spacing: 2px;
}
@media only screen and (max-width: 767px) {
  .section1 h1,
  .section1 h2 {
    font-size: 31px;
  }
}
.section1 h1 {
  letter-spacing: 5px;
}
#FreshFormFunction {
  padding: 0 0 50px 0;
}
/*------ ABOUT - NEW STYLE------*/
#AboutMobileHeader {
  height: 400px;
  width: 100%;
  background-size: cover;
  background-position: top left;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) {
  #AboutMobileHeader {
    display: none;
  }
}
#About {
  padding: 50px 0 0 0;
  color: #fff;
  background-size: cover;
  background-position: top center;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  #About {
    background-image: none!important;
    padding: 50px 0 50px 0;
  }
}
#About .sectionContent {
  color: #000;
  line-height: 1.5;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  #About .sectionContent {
    width: 80%;
  }
}
#About .sectionContent h1 {
  color: #fff;
}
#About .sectionContent p {
  font-size: 20px;
}
#About .sectionContent .CoreValueContentContainer .CoreValueTitle {
  display: block;
  width: 200px;
  margin: 30px auto auto auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
#About .sectionContent .CoreValueContentContainer .CoreValueTitle p {
  display: block;
  margin: 0;
  font-weight: 600;
  font-size: 20px;
}
#About .sectionContent .CoreValueContentContainer .CoreValueTitle img {
  width: 70px;
  margin: 0 15px 0 0;
}
#About .sectionContent .CoreValueContentContainer p {
  margin: 0 0 30px 0;
}
#About .sectionContent .VickyProfileContainer {
  margin: 50px 0 0 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  #About .sectionContent .VickyProfileContainer {
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) {
  #About .sectionContent .VickyProfileContainer .ProfileImageContainer,
  #About .sectionContent .VickyProfileContainer .VickyDetails {
    -webkit-flex-basis: 0;
    flex-basis: 0;
    -webkit-flex-grow: 1;
    flex-grow: 1;
  }
}
#About .sectionContent .VickyProfileContainer .VickyDetails {
  padding: 35px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
#About .sectionContent .VickyProfileContainer .VickyDetails .VickyQuote {
  position: relative;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  #About .sectionContent .VickyProfileContainer .VickyDetails .VickyQuote {
    margin: 30px 0 30px 0;
  }
}
#About .sectionContent .VickyProfileContainer .VickyDetails .VickyQuote p {
  font-size: 36px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  #About .sectionContent .VickyProfileContainer .VickyDetails .VickyQuote p {
    font-size: 31px;
  }
}
#About .sectionContent .VickyProfileContainer .VickyDetails .VickyQuote p:before {
  content: "‘";
  display: block;
  position: absolute;
  top: -100px;
  left: -20px;
  font-size: 180px;
  color: #6c8895;
}
#About .sectionContent .VickyProfileContainer .VickyDetails .VickyQuote p:after {
  content: "’";
  display: block;
  position: absolute;
  bottom: -160px;
  right: -20px;
  font-size: 180px;
  color: #6c8895;
}
#About .sectionContent .VickyProfileContainer .VickyDetails h1 {
  color: #fff;
}
#About .sectionContent .VickyProfileContainer .VickyDetails h1:last-of-type {
  color: #a5b6bf;
}
/*------ SECTION 2 - OLD STYLE------*/
#section2MobileHeader {
  height: 400px;
  width: 100%;
  background-size: cover;
  background-position: top left;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) {
  #section2MobileHeader {
    display: none;
  }
}
.section2 {
  padding: 220px 0 220px 0;
  color: #fff;
  background-size: cover;
  background-position: top center;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .section2 {
    background-image: none!important;
    padding: 50px 0 50px 0;
  }
}
.section2 .sectionContent {
  line-height: 1.5;
  width: 40%;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .section2 .sectionContent {
    width: 80%;
  }
}
.section2 .sectionContent p {
  font-size: 20px;
  font-weight: 400;
}
.section2 .sectionContent h1 {
  font-size: 20px;
  margin: 0;
}
.section2 .sectionContent .socialContainer {
  margin-top: 20px;
}
.section2 .sectionContent .vickyDetails {
  margin-top: 20px;
}
.section2 .sectionContent .vickyDetails h1 {
  color: #fff;
}
.section2 .sectionContent .vickyDetails h1:last-of-type {
  color: #a5b6bf;
}
/*------ SECTION 3 ------*/
.section3 {
  background-color: #fff;
  padding: 40px 0 50px 0;
}
.section3 h1 {
  margin: 0 0 15px 0;
  font-size: 28px;
  color: #231f20;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .section3 h1 {
    font-size: 18px;
  }
}
#instafeed {
  height: 160px;
  overflow: hidden;
}
#instafeed a img {
  margin: 5px;
}
#WorkingWithYou {
  padding: 50px 15px 50px 15px;
  text-align: center;
}
#WorkingWithYou h1 {
  margin: 0 0 20px 0;
  color: #6c8895;
  font-size: 62px;
  font-weight: 700;
  letter-spacing: 2px;
}
@media only screen and (max-width: 767px) {
  #WorkingWithYou h1 {
    font-size: 31px;
  }
}
#WorkingWithYou .sectionContent {
  width: 50%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #WorkingWithYou .sectionContent {
    width: 80%;
  }
}
@media only screen and (max-width: 767px) {
  #WorkingWithYou .sectionContent {
    width: 90%;
  }
}
/*------ SECTION 4 ------*/
.section4 {
  background-color: #fff;
  padding: 0px 0 0 0;
}
.section4 h1 {
  color: #6c8895;
  font-size: 62px;
  font-weight: 700;
  letter-spacing: 2px;
  background-color: #c5d0d5;
  padding: 50px 0 20px 0;
}
@media only screen and (max-width: 767px) {
  .section4 h1 {
    font-size: 31px;
  }
}
@media only screen and (min-width: 1200px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .section4 h2.processMobileSubHeading {
    display: none;
  }
  .section4 #ourProcessesSlider {
    margin-top: 170px;
  }
  .section4 #ourProcessesSlider .rsContainer .rsSlide {
    min-height: 450px;
    background-color: #c5d0d5;
  }
  .section4 #ourProcessesSlider .rsContainer .rsSlide div {
    width: 50%;
    padding: 50px 0 50px 0;
  }
  .section4 #ourProcessesSlider .rsContainer .rsSlide div div {
    width: 100%;
    display: block;
    margin: auto;
  }
  .section4 #ourProcessesSlider .rsContainer .rsSlide div ul {
    width: 60%;
    display: block;
    margin: auto;
  }
  .section4 #ourProcessesSlider .rsContainer .rsSlide div ul li {
    list-style: outside;
    text-align: left;
  }
  .section4 #ourProcessesSlider .rsTabs {
    position: absolute;
    top: -130px;
    margin: auto;
    display: block;
    width: 100%;
  }
  .section4 #ourProcessesSlider .rsTabs .rsTab {
    width: 130px;
    height: 30px;
    display: inline-block;
    margin: 10px;
    position: relative;
    background-image: url(/_System/assets/images/v_element_small.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
  }
  .section4 #ourProcessesSlider .rsTabs .rsTab span.rsTmb {
    position: absolute;
    width: 150px;
    left: 50%;
    top: 50px;
    margin-left: -75px;
    font-size: 14px;
    color: 231f20;
    font-weight: 600;
    text-align: center;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
  }
  .section4 #ourProcessesSlider .rsTabs .rsTab span.rsTmb:before {
    content: "";
    position: absolute;
    top: -53px;
    left: 50%;
    margin-left: -10px;
    width: 20px;
    height: 20px;
    z-index: 9999;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    background-image: url(/_System/assets/images/SmallVTop.png);
    background-size: contain;
  }
  .section4 #ourProcessesSlider .rsTabs .rsTab span.rsTmb:after {
    content: "";
    position: absolute;
    top: -32px;
    left: 50%;
    margin-left: -10px;
    width: 20px;
    height: 20px;
    z-index: 9999;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    background-image: url(/_System/assets/images/SmallVBottom.png);
    background-size: contain;
  }
  .section4 #ourProcessesSlider .rsTabs .rsTab:after {
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    background-color: #fff;
    left: 50%;
    top: 15px;
    margin: -25px;
  }
  .section4 #ourProcessesSlider .rsTabs .rsTab:hover span {
    color: #c5d0d5;
  }
  .section4 #ourProcessesSlider .rsTabs .rsTab:hover span.rsTmb:before {
    top: -60px;
    background-image: url(/_System/assets/images/SmallVTopHover.png);
  }
  .section4 #ourProcessesSlider .rsTabs .rsTab:hover span.rsTmb:after {
    top: -20px;
    background-image: url(/_System/assets/images/SmallVBottomHover.png);
  }
  .section4 #ourProcessesSlider .rsTabs .rsNavSelected span.rsTmb:before {
    background-image: url(/_System/assets/images/SmallVTopHover.png);
  }
  .section4 #ourProcessesSlider .rsTabs .rsNavSelected span.rsTmb:after {
    background-image: url(/_System/assets/images/SmallVBottomHover.png);
  }
  .section4 #ourProcessesSlider .rsTabs .rsNavSelected span {
    color: #c5d0d5;
  }
  .section4 #ourProcessesSlider .rsTabs .rsTab:before {
    content: "";
    width: 50px;
    height: 1px;
    background-color: #fff;
    opacity: 1!important;
    position: absolute;
    top: 15px;
    left: 50%;
    margin-left: -25px;
  }
}
@media only screen and (min-width: 1200px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .section4 #ourProcessesSlider:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #c5d0d5;
    position: relative;
    top: -105px;
    max-width: 1500px;
    margin: auto;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .section4 h2.processMobileSubHeading {
    font-size: 20px;
  }
  .section4 #ourProcessesSlider {
    margin-top: 0px;
  }
  .section4 #ourProcessesSlider .rsNav {
    display: none;
  }
  .section4 #ourProcessesSlider .rsContainer .rsSlide {
    background-color: #c5d0d5;
  }
  .section4 #ourProcessesSlider .rsContainer .rsSlide div {
    width: 90%;
    padding: 20px 0 50px 0;
  }
}
@media only screen and (max-width: 767px) and only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 767px) {
  .section4 #ourProcessesSlider .rsContainer .rsSlide div {
    width: 90%;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  h1.processDesktopHeading {
    display: none;
  }
}
#ourProcessesMobileNav {
  width: 100%;
  margin: auto;
}
#ourProcessesMobileNav button {
  border: none;
  background: none;
}
#ourProcessesMobileNav button h1 {
  padding: 15px;
  margin: 0px;
}
#ourProcessesMobileNav button h1 .glyphicon {
  font-size: 35px;
  top: -6px;
}
@media only screen and (max-width: 767px) {
  #ourProcessesMobileNav button h1 .glyphicon {
    font-size: 20px;
    top: -2px;
  }
}
#ourProcessesMobileNav button,
#ourProcessesMobileNav ul {
  width: 100%;
}
#ourProcessesMobileNav ul {
  padding: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) {
  #ourProcessesMobileNav {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section4 #ourProcessesSlider .rsTabs .rsTab {
    width: 100px;
  }
  .section4 #ourProcessesSlider .rsTabs .rsTab span.rsTmb {
    font-size: 12px;
  }
}
/*------ SECTION 5 - BEFORE AFTER GALLERY------*/
.section5 {
  width: 100%;
  overflow: hidden;
  padding: 0 0 50px 0;
}
.section5 #content-slider-2 .rsBullets {
  margin: 20px auto 20px auto;
  display: block;
  width: 100%;
}
.section5 #content-slider-2 .rsBullets .rsBullet {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-image: url(/_System/assets/images/white-bullet.png);
  background-size: contain;
  margin: 0 5px;
}
.section5 #content-slider-2 .rsBullets .rsNavSelected {
  background-image: url(/_System/assets/images/active-bullet.png);
  background-size: contain;
}
.section5 .before,
.section5 .after {
  position: relative;
  display: table;
}
@media only screen and (min-width: 1200px) {
  .section5 .before,
  .section5 .after {
    height: 33vw;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section5 .before,
  .section5 .after {
    height: 75vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section5 .before,
  .section5 .after {
    height: 75vw;
  }
}
@media only screen and (max-width: 767px) {
  .section5 .before,
  .section5 .after {
    height: 75vw;
  }
}
.section5 .before img,
.section5 .after img {
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
.section5 .before h1,
.section5 .after h1 {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  z-index: 9999;
  width: 100%;
  margin: 0;
  font-size: 80px;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .section5 .before h1,
  .section5 .after h1 {
    font-size: 40px;
  }
}
.section5 .col-lg-6 {
  padding: 0px;
}
.section5 .after:hover img {
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -ms-filter: grayscale(0);
  filter: grayscale(0);
}
/*------ WHY WORK WITH US ------*/
#WhyWorkWithUs {
  width: 100%;
  background-color: #fff;
}
#WhyWorkWithUs h1 {
  text-transform: uppercase;
}
#WhyWorkWithUs ul {
  margin-bottom: 50px;
}
#WhyWorkWithUs ul li {
  margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  #WhyWorkWithUs {
    padding: 50px 15px 50px 15px;
  }
}
/*------ TESTIMONIALS ------*/
@media only screen and (max-width: 767px) {
  #TestimonialsContainer {
    padding: 50px 0px 50px 15px;
  }
}
#TestimonialsContainer .Testimonials {
  width: 700px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  #TestimonialsContainer .Testimonials {
    width: 100%;
  }
}
#TestimonialsContainer .Testimonials .TestimonialItem {
  position: relative;
}
#TestimonialsContainer .Testimonials .TestimonialItem .Testimonial {
  position: relative;
  display: block;
  margin: auto;
  width: 85%;
}
#TestimonialsContainer .Testimonials .TestimonialItem .TestimonialContainer {
  position: relative;
  overflow: visible;
  padding: 30px 15px 30px 15px;
}
#TestimonialsContainer .Testimonials .TestimonialItem .TestimonialContainer .QuoteIcon {
  display: block;
  position: absolute;
  width: 70px;
  height: 70px;
  margin: 0;
  padding: 0;
}
#TestimonialsContainer .Testimonials .TestimonialItem .TestimonialContainer .QuoteTop {
  top: 0px;
  left: 0px;
}
#TestimonialsContainer .Testimonials .TestimonialItem .TestimonialContainer .QuoteBottom {
  bottom: 0px;
  right: 0px;
}
#TestimonialsContainer .Testimonials .TestimonialItem .TestimonialAuthor {
  font-weight: 600;
  margin-top: 15px;
}
#TestimonialsContainer .slick-dots li button {
  border-radius: 50%;
  background-color: #fff;
}
#TestimonialsContainer .slick-dots li button:before {
  display: none;
}
#TestimonialsContainer .slick-dots li.slick-active button {
  background-color: #90a5b0;
}
#TestimonialsContainer .slick-dots li.slick-active button:before {
  display: none;
}
/*------ SECTION 6 ------*/
#GalleryOutter {
  position: relative;
}
#GalleryOutter .galleryWatermarkTop,
#GalleryOutter .galleryWatermarkBottom {
  position: absolute;
  width: 28%;
  z-index: 9999;
  left: 50%;
  margin-left: -14%;
  zoom: 1;
  filter: alpha(opacity=50);
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.galleryWatermarkTop {
  top: 0px;
}
.galleryWatermarkBottom {
  bottom: 0px;
}
#gallery {
  position: relative;
  padding: 0px;
}
#gallery .row .col-lg-3,
#gallery .row .col-md-3,
#gallery .row .col-sm-3,
#gallery .row .col-xs-3 {
  padding: 1px;
}
@media only screen and (max-width: 767px) {
  #gallery {
    margin-bottom: 100px;
  }
}
.blueimp-gallery > .title {
  background-color: #fff;
  color: #000;
  top: 0px;
  left: 0px;
  text-shadow: none;
  padding: 0 20px 0 20px;
  width: 100%;
  text-align: left;
  height: 70px;
  line-height: 70px;
}
.blueimp-gallery > .title:hover {
  color: #000;
  zoom: 1;
  filter: alpha(opacity=80);
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.GalleryThumbnail {
  position: relative;
  overflow: hidden;
}
.GalleryThumbnail a {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.GalleryThumbnail .GalleryTitle {
  margin: 0 1px 0 1px 0;
  position: absolute;
  bottom: 1px;
  left: 1px;
  width: 99%;
  height: 50px;
  background-color: rgba(255, 255, 255, 0.9);
}
.GalleryThumbnail .GalleryTitle h1 {
  line-height: 50px;
  font-size: 16px;
  padding: 0px;
  margin: 0px;
  letter-spacing: normal;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .GalleryThumbnail .GalleryTitle {
    height: 25px;
  }
  .GalleryThumbnail .GalleryTitle h1 {
    line-height: 25px;
    font-size: 14px;
    letter-spacing: normal;
    padding: 0px;
    margin: 0px;
  }
}
/*------ SECTION 7 ------*/
.section7 .ContactContent {
  margin: 20px 0 20px 0;
}
.section7 .ContactContent p {
  margin: 0;
}
.section7 h1 {
  font-size: 28px;
  color: #231f20;
  font-weight: 600;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .section7 h1 {
    font-size: 18px;
  }
}
.section7 .submitContainer {
  width: 300px;
}
.section7 .submitContactForm {
  width: 100px;
  padding: 5px;
  float: right;
}
.section7 .socialContainer {
  float: left;
  margin-right: 5px;
}
.section7 .contact-form {
  margin-bottom: 20px;
}
.section7 input,
.section7 textarea {
  display: block;
  margin: 10px auto 10px auto;
  width: 300px;
  padding: 10px;
  border: none;
  font-weight: 400;
}
.section7 .submitContactForm {
  background-color: #a5b6bf;
}
.section7 .submitContactForm:hover {
  background-color: #000;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .section7 {
    padding-bottom: 100px;
  }
}
#contact-confirm {
  display: none;
}
/*------ NEWS / BLOG ------*/
#NewsContainer {
  padding: 50px 0 0 0;
  width: 100%;
  background-color: #fff;
  margin: 77px 0 0 0;
}
#NewsContainer .blog-container .blog-post {
  margin: 0 0 30px 0;
}
#NewsContainer .blog-container .blog-post .post-title {
  border: none;
  font-size: 30px;
  font-style: italic;
  font-weight: 300;
}
#NewsContainer .blog-container .blog-post .post-title a {
  color: #231f20;
}
#NewsContainer .blog-container .blog-post .post-title a:hover {
  color: #808284;
}
#NewsContainer .blog-container .blog-post .post-details {
  color: #231f20;
}
#NewsContainer .blog-container .blog-post .post-body {
  margin: 30px 0 30px 0;
  font-size: 16px;
}
#NewsContainer .blog-container .blog-post .post-feature-image {
  width: 100%;
}
#NewsContainer .blog-container .blog-post .ReadMoreLink {
  display: block;
  margin: 0 0 30px 0;
}
#NewsContainer .blog-container .blog-post .ReadMoreLink a {
  color: #231f20;
  display: inline-block;
  background-color: #a5b6bf;
  padding: 10px 20px 10px 20px;
  text-transform: uppercase;
}
#NewsContainer .blog-container .blog-post .ReadMoreLink a:hover {
  background-color: #879eaa;
}
#NewsContainer .blog-container .side-panel {
  padding: 20px;
  background-color: #8aa0aa;
}
#NewsContainer .blog-container .side-panel h4 {
  font-size: 20px;
  color: #231f20;
}
#NewsContainer .blog-container .side-panel a {
  font-size: 16px;
  color: #fff;
}
#NewsContainer .blog-container .side-panel span {
  font-size: 16px;
  color: #000;
}
@media only screen and (max-width: 767px) {
  #PostList {
    float: none;
    width: 100%;
    display: block;
    position: relative;
  }
  .blog-container .side-panel {
    float: none;
    width: 100%;
    display: block;
    position: relative;
    margin: 0 0 20px 0;
  }
  .blog-container .side-panel .SidePanelArchiveContainer {
    display: none;
  }
}
/*------ Video Vimeo ------*/
#Video {
  padding: 100px 0;
  background-color: #fff;
}
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*------ Footer ------*/
#backToTop {
  position: fixed;
  bottom: -50px;
  width: 100%;
  background-color: #000;
  height: 50px;
}
#backToTop a {
  display: block;
  color: #fff;
  text-align: center;
  width: 100%;
  height: 100%;
  line-height: 50px;
}
@media only screen and (min-width: 1200px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  #backToTop {
    display: none;
  }
}