@charset "UTF-8";
a:focus, a:hover {
  color: #fff;
  text-decoration: none; }

/* прелипала */
#prelipala {
  font-size: 0;
  line-height: 0;
  z-index: 200;
  min-width: 900px;
  position: relative;
  width: 100%;
  height: 64px;
  background: #161717;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(to top, #161717 70%, #222223);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(to top, #161717 70%, #222223);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(to top, #161717 70%, #222223);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to top, #161717 70%, #222223);
  /* Standard syntax */ }

/*.logo {
  position: relative;
  background: url('/images/bg-min.png') center center no-repeat;
  background-size: cover;
  text-align: center;
  height: 110px;
  width: 100%;
  display: block;
  z-index: 200;
}
.logo a {
    vertical-align: middle;
    line-height: 110px;
    margin: 0 auto;
}
.logo img {
    width: 400px;
} */
#prelipala > .nav {
  display: inline-block;
  font-size: 0;
  position: relative;
  top: inherit;
  width: inherit;
  font-family: 'Roboto Bk';
  text-align: center; }

#prelipala > .nav a {
  font-size: 14px;
  color: #fff;
  text-decoration: none;
  line-height: 64px;
  height: 64px;
  display: inline-block;
  transition: opacity 0.2s;
  letter-spacing: 0.5px;
  margin: 0 23.5px; }

#prelipala > .nav a.now {
  opacity: 0.7;
  border-bottom: 4px solid #33a4f3; }

#prelipala .nav a:hover {
  opacity: 0.7; }

/* хидер */
#masterhead {
  line-height: 0;
  position: relative;
  z-index: 1;
  font-size: 0;
  overflow: hidden; }

/* карусель */
.carousel {
  overflow: hidden;
  height: 100%;
  top: -100px; }

.carousel img {
  margin: 0 auto;
  width: 100%; }

.carousel-caption {
  bottom: 130px;
  left: 92px;
  right: initial;
  padding: 0;
  margin: 0;
  top: initial;
  font-size: 18px;
  position: absolute;
  height: 52px;
  width: 323px;
  line-height: 52px;
  font-weight: 400;
  text-align: left;
  cursor: pointer;
  display: block;
  padding-left: 32px;
  text-shadow: 0 0px 0px rgba(0, 0, 0, 0.6);
  font-family: 'Roboto', sans-serif;
  background-color: rgba(0, 0, 0, 0.6); }

.carousel-inner {
  height: 100%; }

.item {
  height: 100%; }

.left.carousel-control {
  width: 52px;
  height: 52px;
  top: initial;
  right: initial;
  left: 415px;
  bottom: 130px;
  background-color: rgba(0, 0, 0, 0.6);
  transition: background-color 0.2s;
  opacity: 1;
  background-image: none; }

.right.carousel-control {
  width: 52px;
  height: 52px;
  background-image: linear-gradient(to right, transparent 0, transparent 0%);
  top: initial;
  right: initial;
  left: 467px;
  opacity: 1;
  transition: background-color 0.2s;
  background-color: rgba(0, 0, 0, 0.6); }

.carousel-control:hover {
  background-color: rgba(0, 0, 0, 0.7); }

.carousel-control {
  width: 94px;
  height: 94px;
  line-height: 52px;
  bottom: 130px;
  font-size: 33px; }

.carousel-control i {
  line-height: 52px;
  vertical-align: top;
  text-align: center;
  font-size: 25px; }

/* about us */
.aboutus, .contacts, .project {
  background: url("/images/Bg.png") center center no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%; }

.aboutus .wrapper {
  max-width: 1200px;
  background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(23, 23, 23, 0.7));
  background: linear-gradient(to bottom, rgba(50, 50, 50, 0.7) 0%, rgba(23, 23, 23, 0.7));
  height: 100%;
  margin: 0 auto;
  text-align: center;
  padding: 0px 150px; }

.aboutus h1 {
  color: #fff;
  font-size: 24px;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  padding-top: 65px; }

.aboutus p {
  font-size: 16px;
  color: #fff;
  line-height: 1.79;
  margin: 0;
  font-weight: 400;
  font-family: 'Roboto';
  padding-top: 23px; }

/* слайдер */
.vertical {
  vertical-align: middle;
  top: 0;
  display: block;
  margin-top: 60px !important;
  height: 100% !important; }

.vertical img {
  margin: 0 auto !important;
  display: inline-block;
  width: 1020px;
  height: 540px !important; }

.vertical a {
  position: relative;
  right: 47px;
  display: inline-block;
  vertical-align: top;
  top: 18px; }

.vertical a i {
  font-size: 32px;
  color: #a6a9a9; }

.vertical ul {
  width: 100% !important; }

.vertical ul li {
  margin-bottom: 20px !important;
  position: relative;
  text-align: center; }

/* проэкт */
.wrapper70 {
  display: inline-block;
  width: 70%; }

.wrapper30 {
  width: 30%;
  display: inline-block;
  vertical-align: top;
  height: 100%;
  position: relative;
  background: #161717;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(to top, #161717 70%, rgba(22, 22, 22, 0.7));
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(to top, #161717 70%, #161616);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(to top, #161717 70%, #222223);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to top, rgba(22, 22, 22, 0.7), rgba(46, 46, 47, 0.7));
  /* Standard syntax */ }

.wrapperwidth {
  max-width: 397px;
  margin: 0 auto;
  padding: 0 10px;
  padding-top: 5px; }

.wrapper30 h1 {
  color: #fff;
  font-family: 'Roboto';
  font-weight: 700;
  font-size: 24px;
  width: 470px;
  margin: 0 auto;
  padding-top: 66px; }

.wrapper30 p {
  font-family: 'Roboto';
  font-weight: 400;
  font-size: 16px;
  color: #fff;
  line-height: 1.79;
  margin: 0 auto;
  padding-top: 23px;
  max-width: 470px; }

.wrapper30 a {
  width: 175px;
  height: 54px;
  border: 1px solid #fff;
  color: #fff;
  font-family: 'Roboto';
  font-weight: 400;
  font-size: 16px;
  line-height: 54px;
  padding: 0;
  display: block;
  margin: 0;
  text-align: center;
  border-radius: 5px;
  bottom: 320px;
  position: absolute;
  transition: opacity 0.2s; }

.wrapper30 a:hover {
  opacity: 0.7; }

/* наши проекты */
.ourprojects {
  font-size: 0;
  background: url("/images/Bg.png") center center no-repeat;
  background-size: cover;
  height: 100%;
  padding-top: 150px;
  vertical-align: top;
  position: relative; }

.ourprojects figure {
  margin: 8.5px;
  height: 100%;
  display: inline-block; }

.ourprojects img {
  width: 390px;
  height: 220px !important; }

/* карточки */
figure {
  text-align: center;
  position: relative;
  float: left;
  overflow: hidden;
  min-width: 390px;
  max-width: 390px;
  max-height: 220px;
  cursor: pointer; }

figure img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
  opacity: 1; }

figure figcaption {
  color: #fff;
  text-transform: uppercase;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  font-size: 1.25em;
  padding: 2em; }

figure figcaption::before,
figure figcaption::after {
  pointer-events: none; }

figure figcaption,
figure figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important; }

figure figcaption > a:hover {
  background: transparent !important; }

figure.effect-sadie figcaption::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8));
  content: '';
  opacity: 0;
  -webkit-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0); }

figure.effect-sadie h2 {
  position: absolute;
  top: 62%;
  left: 0;
  width: 100%;
  color: #fff;
  -webkit-transition: -webkit-transform 0.35s, color 0.35s;
  transition: transform 0.35s, color 0.35s;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, 520%, 0);
  font-family: 'Roboto Bk';
  text-transform: initial;
  font-size: 18px; }

figure.effect-sadie figcaption::before,
figure.effect-sadie p {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s; }

figure.effect-sadie p {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 2em;
  width: 100%;
  opacity: 0;
  -webkit-transform: translate3d(0, 10px, 0);
  transform: translate3d(0, 10px, 0); }

figure.effect-sadie:hover h2 {
  color: #fff;
  -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);
  transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0); }

figure.effect-sadie:hover figcaption::before,
figure.effect-sadie:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.ourprojects .verticalall {
  margin: 0 !important;
  height: 100% !important; }

.ourprojects .verticalall ul li {
  margin: 0 !important; }

.ourprojects .verticalall ul {
  margin: 0 auto !important;
  max-width: 1221px !important; }

/* медиа */
@media screen and (max-width: 1366px) {
  .wrapperwidth {
    padding: 0 30px;
    max-width: 450px; }
  .wrapperwidth a {
    bottom: 220px;
    position: absolute; }
  .vertical img {
    width: 680px;
    height: 360px !important; }
  .wrapper30 {
    width: 38%; }
  .wrapper70 {
    width: 62%; }
  .vertical {
    height: 100% !important;
    margin-top: 20px !important; }
  .verticalall {
    padding-top: 120px; }
  .verticalall ul {
    height: 100% !important; }
  .aboutus h1 {
    padding-top: 40px; }
  #form h1 {
    padding-top: 40px; }
  .ourprojects {
    padding: 0;
    position: relative; } }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.defaultButton {
  display: inline-block;
  padding: 5px 20px;
  font-size: 12px;
  line-height: 13px;
  background: #ebebeb;
  border-radius: 9px;
  min-width: 90px;
  box-sizing: border-box;
  vertical-align: top;
  border: 1px #d2d2d2 solid;
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: center;
  color: black; }
  .defaultButton:hover {
    background: #37bdb1;
    color: white;
    cursor: pointer; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

#imagelightbox {
  position: fixed;
  z-index: 9999;
  -ms-touch-action: none;
  touch-action: none;
  border: 1px #e1e1e1 solid;
  border-radius: 9px; }

#imagelightboxOverlay {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: white;
  opacity: 0.7;
  z-index: 1000; }

#imagelightboxCaption {
  position: fixed;
  left: 0px;
  bottom: 0px;
  width: 30%;
  min-height: 60px;
  z-index: 10000;
  background: #0ba4e0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  display: none;
  left: 0px;
  opacity: 0;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -ms-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms; }

@media (max-width: 800px) {
  #imagelightboxCaption {
    width: 45%; } }

#imagelightboxCaption .content {
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
  text-align: center; }

#imagelightboxCaption .content .headingIcon {
  clear: both;
  width: 100%;
  text-align: center; }

#imagelightboxCaption .content .headingIcon img {
  margin: 0 auto;
  width: 175px;
  height: 24px; }

#imagelightboxCaption .content .heading {
  clear: both;
  text-align: center;
  margin-top: 0px;
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  text-transform: uppercase;
  color: white; }

#imagelightboxCaption .content .description {
  clear: both;
  margin: 15px auto;
  text-align: center;
  max-width: 70%;
  font-size: 16px;
  display: none; }

#imagelightboxCaption .content .price {
  display: none;
  clear: both;
  margin-top: 10px;
  text-align: center;
  font-size: 20px;
  font-weight: normal;
  letter-spacing: 1px;
  color: black; }

#imagelightboxCaption.visible {
  opacity: 1; }

#imagelightboxCloseButton {
  position: fixed;
  top: 0px;
  right: 0px;
  padding: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  z-index: 10000;
  color: white;
  text-align: center;
  font-size: 16px;
  background: #33a4f3;
  box-sizing: border-box; }

#imagelightboxCloseButton:hover {
  background: #7bc4f7;
  cursor: pointer; }

#imagelightboxLeftArrowButton, #imagelightboxRightArrowButton {
  position: fixed;
  top: 50%;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  z-index: 10100;
  color: #dbe33e; }

#imagelightboxLeftArrowButton:hover, #imagelightboxRightArrowButton:hover {
  color: #0ba4e0;
  cursor: pointer; }

#imagelightboxLeftArrowButton .arrowWrapper, #imagelightboxRightArrowButton .arrowWrapper {
  margin-left: 5px;
  margin-top: 5px;
  width: 40px;
  height: 40px;
  border: 2px solid;
  border-color: #33a4f3;
  background: #33a4f3;
  border-radius: 50%; }

#imagelightboxLeftArrowButton .arrow, #imagelightboxRightArrowButton .arrow {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -20px; }

#imagelightboxLeftArrowButton .arrow:after, #imagelightboxRightArrowButton .arrow:after {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #0ba4e0;
  font-size: 26px;
  color: black; }

#imagelightboxLeftArrowButton:hover, #imagelightboxRightArrowButton:hover {
  cursor: pointer; }
  #imagelightboxLeftArrowButton:hover .arrowWrapper, #imagelightboxRightArrowButton:hover .arrowWrapper {
    background: #7bc4f7 !important;
    border-color: #7bc4f7 !important; }

#imagelightboxLeftArrowButton .arrow:after, #imagelightboxRightArrowButton .arrow:after {
  color: white; }

#imagelightboxLeftArrowButton {
  left: 15px; }

@media (max-width: 800px) {
  #imagelightboxLeftArrowButton {
    left: 0px; } }

#imagelightboxLeftArrowButton .arrowWrapper .arrow {
  margin-left: -4px;
  margin-top: -17px; }

#imagelightboxLeftArrowButton .arrow:after {
  content: "\f104"; }

#imagelightboxRightArrowButton {
  right: 15px; }

@media (max-width: 800px) {
  #imagelightboxRightArrowButton {
    right: 0px; } }

#imagelightboxRightArrowButton .arrowWrapper .arrow {
  margin-left: -2px;
  margin-top: -17px; }

#imagelightboxRightArrowButton .arrow:after {
  content: "\f105"; }

@media (max-width: 800px) {
  #imagelightboxRightArrowButton, #imagelightboxLeftArrowButton {
    display: none; } }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

@font-face {
  font-family: 'Roboto Bk';
  src: url("/fonts/Roboto-Black.ttf"); }

@font-face {
  font-family: 'Roboto';
  src: url("/fonts/Roboto-Bold.ttf"); }

@font-face {
  font-family: 'Roboto';
  src: url("/fonts/Roboto-Regular.ttf"); }

@font-face {
  font-family: "FontAwesome";
  src: url("/fonts/fontawesome.ttf"); }

body {
  font-family: 'Roboto', 'Arial', sans-serif;
  overflow-x: hidden;
  overflow-y: scroll;
  background: #ebebeb;
  position: relative;
  -webkit-overflow-scrolling: touch; }
  body.blurContent #pageWrapper {
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);
    -o-filter: blur(10px);
    filter: blur(10px); }
  body.blurContent #appWrapper > :not(#sideNavigation) {
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);
    -o-filter: blur(10px);
    filter: blur(10px); }

body.modalFormOpenOnTouchDevice {
  overflow-y: hidden; }

html {
  font-size: 14px; }

a {
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

a, a:active, a:visited, a:focus, a:hover {
  outline: none; }

.accountSignatureLink a {
  color: #37bdb1;
  text-decoration: underline;
  color: #34495e; }
  .accountSignatureLink a:hover {
    text-decoration: none; }

.disableSelect {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }

.hidden, .hiddenGrid {
  display: none; }

.unvisible {
  visibility: hidden; }

.fadeColor {
  -webkit-transition: color 500ms;
  -moz-transition: color 500ms;
  -ms-transition: color 500ms;
  -o-transition: color 500ms;
  transition: color 500ms; }

.fadeBg {
  -webkit-transition: background-color 500ms;
  -moz-transition: background-color 500ms;
  -ms-transition: background-color 500ms;
  -o-transition: background-color 500ms;
  transition: background-color 500ms; }

.fadeColorAndBg {
  -webkit-transition: "background-color, color" 500ms;
  -moz-transition: "background-color, color" 500ms;
  -ms-transition: "background-color, color" 500ms;
  -o-transition: "background-color, color" 500ms;
  transition: "background-color, color" 500ms; }

.fadeEffect {
  -webkit-transition: opacity 400ms;
  -moz-transition: opacity 400ms;
  -ms-transition: opacity 400ms;
  -o-transition: opacity 400ms;
  transition: opacity 400ms;
  opacity: 1; }

.fadeEffectHidden {
  opacity: 0; }

#appWrapper {
  clear: both;
  width: 100%; }

#pageWrapper {
  clear: both;
  width: 100%;
  opacity: 1;
  background: #ebebeb; }
  #pageWrapper .paddingWrapper {
    clear: both;
    width: 100%;
    box-sizing: border-box;
    padding: 0 3%; }
    #pageWrapper .paddingWrapper:after {
      content: "";
      display: block;
      clear: both;
      width: 100%;
      height: 1px; }
    @media (max-width: 999px) {
      #pageWrapper .paddingWrapper.disablePaddingsBefore1000 {
        padding-left: 0px;
        padding-right: 0px; } }

#wrapper1200 {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto; }

#wrapper900 {
  width: 100%;
  max-width: 900px;
  margin: 0 auto; }

#pageWrapper.hidePage {
  -webkit-transition: opacity 400ms;
  -moz-transition: opacity 400ms;
  -ms-transition: opacity 400ms;
  -o-transition: opacity 400ms;
  transition: opacity 400ms;
  opacity: 0; }

#pageWrapper.showPage {
  -webkit-transition: opacity 400ms;
  -moz-transition: opacity 400ms;
  -ms-transition: opacity 400ms;
  -o-transition: opacity 400ms;
  transition: opacity 400ms;
  opacity: 1; }

.spacer20 {
  clear: both;
  width: 100%;
  height: 20px; }

.disableGlobalSpacers .spacer20 {
  display: none; }

.clearfix {
  clear: both;
  width: 100%;
  height: 1px; }

.bottomTooltip:before {
  content: attr(data-tip);
  font-size: 12px;
  position: absolute;
  z-index: 999;
  white-space: nowrap;
  bottom: 9999px;
  left: 50%;
  background: white;
  border: 1px #d2d2d2 solid;
  color: #5a5a5a;
  padding: 0px 7px;
  line-height: 24px;
  height: 24px;
  opacity: 0;
  border-radius: 5px;
  font-family: Roboto;
  font-weight: normal;
  -webkit-transition: opacity 0.4s ease-out;
  -moz-transition: opacity 0.4s ease-out;
  -ms-transition: opacity 0.4s ease-out;
  -o-transition: opacity 0.4s ease-out;
  transition: opacity 0.4s ease-out; }

.bottomTooltip:hover:before {
  opacity: 1;
  bottom: -35px; }

.bottomTooltip.smallBottomTooltipMargin:hover:before {
  bottom: -30px;
  margin-left: -25px; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

#loader {
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -70px;
  margin-top: -70px;
  width: 170px;
  height: 170px;
  z-index: 1100; }
  #loader .cssload-loader {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    margin: 3em;
    display: inline-block;
    position: relative;
    vertical-align: middle; }
  #loader .cssload-loader,
  #loader .cssload-loader:before,
  #loader .cssload-loader:after {
    animation: 1.15s infinite ease-in-out;
    -o-animation: 1.15s infinite ease-in-out;
    -ms-animation: 1.15s infinite ease-in-out;
    -webkit-animation: 1.15s infinite ease-in-out;
    -moz-animation: 1.15s infinite ease-in-out; }
  #loader .cssload-loader:before,
  #loader .cssload-loader:after {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0; }
  #loader .cssload-loader:before,
  #loader .cssload-loader:after {
    content: ""; }
  #loader .cssload-loader {
    animation: cssload-animation1 1.15s infinite linear;
    -o-animation: cssload-animation1 1.15s infinite linear;
    -ms-animation: cssload-animation1 1.15s infinite linear;
    -webkit-animation: cssload-animation1 1.15s infinite linear;
    -moz-animation: cssload-animation1 1.15s infinite linear; }
  #loader .cssload-loader:before,
  #loader .cssload-loader:after {
    content: "";
    width: 80%;
    height: 80%;
    background-color: #33a4f3;
    top: 5%; }
  #loader .cssload-loader:before {
    left: -5%;
    animation: cssload-animation2 1.15s infinite alternate ease-in-out;
    -o-animation: cssload-animation2 1.15s infinite alternate ease-in-out;
    -ms-animation: cssload-animation2 1.15s infinite alternate ease-in-out;
    -webkit-animation: cssload-animation2 1.15s infinite alternate ease-in-out;
    -moz-animation: cssload-animation2 1.15s infinite alternate ease-in-out;
    transform-origin: 10% 50%;
    -o-transform-origin: 10% 50%;
    -ms-transform-origin: 10% 50%;
    -webkit-transform-origin: 10% 50%;
    -moz-transform-origin: 10% 50%; }
  #loader .cssload-loader:after {
    left: auto;
    right: -5%;
    animation: cssload-animation2 1.15s 1.15s infinite alternate ease-in-out;
    -o-animation: cssload-animation2 1.15s 1.15s infinite alternate ease-in-out;
    -ms-animation: cssload-animation2 1.15s 1.15s infinite alternate ease-in-out;
    -webkit-animation: cssload-animation2 1.15s 1.15s infinite alternate ease-in-out;
    -moz-animation: cssload-animation2 1.15s 1.15s infinite alternate ease-in-out;
    transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform-origin: 90% 50%; }

@keyframes cssload-animation1 {
  0% {
    transform: rotate(20deg); }
  100% {
    transform: rotate(380deg); } }

@-o-keyframes cssload-animation1 {
  0% {
    -o-transform: rotate(20deg); }
  100% {
    -o-transform: rotate(380deg); } }

@-webkit-keyframes cssload-animation1 {
  0% {
    -webkit-transform: rotate(20deg); }
  100% {
    -webkit-transform: rotate(380deg); } }

@-moz-keyframes cssload-animation1 {
  0% {
    -moz-transform: rotate(20deg); }
  100% {
    -moz-transform: rotate(380deg); } }

@keyframes cssload-animation2 {
  0% {
    transform: scale(0); }
  100% {
    transform: scale(1); } }

@-o-keyframes cssload-animation2 {
  0% {
    -o-transform: scale(0); }
  100% {
    -o-transform: scale(1); } }

@-webkit-keyframes cssload-animation2 {
  0% {
    -webkit-transform: scale(0); }
  100% {
    -webkit-transform: scale(1); } }

@-moz-keyframes cssload-animation2 {
  0% {
    -moz-transform: scale(0); }
  100% {
    -moz-transform: scale(1); } }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.textView .textViewContent h1:first-child {
  margin-top: 0px;
  padding-top: 0px; }

.textView .textViewContent h1, .textView .textViewContent h2 {
  color: #5a5a5a; }

.textView .textViewContent p, .textView .textViewContent li {
  color: #8c8c8c; }

.textView .textViewContent a {
  color: #2791e7; }

.textView .textViewContent h1 {
  font-size: 18px; }

.textView .textViewContent h2 {
  font-size: 14px;
  padding-bottom: 0px;
  margin-bottom: 0px; }

.textView .textViewContent ul {
  padding-top: 0px;
  margin-top: 0px; }





.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.defaultArticle h2 {
  color: #34495e; }

.defaultArticle p {
  font-size: 14px; }

.defaultArticle .imgPreview img {
  margin-top: 10px;
  border-radius: 9px;
  border: 1px #d2d2d2 solid;
  max-width: 130px; }
  .defaultArticle .imgPreview img:hover {
    border: 1px #dbe33e solid; }

.defaultArticle .filePreview {
  word-wrap: break-word;
  color: #969696; }

@media (max-width: 599px) {
  .defaultArticle h2 {
    font-size: 14px; }
  .defaultArticle p {
    font-size: 12px; }
  .defaultArticle .filePreview {
    font-size: 12px; } }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

#signUpForm .accountForm {
  clear: both;
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
  padding-top: 25px;
  padding-bottom: 0px;
  padding-bottom: 15px;
  position: relative; }
  @media (max-width: 599px) {
    #signUpForm .accountForm {
      padding-top: 10px; } }
  #signUpForm .accountForm.whiteAccountForm {
    background: white;
    border-radius: 9px;
    padding-left: 95px;
    padding-right: 95px; }
    @media (max-width: 599px) {
      #signUpForm .accountForm.whiteAccountForm {
        padding-left: 45px;
        padding-right: 45px; } }
  #signUpForm .accountForm.disableHorPaddings {
    padding-left: 0px;
    padding-right: 0px; }
  #signUpForm .accountForm .accountFormPaddings {
    box-sizing: border-box;
    padding-left: 95px;
    padding-right: 95px; }
    @media (max-width: 599px) {
      #signUpForm .accountForm .accountFormPaddings {
        padding-left: 45px;
        padding-right: 45px; } }
  #signUpForm .accountForm .formHeading {
    clear: both;
    width: 100%;
    position: relative;
    text-align: center;
    font-size: 18px;
    padding-top: 5px;
    font-weight: bold; }
    @media (max-width: 599px) {
      #signUpForm .accountForm .formHeading {
        font-size: 16px;
        padding-top: 12px; } }
    #signUpForm .accountForm .formHeading .message {
      display: inline-block;
      box-sizing: border-box;
      line-height: 40px;
      padding-left: 10px;
      vertical-align: middle; }
  #signUpForm .accountForm .formSubheading {
    font-size: 14px;
    color: black;
    width: 100%;
    text-align: center;
    padding-top: 7px; }
    @media (max-width: 599px) {
      #signUpForm .accountForm .formSubheading {
        font-size: 12px; } }
  #signUpForm .accountForm .buttonRow {
    padding-top: 10px;
    padding-bottom: 10px; }
    #signUpForm .accountForm .buttonRow.socialButtonRow {
      padding-top: 20px;
      padding-bottom: 0px; }
    #signUpForm .accountForm .buttonRow.secondSocialButtonRow {
      padding-top: 12px; }
    #signUpForm .accountForm .buttonRow.smallPaddingOnMobile {
      padding-bottom: 0px; }
  #signUpForm .accountForm .socialButtonRow a:hover {
    text-decoration: none; }
  #signUpForm .accountForm .socialItem {
    width: 100%;
    background: #37bdb1;
    padding-left: 0px;
    padding-right: 0px;
    border-bottom: 0px;
    border-radius: 19px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: white;
    font-weight: bold; }
    @media (max-width: 599px) {
      #signUpForm .accountForm .socialItem {
        font-size: 12px;
        height: 40px;
        line-height: 40px; } }
    #signUpForm .accountForm .socialItem.facebookItem {
      background: #3b5998; }
      #signUpForm .accountForm .socialItem.facebookItem:hover {
        background: #4c70ba;
        cursor: pointer; }
    #signUpForm .accountForm .socialItem.linkedinItem {
      background: #00a0dc; }
      #signUpForm .accountForm .socialItem.linkedinItem:hover {
        background: #10beff;
        cursor: pointer; }
    #signUpForm .accountForm .socialItem .socialIcon {
      padding-right: 5px; }
      #signUpForm .accountForm .socialItem .socialIcon:after {
        font-family: FontAwesome;
        font-size: 16px;
        color: white; }
    #signUpForm .accountForm .socialItem .facebookIcon:after {
      content: "\f082";
      font-weight: normal; }
    #signUpForm .accountForm .socialItem .linkedinIcon:after {
      content: "\f08c";
      font-weight: normal; }
  #signUpForm .accountForm .formButton {
    width: 100%;
    background: #37bdb1;
    padding-left: 0px;
    padding-right: 0px;
    border-bottom: 0px;
    border-radius: 19px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: white;
    font-weight: bold; }
    #signUpForm .accountForm .formButton:hover {
      background: #6cd4cb;
      cursor: pointer; }
    @media (max-width: 599px) {
      #signUpForm .accountForm .formButton {
        height: 40px;
        line-height: 40px;
        font-size: 12px; } }
  #signUpForm .accountForm .cancelButton {
    width: 100%;
    max-width: 140px;
    margin: 0 auto;
    text-align: center;
    height: 25px;
    line-height: 25px; }
    #signUpForm .accountForm .cancelButton:hover {
      cursor: pointer;
      color: #37bdb1;
      text-decoration: underline; }
  #signUpForm .accountForm .orBlock {
    position: relative;
    margin-top: 35px;
    margin-bottom: 15px; }
    @media (max-width: 599px) {
      #signUpForm .accountForm .orBlock {
        margin-top: 20px;
        margin-bottom: 0px; } }
    #signUpForm .accountForm .orBlock .borderWrapper {
      display: inline-block;
      vertical-align: top;
      box-sizing: border-box;
      width: 50%;
      padding-right: 30px;
      height: 15px;
      line-height: 15px;
      position: relative; }
      #signUpForm .accountForm .orBlock .borderWrapper.secondBorderWrapper {
        padding-left: 30px;
        padding-right: 0px; }
      #signUpForm .accountForm .orBlock .borderWrapper .border {
        margin-top: 7px;
        border-top: 1px #e1e1e1 solid;
        width: 100%; }
    #signUpForm .accountForm .orBlock .text {
      position: absolute;
      left: 50%;
      margin-left: -15px;
      top: 0px;
      width: 30px;
      height: 15px;
      line-height: 15px;
      color: black;
      text-align: center;
      font-size: 14px;
      font-weight: bold; }
  #signUpForm .accountForm input {
    background: whitesmoke;
    border-radius: 19px;
    height: 40px;
    line-height: 40px; }
    #signUpForm .accountForm input:hover, #signUpForm .accountForm input:focus {
      background: white; }
  #signUpForm .accountForm .formConfirm {
    clear: both;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 5px;
    padding-bottom: 5px; }
    @media (min-width: 750px) {
      #signUpForm .accountForm .formConfirm {
        padding-left: 75px;
        padding-right: 75px; } }
    @media (max-width: 599px) {
      #signUpForm .accountForm .formConfirm {
        padding-left: 15px;
        padding-right: 15px; } }
    #signUpForm .accountForm .formConfirm .confirmBoxWrap {
      width: 100%;
      text-align: center; }
      #signUpForm .accountForm .formConfirm .confirmBoxWrap .confirmBox {
        display: inline-block;
        position: relative;
        padding-top: 6px;
        padding-bottom: 6px; }
        #signUpForm .accountForm .formConfirm .confirmBoxWrap .confirmBox .icon {
          clear: both;
          width: 25px;
          height: 25px;
          border-radius: 50%;
          background: whitesmoke;
          position: absolute;
          left: 0px;
          top: 6px;
          background: #bebebe;
          box-sizing: border-box;
          border: 1px #bebebe solid; }
          #signUpForm .accountForm .formConfirm .confirmBoxWrap .confirmBox .icon:after {
            position: absolute;
            left: 5px;
            top: 4px;
            font-family: FontAwesome;
            content: "\f00c";
            font-size: 12px;
            color: #828282;
            color: whitesmoke; }
          @media (max-width: 599px) {
            #signUpForm .accountForm .formConfirm .confirmBoxWrap .confirmBox .icon {
              width: 23px;
              height: 23px;
              left: 2px;
              top: 7px; }
              #signUpForm .accountForm .formConfirm .confirmBoxWrap .confirmBox .icon:after {
                font-size: 11px; } }
          #signUpForm .accountForm .formConfirm .confirmBoxWrap .confirmBox .icon:hover, #signUpForm .accountForm .formConfirm .confirmBoxWrap .confirmBox .icon.selectedBox {
            background: gainsboro;
            border-color: gainsboro; }
            #signUpForm .accountForm .formConfirm .confirmBoxWrap .confirmBox .icon:hover:after, #signUpForm .accountForm .formConfirm .confirmBoxWrap .confirmBox .icon.selectedBox:after {
              color: white; }
          #signUpForm .accountForm .formConfirm .confirmBoxWrap .confirmBox .icon.selectedBox {
            background: #37bdb1;
            border-color: #37bdb1; }
          #signUpForm .accountForm .formConfirm .confirmBoxWrap .confirmBox .icon:hover {
            cursor: pointer; }
        #signUpForm .accountForm .formConfirm .confirmBoxWrap .confirmBox .message {
          display: inline-block;
          box-sizing: border-box;
          padding-left: 35px;
          line-height: 25px;
          font-size: 13px;
          color: #828282;
          font-family: RobotoLight; }
          @media (max-width: 599px) {
            #signUpForm .accountForm .formConfirm .confirmBoxWrap .confirmBox .message {
              font-size: 10px; } }
          #signUpForm .accountForm .formConfirm .confirmBoxWrap .confirmBox .message a {
            color: #828282;
            text-decoration: underline; }
            #signUpForm .accountForm .formConfirm .confirmBoxWrap .confirmBox .message a:hover {
              text-decoration: none; }
  #signUpForm .accountForm .finishText {
    width: 100%;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    color: #828282;
    font-family: RobotoLight;
    font-size: 14px; }
    @media (max-width: 599px) {
      #signUpForm .accountForm .finishText {
        font-size: 11px; } }
  #signUpForm .accountForm .finishButton {
    margin: 0 auto;
    max-width: 100px;
    text-align: center;
    background: #37bdb1;
    padding: 5px 10px;
    border-radius: 19px;
    color: white;
    font-size: 12px; }
    @media (max-width: 599px) {
      #signUpForm .accountForm .finishButton {
        padding: 5px 5px;
        max-width: 80px;
        font-size: 10px; } }
    #signUpForm .accountForm .finishButton:hover {
      background: #339a99;
      cursor: pointer; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

#signUpForm .formErrors, #loginForm .formErrors {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  z-index: 3;
  border-bottom-right-radius: 9px;
  border-bottom-left-radius: 9px;
  overflow: hidden;
  display: none; }
  #signUpForm .formErrors .errorHeading, #loginForm .formErrors .errorHeading {
    width: 100%;
    box-sizing: border-box;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 35px;
    padding-right: 35px;
    background: #37bdb1;
    color: white;
    font-family: RobotoLight; }
    #signUpForm .formErrors .errorHeading:after, #loginForm .formErrors .errorHeading:after {
      content: "";
      display: block;
      clear: both;
      width: 100%;
      height: 1px; }
    @media (max-width: 599px) {
      #signUpForm .formErrors .errorHeading, #loginForm .formErrors .errorHeading {
        font-size: 12px; } }
    #signUpForm .formErrors .errorHeading .left, #loginForm .formErrors .errorHeading .left {
      float: left; }
    #signUpForm .formErrors .errorHeading .right, #loginForm .formErrors .errorHeading .right {
      float: right; }
  #signUpForm .formErrors .errorBody, #loginForm .formErrors .errorBody {
    min-height: 50px;
    background: white;
    clear: both;
    width: 100%;
    box-sizing: border-box;
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: whitesmoke; }
    #signUpForm .formErrors .errorBody p, #loginForm .formErrors .errorBody p {
      margin: 0;
      padding: 0;
      padding-bottom: 6px;
      font-size: 12px;
      color: #6e6e6e; }
      @media (max-width: 599px) {
        #signUpForm .formErrors .errorBody p, #loginForm .formErrors .errorBody p {
          font-size: 10px; } }
  #signUpForm .formErrors:hover, #loginForm .formErrors:hover {
    cursor: pointer; }
    #signUpForm .formErrors:hover .errorHeading .right, #loginForm .formErrors:hover .errorHeading .right {
      text-decoration: underline; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

#loginForm {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1200;
  -webkit-transition: transform 400ms;
  -moz-transition: transform 400ms;
  -ms-transition: transform 400ms;
  -o-transition: transform 400ms;
  transition: transform 400ms;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  display: none;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  max-height: none !important;
  overflow-y: auto !important;
  background: white; }
  #loginForm.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important; }
  #loginForm .loginBg {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    z-index: 1; }
  #loginForm .overlayBg {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #2b3b39;
    opacity: 0.6;
    z-index: 2; }
  #loginForm .navContent {
    z-index: 2;
    position: relative; }
    #loginForm .navContent .closeButtonWrap {
      position: absolute;
      right: 5px;
      top: 3px;
      width: 50px;
      height: 50px;
      box-sizing: border-box; }
      #loginForm .navContent .closeButtonWrap:hover {
        cursor: pointer; }
      #loginForm .navContent .closeButtonWrap .closeButton {
        clear: both;
        margin-left: 12px;
        margin-top: 12px;
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 11px;
        background-size: cover; }
    #loginForm .navContent .logo {
      clear: both;
      max-width: 280px;
      margin: 0 auto;
      padding-top: 50px; }
      @media (max-width: 599px) {
        #loginForm .navContent .logo {
          max-width: 170px;
          padding-top: 10px; } }
      #loginForm .navContent .logo .image {
        width: 100%;
        margin: 0 auto;
        box-sizing: border-box; }
        #loginForm .navContent .logo .image img {
          max-width: 100%; }
    #loginForm .navContent .loginContent {
      clear: both;
      max-width: 380px;
      margin: 0 auto;
      box-sizing: border-box; }
      @media (max-width: 499px) {
        #loginForm .navContent .loginContent {
          padding-left: 55px;
          padding-right: 55px; } }
      #loginForm .navContent .loginContent .loginHeading {
        padding-top: 15px;
        padding-bottom: 10px;
        font-size: 24px;
        font-weight: bold;
        color: white;
        text-align: center; }
        @media (max-width: 599px) {
          #loginForm .navContent .loginContent .loginHeading {
            font-size: 18px;
            padding-top: 5px;
            padding-bottom: 0px;
            display: none; } }
      #loginForm .navContent .loginContent .buttonRow {
        padding-top: 10px;
        padding-bottom: 10px; }
        #loginForm .navContent .loginContent .buttonRow.socialButtonRow {
          padding-top: 8px;
          padding-bottom: 2px; }
      #loginForm .navContent .loginContent .socialButtonRow a:hover {
        text-decoration: none; }
      #loginForm .navContent .loginContent input {
        width: 100%;
        background: none;
        color: white;
        border: 0px solid;
        border-bottom: 2px white solid;
        font-weight: bold;
        line-height: 35px;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box; }
        @media (max-width: 599px) {
          #loginForm .navContent .loginContent input {
            font-size: 12px;
            line-height: 30px; } }
        #loginForm .navContent .loginContent input:focus {
          outline: none; }
        #loginForm .navContent .loginContent input:hover, #loginForm .navContent .loginContent input:focus {
          border-bottom: 2px #37bdb1 solid; }
      #loginForm .navContent .loginContent ::-webkit-input-placeholder {
        color: white; }
      #loginForm .navContent .loginContent ::-moz-placeholder {
        color: white;
        opacity: 1; }
      #loginForm .navContent .loginContent :-ms-input-placeholder {
        color: white; }
      #loginForm .navContent .loginContent :-moz-placeholder {
        color: white;
        opacity: 1; }
      #loginForm .navContent .loginContent .loaderWrap {
        margin-top: 30px;
        height: 45px;
        line-height: 45px; }
        @media (max-width: 599px) {
          #loginForm .navContent .loginContent .loaderWrap {
            margin-top: 25px;
            height: 40px;
            line-height: 40px; } }
      #loginForm .navContent .loginContent input[type=submit] {
        width: 100%;
        background: #37bdb1;
        padding-left: 0px;
        padding-right: 0px;
        border-bottom: 0px;
        border-radius: 19px;
        height: 45px;
        line-height: 45px; }
        #loginForm .navContent .loginContent input[type=submit]:hover {
          background: #6cd4cb;
          cursor: pointer; }
        @media (max-width: 599px) {
          #loginForm .navContent .loginContent input[type=submit] {
            height: 40px;
            line-height: 40px; } }
      #loginForm .navContent .loginContent .orBlock {
        position: relative;
        margin-top: 30px;
        margin-bottom: 10px; }
        #loginForm .navContent .loginContent .orBlock .borderWrapper {
          display: inline-block;
          vertical-align: top;
          box-sizing: border-box;
          width: 50%;
          padding-right: 15px;
          height: 15px;
          line-height: 15px;
          position: relative; }
          #loginForm .navContent .loginContent .orBlock .borderWrapper.secondBorderWrapper {
            padding-left: 15px;
            padding-right: 0px; }
          #loginForm .navContent .loginContent .orBlock .borderWrapper .border {
            margin-top: 7px;
            border-top: 1px #a0a0a0 solid;
            width: 100%; }
        #loginForm .navContent .loginContent .orBlock .text {
          position: absolute;
          left: 50%;
          margin-left: -15px;
          top: 0px;
          width: 30px;
          height: 15px;
          line-height: 15px;
          color: white;
          text-align: center;
          font-size: 14px;
          font-weight: bold; }
      #loginForm .navContent .loginContent .orText {
        width: 100%;
        text-align: center;
        color: white;
        font-weight: bold;
        margin-bottom: 10px; }
        @media (max-width: 599px) {
          #loginForm .navContent .loginContent .orText {
            font-size: 12px; } }
      #loginForm .navContent .loginContent .socialItem {
        width: 100%;
        background: #37bdb1;
        padding-left: 0px;
        padding-right: 0px;
        border-bottom: 0px;
        border-radius: 19px;
        height: 45px;
        line-height: 45px;
        text-align: center;
        color: white;
        font-weight: bold; }
        @media (max-width: 599px) {
          #loginForm .navContent .loginContent .socialItem {
            font-size: 12px;
            height: 40px;
            line-height: 40px; } }
        #loginForm .navContent .loginContent .socialItem.facebookItem {
          background: #3b5998; }
          #loginForm .navContent .loginContent .socialItem.facebookItem:hover {
            background: #4c70ba;
            cursor: pointer; }
        #loginForm .navContent .loginContent .socialItem.linkedinItem {
          background: #00a0dc; }
          #loginForm .navContent .loginContent .socialItem.linkedinItem:hover {
            background: #10beff;
            cursor: pointer; }
        #loginForm .navContent .loginContent .socialItem .socialIcon {
          padding-right: 5px; }
          #loginForm .navContent .loginContent .socialItem .socialIcon:after {
            font-family: FontAwesome;
            font-size: 16px;
            color: white; }
        #loginForm .navContent .loginContent .socialItem .facebookIcon:after {
          content: "\f082";
          font-weight: normal; }
        #loginForm .navContent .loginContent .socialItem .linkedinIcon:after {
          content: "\f08c";
          font-weight: normal; }
      #loginForm .navContent .loginContent .createAccountText {
        color: white;
        font-weight: bold;
        text-align: center;
        margin-top: 25px;
        padding-bottom: 15px; }
        #loginForm .navContent .loginContent .createAccountText .accountIcon {
          padding-right: 5px; }
          #loginForm .navContent .loginContent .createAccountText .accountIcon:after {
            font-family: FontAwesome;
            font-size: 16px;
            color: white;
            content: "\f007";
            font-weight: normal; }
        #loginForm .navContent .loginContent .createAccountText:hover {
          cursor: pointer;
          text-decoration: underline; }

#loginForm .formErrors {
  border-radius: 0px !important; }
  #loginForm .formErrors .errorHeading .left {
    position: absolute !important;
    left: 50% !important;
    float: none !important;
    margin-left: -20px !important; }
  #loginForm .formErrors .errorBody {
    text-align: center !important; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

#signUpForm {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1200;
  -webkit-transition: transform 400ms;
  -moz-transition: transform 400ms;
  -ms-transition: transform 400ms;
  -o-transition: transform 400ms;
  transition: transform 400ms;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  display: none;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  max-height: none !important;
  overflow-y: auto !important;
  background: white;
  max-width: 100% !important;
  border-radius: 0px !important; }
  #signUpForm.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important; }
  #signUpForm .loginBg {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    z-index: 1; }
  #signUpForm .overlayBg {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #2b3b39;
    opacity: 0.6;
    z-index: 2; }
  #signUpForm .closeButtonWrap {
    position: absolute;
    right: 5px;
    top: 3px;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    z-index: 4; }
    #signUpForm .closeButtonWrap:hover {
      cursor: pointer; }
    #signUpForm .closeButtonWrap .closeButton {
      clear: both;
      margin-left: 12px;
      margin-top: 12px;
      width: 25px;
      height: 25px;
      line-height: 25px;
      font-size: 11px;
      background-size: cover; }
  #signUpForm .logo {
    clear: both;
    max-width: 280px;
    margin: 0 auto;
    padding-bottom: 50px; }
    @media (max-width: 599px) {
      #signUpForm .logo {
        max-width: 215px;
        padding-bottom: 30px; } }
    @media (max-width: 499px) {
      #signUpForm .logo {
        max-width: 180px; } }
    @media (max-width: 599px) {
      #signUpForm .logo.smallPaddingOnMobile {
        padding-bottom: 15px; } }
    @media (max-width: 599px) {
      #signUpForm .logo.hideOnMobiles {
        display: none; } }
    #signUpForm .logo .image {
      width: 100%;
      margin: 0 auto;
      box-sizing: border-box; }
      #signUpForm .logo .image img {
        max-width: 100%; }
  #signUpForm .scrollableFormContent {
    overflow-y: auto !important;
    position: relative;
    z-index: 1; }
  #signUpForm .formsGridWrapper {
    max-width: 650px;
    margin: 0 auto;
    box-sizing: border-box;
    width: 100%;
    padding-left: 35px;
    padding-right: 35px; }
    @media (max-width: 599px) {
      #signUpForm .formsGridWrapper {
        padding-left: 15px;
        padding-right: 15px; } }
  #signUpForm .formsGrid {
    overflow: hidden;
    -webkit-transition: height 400ms;
    -moz-transition: height 400ms;
    -ms-transition: height 400ms;
    -o-transition: height 400ms;
    transition: height 400ms; }
  #signUpForm .formGridItem {
    position: absolute;
    left: 0px;
    top: 0px;
    visibility: hidden;
    width: 100%; }
  #signUpForm .formVerticalAligner {
    clear: both;
    width: 100%; }
  #signUpForm .formContentWrap {
    clear: both;
    width: 100%; }
  #signUpForm .formContent {
    position: relative;
    overflow: hidden;
    z-index: 3; }
  #signUpForm .formControls {
    z-index: 4; }
  #signUpForm form {
    padding-bottom: 15px !important; }
  #signUpForm .accountSelectContentWrapper {
    border: 1px white solid;
    border-top: 0px solid;
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative; }
    @media (max-width: 599px) {
      #signUpForm .accountSelectContentWrapper {
        padding-top: 30px;
        padding-bottom: 25px; } }
  #signUpForm .accountSelectWrap:after {
    clear: both;
    width: 100%;
    height: 15px;
    display: block;
    content: ""; }
  #signUpForm #accountSelect.visibleAccountSelect {
    position: static;
    visibility: visible; }
  #signUpForm #accountSelect .accountSelectHeading {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%; }
    #signUpForm #accountSelect .accountSelectHeading .border {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 40%;
      border-top: 1px white solid; }
      @media (max-width: 499px) {
        #signUpForm #accountSelect .accountSelectHeading .border {
          width: 38%; } }
      @media (max-width: 439px) {
        #signUpForm #accountSelect .accountSelectHeading .border {
          width: 35%; } }
    #signUpForm #accountSelect .accountSelectHeading .secondBorder {
      left: auto;
      right: 0px; }
    #signUpForm #accountSelect .accountSelectHeading .text {
      width: 100%;
      text-align: center;
      margin-top: -18px;
      font-size: 26px;
      font-weight: bold;
      color: white; }
      @media (max-width: 599px) {
        #signUpForm #accountSelect .accountSelectHeading .text {
          font-size: 20px;
          margin-top: -15px; } }
  #signUpForm #accountSelect .accountTypeSelectorWrapper {
    padding-top: 20px;
    padding-bottom: 40px; }
    @media (max-width: 599px) {
      #signUpForm #accountSelect .accountTypeSelectorWrapper {
        padding-top: 0px;
        padding-bottom: 25px; } }
    #signUpForm #accountSelect .accountTypeSelectorWrapper .accountTypeSelector {
      width: 100%;
      border-radius: 19px;
      overflow: hidden;
      background: white; }
      #signUpForm #accountSelect .accountTypeSelectorWrapper .accountTypeSelector .item {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        background: white;
        text-align: center;
        border: 2px white solid;
        box-sizing: border-box;
        border-radius: 19px;
        color: #505a5a;
        font-weight: bold;
        padding-top: 8px;
        padding-bottom: 8px; }
        @media (max-width: 599px) {
          #signUpForm #accountSelect .accountTypeSelectorWrapper .accountTypeSelector .item {
            font-size: 12px; } }
        #signUpForm #accountSelect .accountTypeSelectorWrapper .accountTypeSelector .item.selected {
          background: #505a5a;
          color: white; }
        #signUpForm #accountSelect .accountTypeSelectorWrapper .accountTypeSelector .item:hover {
          cursor: pointer;
          background: #748383;
          color: white; }
  #signUpForm #accountSelect .selectorItemsWrap {
    margin: 0 auto;
    width: 100%;
    max-width: 360px; }
    #signUpForm #accountSelect .selectorItemsWrap:after {
      content: "";
      display: block;
      clear: both;
      width: 100%;
      height: 1px; }
    @media (max-width: 599px) {
      #signUpForm #accountSelect .selectorItemsWrap {
        width: 80%; } }
  #signUpForm #accountSelect .accountSelectItem {
    width: 100%;
    box-sizing: border-box;
    padding-top: 5px;
    text-align: center;
    position: relative; }
    #signUpForm #accountSelect .accountSelectItem .icon {
      clear: both;
      width: 90px;
      height: 90px;
      border-radius: 50%;
      margin: 0 auto;
      padding-bottom: 25px; }
      @media (max-width: 599px) {
        #signUpForm #accountSelect .accountSelectItem .icon {
          padding-bottom: 20px; } }
    #signUpForm #accountSelect .accountSelectItem .iconImg {
      position: absolute;
      width: 90px;
      height: 90px;
      top: 3px;
      left: 50%;
      margin-left: -45px; }
    @media (max-width: 599px) {
      #signUpForm #accountSelect .accountSelectItem .icon {
        width: 60px;
        height: 60px; }
      #signUpForm #accountSelect .accountSelectItem .iconImg {
        width: 60px;
        height: 60px;
        margin-left: -30px; } }
    #signUpForm #accountSelect .accountSelectItem h3 {
      margin-top: 12px;
      clear: both;
      text-align: center;
      padding-bottom: 0;
      margin-bottom: 0;
      font-size: 1.3rem;
      color: #5a5a5a; }
      @media (max-width: 599px) {
        #signUpForm #accountSelect .accountSelectItem h3 {
          font-size: 14px;
          margin-top: 6px; } }
    #signUpForm #accountSelect .accountSelectItem p {
      clear: both;
      text-align: center;
      margin-top: 10px;
      padding-top: 0px;
      padding-bottom: 0px;
      color: #828282; }
    #signUpForm #accountSelect .accountSelectItem ul {
      margin-top: 0.6rem;
      max-width: 400px;
      margin: 0 auto;
      padding-left: 40px;
      padding-right: 25px; }
      @media (max-width: 599px) {
        #signUpForm #accountSelect .accountSelectItem ul {
          margin-bottom: 0.4rem;
          padding-right: 5px; } }
      #signUpForm #accountSelect .accountSelectItem ul li {
        text-align: left;
        padding-bottom: 4px;
        list-style-type: none;
        position: relative;
        padding-top: 7px;
        padding-bottom: 7px; }
        @media (max-width: 699px) {
          #signUpForm #accountSelect .accountSelectItem ul li {
            font-size: 12px; } }
        #signUpForm #accountSelect .accountSelectItem ul li .markerIcon {
          position: absolute;
          left: 0px;
          top: 7px;
          width: 20px;
          height: 20px;
          border: 1px white solid;
          box-sizing: border-box;
          border-radius: 3px; }
          #signUpForm #accountSelect .accountSelectItem ul li .markerIcon:after {
            position: absolute;
            left: 2px;
            top: -4px;
            font-family: FontAwesome;
            content: "\f00c";
            color: white;
            font-size: 20px; }
          @media (max-width: 599px) {
            #signUpForm #accountSelect .accountSelectItem ul li .markerIcon {
              top: 5px; } }
      #signUpForm #accountSelect .accountSelectItem ul span {
        color: white;
        padding-left: 45px;
        font-size: 16px;
        font-weight: bold; }
        @media (max-width: 599px) {
          #signUpForm #accountSelect .accountSelectItem ul span {
            font-size: 12px;
            padding-left: 30px; } }
    #signUpForm #accountSelect .accountSelectItem img {
      max-width: 85%;
      margin: 0 auto; }
      @media (max-width: 610px) {
        #signUpForm #accountSelect .accountSelectItem img {
          max-width: 100%; } }
  #signUpForm #accountSelect .buttonsWrap {
    padding-top: 35px; }
    #signUpForm #accountSelect .buttonsWrap:after {
      content: "";
      display: block;
      clear: both;
      width: 100%;
      height: 1px; }
    @media (max-width: 599px) {
      #signUpForm #accountSelect .buttonsWrap {
        padding-top: 15px; } }
    #signUpForm #accountSelect .buttonsWrap .accountSelectItem {
      padding-top: 0px; }
  #signUpForm #accountSelect .createButton {
    width: 100%;
    padding: 14px 35px;
    background: red;
    font-size: 13px;
    line-height: 13px;
    background: #37bdb1;
    border-radius: 69px;
    min-width: 120px;
    box-sizing: border-box;
    color: white;
    font-size: 14px;
    font-weight: bold; }
    @media (max-width: 599px) {
      #signUpForm #accountSelect .createButton {
        font-size: 11px;
        padding-top: 12px;
        padding-bottom: 12px; } }
    #signUpForm #accountSelect .createButton:hover {
      background: #6cd4cb;
      color: white;
      cursor: pointer; }

#signUpForm .formErrors {
  border-radius: 0px !important; }
  #signUpForm .formErrors .errorHeading .left {
    position: absolute !important;
    left: 50% !important;
    float: none !important;
    margin-left: -20px !important; }
  #signUpForm .formErrors .errorBody {
    text-align: center !important; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

#bigFooter {
  clear: both;
  width: 100%;
  margin-top: 40px;
  padding-left: 55px;
  padding-right: 55px;
  box-sizing: border-box;
  background: #f3f3f1;
  border-top: 6px #e5e5e5 solid;
  z-index: 2;
  max-width: 1200px;
  margin: 0 auto; }
  @media (max-width: 770px) {
    #bigFooter {
      padding-left: 15px;
      padding-right: 15px; } }
  @media (max-width: 649px) {
    #bigFooter {
      text-align: center; } }
  #bigFooter .spacer {
    clear: both;
    width: 100%;
    height: 40px; }
  #bigFooter .bigSpacer {
    height: 50px; }
  @media (max-width: 649px) {
    #bigFooter .columnMobileMargin {
      margin-top: 30px; } }
  #bigFooter .column {
    box-sizing: border-box;
    padding-right: 25px;
    padding-left: 10px; }
    @media (max-width: 649px) {
      #bigFooter .column {
        clear: both;
        width: 100%; } }
    @media (min-width: 650px) {
      #bigFooter .column {
        float: left;
        width: 33.33%; } }
    #bigFooter .column .heading {
      word-wrap: break-word;
      font-size: 13px;
      text-transform: uppercase;
      color: black;
      line-height: 32px;
      color: #4e4e73;
      font-weight: bold; }
    #bigFooter .column .separator {
      clear: both;
      width: 100%;
      height: 30px;
      position: relative; }
      #bigFooter .column .separator .icon {
        position: absolute;
        left: 0px;
        top: 50%;
        width: 40px;
        max-width: 40px;
        height: 2px;
        margin-top: -1px;
        background: 6px #33a4f3; }
        @media (max-width: 649px) {
          #bigFooter .column .separator .icon {
            margin-left: -20px;
            left: 50%; } }
    #bigFooter .column .text {
      clear: both;
      width: 100%;
      color: #a3a3a3;
      font-size: 14px;
      margin-top: 5px;
      max-width: 470px;
      line-height: 26px; }
      @media (max-width: 649px) {
        #bigFooter .column .text {
          max-width: 100%; } }
      #bigFooter .column .text a {
        color: #2f2f45;
        font-size: 14px; }
        #bigFooter .column .text a:hover {
          color: #4e4e73;
          text-decoration: none; }
    #bigFooter .column .social {
      clear: both;
      width: 100%;
      margin-top: 40px; }
      #bigFooter .column .social .item {
        float: left;
        font-size: 13px;
        padding: 12px 17px;
        color: black;
        letter-spacing: 2px;
        margin-left: 6px;
        margin-right: 6px;
        -webkit-transition: color 600ms;
        -moz-transition: color 600ms;
        -ms-transition: color 600ms;
        -o-transition: color 600ms;
        transition: color 600ms;
        background: white; }
        #bigFooter .column .social .item:hover {
          cursor: pointer;
          color: #c79a73; }
      #bigFooter .column .social .socialItem {
        position: relative;
        height: 20px;
        line-height: 20px;
        padding: 12px 15px;
        background-color: #f3f3f1;
        border-radius: 50%;
        -webkit-transition: background-color 600ms;
        -moz-transition: background-color 600ms;
        -ms-transition: background-color 600ms;
        -o-transition: background-color 600ms;
        transition: background-color 600ms;
        -webkit-transition: opacity 600ms;
        -moz-transition: opacity 600ms;
        -ms-transition: opacity 600ms;
        -o-transition: opacity 600ms;
        transition: opacity 600ms;
        opacity: 1; }
        #bigFooter .column .social .socialItem:after {
          font-family: FontAwesome;
          font-style: normal;
          font-weight: normal;
          text-decoration: inherit;
          color: #d3d3d1;
          font-size: 15px;
          -webkit-transition: color 600ms;
          -moz-transition: color 600ms;
          -ms-transition: color 600ms;
          -o-transition: color 600ms;
          transition: color 600ms; }
        #bigFooter .column .social .socialItem:hover {
          opacity: 0.7; }
          #bigFooter .column .social .socialItem:hover:after {
            cursor: pointer; }
      #bigFooter .column .social .facebookItem {
        margin-left: 0px;
        padding-left: 17px;
        padding-right: 17px;
        background-color: #c79a73; }
        #bigFooter .column .social .facebookItem:after {
          color: white;
          content: "\f09a"; }
      #bigFooter .column .social .twitterItem {
        background-color: #c79a73; }
        #bigFooter .column .social .twitterItem:after {
          color: white;
          content: "\f16d"; }
      #bigFooter .column .social .item.selected {
        color: #c79a73; }
      #bigFooter .column .social:after {
        content: "";
        clear: both;
        display: block;
        width: 100%;
        height: 1px; }
    #bigFooter .column .linksList {
      clear: both;
      width: 100%;
      margin-top: 25px; }
      #bigFooter .column .linksList .link {
        padding-top: 10px;
        padding-bottom: 10px; }
        #bigFooter .column .linksList .link a {
          color: black;
          font-size: 14px;
          -webkit-transition: color 400ms;
          -moz-transition: color 400ms;
          -ms-transition: color 400ms;
          -o-transition: color 400ms;
          transition: color 400ms; }
          #bigFooter .column .linksList .link a:hover {
            color: #a3a3a3;
            text-decoration: none; }
    #bigFooter .column .images {
      clear: both;
      width: 100%;
      max-width: 280px; }
      #bigFooter .column .images .image {
        float: left;
        width: 50%;
        max-width: 140px; }
        #bigFooter .column .images .image img {
          max-width: 100%; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

#footer {
  clear: both;
  width: 100%;
  text-align: center;
  z-index: 2;
  background: whitesmoke;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1200px;
  background: #4e4e73;
  padding-top: 5px !important;
  padding-bottom: 5px !important; }
  #footer.mapFooter {
    background: whitesmoke; }
  #footer .footerContent {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto; }
    #footer .footerContent:after {
      content: "";
      display: block;
      clear: both;
      width: 100%;
      height: 1px; }
    #footer .footerContent .text {
      width: 50%;
      height: 70px;
      line-height: 70px;
      box-sizing: border-box;
      color: #5a5a5a;
      font-size: 11px;
      font-weight: bold;
      text-transform: uppercase;
      color: #cbcbcf; }
    #footer .footerContent .leftText {
      float: left;
      width: 50%;
      box-sizing: border-box;
      padding-left: 40px;
      color: #6e6e6e;
      text-align: left;
      width: 100%;
      text-align: center;
      padding-left: 0px;
      color: white; }
    #footer .footerContent .rightText {
      float: right;
      width: 50%;
      box-sizing: border-box;
      padding-right: 40px;
      text-align: right;
      display: none; }
      #footer .footerContent .rightText a {
        padding-right: 10px;
        text-decoration: underline;
        color: #6e6e6e;
        color: white;
        color: #5a5a5a; }
        #footer .footerContent .rightText a:hover {
          text-decoration: none; }
    #footer .footerContent .leftText, #footer .footerContent .rightText {
      line-height: 70px;
      height: 70px;
      top: 0px; }
    #footer .footerContent .logo {
      max-width: 215px;
      padding-top: 15px;
      display: inline-block;
      margin: 0 auto; }
      #footer .footerContent .logo img {
        max-width: 100%; }
    #footer .footerContent .social {
      display: inline-block;
      padding-bottom: 6px;
      padding-top: 4px; }
      @media (max-width: 649px) {
        #footer .footerContent .social {
          margin-top: 40px;
          width: 100%;
          text-align: left;
          padding-left: 14px;
          box-sizing: border-box; } }
      #footer .footerContent .social .socialItem {
        float: left;
        position: relative;
        height: 4px;
        line-height: 4px;
        padding: 12px 12px;
        padding-left: 10px;
        padding-right: 10px;
        border-radius: 50%;
        margin-top: 18px;
        -webkit-transition: background-color 600ms;
        -moz-transition: background-color 600ms;
        -ms-transition: background-color 600ms;
        -o-transition: background-color 600ms;
        transition: background-color 600ms;
        opacity: 1;
        margin-right: 0px;
        margin-right: 4px;
        list-style-type: none; }
        #footer .footerContent .social .socialItem:after {
          font-family: FontAwesome;
          font-style: normal;
          font-weight: normal;
          text-decoration: inherit;
          color: #d3d3d1;
          font-size: 14px; }
        #footer .footerContent .social .socialItem:hover {
          opacity: 1; }
          #footer .footerContent .social .socialItem:hover:after {
            color: white;
            cursor: pointer; }
      #footer .footerContent .social .facebookItem {
        margin-left: 20px;
        padding-left: 11px;
        padding-right: 11px;
        background-color: #909da5; }
        #footer .footerContent .social .facebookItem:after {
          color: white;
          content: "\f09a"; }
        #footer .footerContent .social .facebookItem:hover {
          background-color: #687780; }
      #footer .footerContent .social .twitterItem {
        background-color: #909da5; }
        #footer .footerContent .social .twitterItem:after {
          color: white;
          content: "\f16d"; }
        #footer .footerContent .social .twitterItem:hover {
          background-color: #687780; }
      #footer .footerContent .social .homeItem:after {
        content: "\f015"; }
      #footer .footerContent .social .homeItem.selected:after {
        color: #c79a73; }
      #footer .footerContent .social .item.selected {
        background-color: #f3f3f1;
        color: #c79a73; }
  #footer .mapFooterContent {
    border-top: 0px #5a5a5a solid;
    border-bottom: 0px #5a5a5a solid;
    overflow: hidden;
    background: whitesmoke; }
    #footer .mapFooterContent .text {
      line-height: 80px; }
      @media (min-width: 600px) and (max-width: 999px) {
        #footer .mapFooterContent .text {
          height: 40px;
          line-height: 45px; } }
      @media (max-width: 599px) {
        #footer .mapFooterContent .text {
          height: 25px;
          line-height: 32px; } }
    @media (max-width: 999px) {
      #footer .mapFooterContent .leftText, #footer .mapFooterContent .rightText {
        font-size: 12px; } }
    @media (min-width: 600px) and (max-width: 999px) {
      #footer .mapFooterContent .leftText, #footer .mapFooterContent .rightText {
        font-size: 12px;
        height: 40px;
        line-height: 45px; } }
    @media (max-width: 599px) {
      #footer .mapFooterContent .leftText, #footer .mapFooterContent .rightText {
        font-size: 11px;
        height: 25px;
        line-height: 32px; } }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

@media (max-width: 599px) {
  .resumeSettingsForm .mobileSubcategoryLabel {
    font-size: 12px !important; } }

.resumeSettingsForm .viewResumeTypeGrid {
  margin-top: 15px; }

@media (max-width: 599px) {
  .resumeSettingsForm .viewResumeTypeGrid {
    margin-top: 5px; } }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.ntechAutocompleteWrapper .mobileControls .closeButton {
  background: #37bdb1; }
  .ntechAutocompleteWrapper .mobileControls .closeButton:after {
    color: white; }
  .ntechAutocompleteWrapper .mobileControls .closeButton:hover {
    background: #339a99;
    cursor: pointer; }

.ntechAutocompleteWrapper .mobileControls .inputClone {
  border-left: 0px;
  border-right: 0px;
  border-top: 0px;
  border-bottom: 1px #d2d2d2 solid;
  font-size: 14px;
  outline: 0; }
  .ntechAutocompleteWrapper .mobileControls .inputClone:hover, .ntechAutocompleteWrapper .mobileControls .inputClone:focus {
    border-bottom: 1px #37bdb1 solid;
    outline: 0; }

.ntechAutocompleteWrapper .mobileControls .searchInputIconWrapper {
  position: absolute;
  right: 90px;
  top: 10px;
  width: 22px;
  height: 22px;
  background: white;
  overflow: hidden; }
  .ntechAutocompleteWrapper .mobileControls .searchInputIconWrapper .searchIcon {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 30px;
    height: 30px;
    background-size: cover; }

.ntechAutocompleteWrapper .resultsData .searchResult:last-child {
  padding-bottom: 12px !important; }

@media (max-width: 999px) {
  .ntechAutocompleteWrapper .resultsData .searchResult:last-child {
    padding-bottom: 18px !important; } }

.ntechAutocompleteWrapper .resultsData a:hover {
  text-decoration: none; }

.ntechAutocompleteWrapper .resultsData .defaultRowResult {
  padding-top: 7px;
  padding-bottom: 8px;
  box-sizing: border-box;
  padding-left: 13px;
  padding-right: 13px;
  position: relative; }
  .ntechAutocompleteWrapper .resultsData .defaultRowResult .controls {
    position: absolute;
    left: 15px;
    top: 6px;
    width: 80px;
    font-size: 0; }
    .ntechAutocompleteWrapper .resultsData .defaultRowResult .controls .control {
      display: inline-block;
      width: 40px;
      height: 40px;
      vertical-align: top;
      position: relative; }
      .ntechAutocompleteWrapper .resultsData .defaultRowResult .controls .control img {
        border: 1px #d2d2d2 solid;
        box-sizing: border-box;
        width: 40px;
        height: 40px;
        border-radius: 9px;
        overflow: hidden; }
  .ntechAutocompleteWrapper .resultsData .defaultRowResult .top {
    font-size: 15px;
    color: black; }
  .ntechAutocompleteWrapper .resultsData .defaultRowResult .bottom {
    font-size: 12px;
    color: #737373; }
  .ntechAutocompleteWrapper .resultsData .defaultRowResult .top.controlsPadding, .ntechAutocompleteWrapper .resultsData .defaultRowResult .bottom.controlsPadding {
    padding-left: 92px; }
  .ntechAutocompleteWrapper .resultsData .defaultRowResult .match {
    color: #339a99; }
  .ntechAutocompleteWrapper .resultsData .defaultRowResult:hover {
    background: #339a99;
    color: white;
    cursor: pointer; }
    .ntechAutocompleteWrapper .resultsData .defaultRowResult:hover .match {
      color: white; }
    .ntechAutocompleteWrapper .resultsData .defaultRowResult:hover .top, .ntechAutocompleteWrapper .resultsData .defaultRowResult:hover .bottom {
      color: white; }
  .ntechAutocompleteWrapper .resultsData .defaultRowResult.lightHover:hover {
    background: whitesmoke; }
    .ntechAutocompleteWrapper .resultsData .defaultRowResult.lightHover:hover .top {
      color: black; }
    .ntechAutocompleteWrapper .resultsData .defaultRowResult.lightHover:hover .bottom {
      color: #737373; }
    .ntechAutocompleteWrapper .resultsData .defaultRowResult.lightHover:hover .match {
      color: #339a99; }
  .ntechAutocompleteWrapper .resultsData .defaultRowResult .selectToggler {
    clear: both;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    position: absolute;
    left: 3px;
    top: 5px;
    box-sizing: border-box;
    border: 1px #bebebe solid; }
    .ntechAutocompleteWrapper .resultsData .defaultRowResult .selectToggler:after {
      position: absolute;
      left: 7px;
      top: 5px;
      font-family: FontAwesome;
      content: "\f00c";
      font-size: 12px;
      color: #bebebe;
      display: none; }
    .ntechAutocompleteWrapper .resultsData .defaultRowResult .selectToggler:hover {
      cursor: pointer; }
  .ntechAutocompleteWrapper .resultsData .defaultRowResult.selectedMultipleResult .selectToggler {
    background: gainsboro;
    border-color: gainsboro; }
    .ntechAutocompleteWrapper .resultsData .defaultRowResult.selectedMultipleResult .selectToggler:after {
      color: white;
      display: block; }
  .ntechAutocompleteWrapper .resultsData .defaultRowResult.selectedMultipleResult .selectToggler {
    background: #37bdb1;
    border-color: #37bdb1; }

.ntechAutocompleteWrapper .resultsData .focused {
  background: #339a99; }
  .ntechAutocompleteWrapper .resultsData .focused .top, .ntechAutocompleteWrapper .resultsData .focused .bottom, .ntechAutocompleteWrapper .resultsData .focused .match {
    color: white; }

.ntechAutocompleteWrapper .resultsData .noResults {
  padding-top: 30px; }
  @media (max-width: 999px) {
    .ntechAutocompleteWrapper .resultsData .noResults {
      margin-top: 10px;
      border-top: 1px #e6e6e6 solid;
      border-bottom: 1px #e6e6e6 solid;
      padding-top: 20px;
      padding-bottom: 30px; } }
  .ntechAutocompleteWrapper .resultsData .noResults .noResultsData {
    max-width: 300px;
    width: 100%;
    margin: 0 auto; }
    .ntechAutocompleteWrapper .resultsData .noResults .noResultsData .noResultsIcon {
      margin: 0 auto;
      clear: both;
      width: 60px;
      height: 60px;
      position: relative; }
      .ntechAutocompleteWrapper .resultsData .noResults .noResultsData .noResultsIcon:after {
        position: absolute;
        left: 10px;
        top: 0px;
        content: "\f010";
        font-family: FontAwesome;
        font-size: 42px;
        color: #5a5a5a;
        color: #37bdb1; }
    .ntechAutocompleteWrapper .resultsData .noResults .noResultsData .noResultsNoValIcon:after {
      content: "\f002"; }
    .ntechAutocompleteWrapper .resultsData .noResults .noResultsData .noResultsMsg {
      clear: both;
      color: #5a5a5a; }

.ntechAutocompleteWrapper .resultsData .loadMoreResults {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  background: whitesmoke;
  font-size: 12px;
  color: #5a5a5a;
  margin-top: 10px; }
  .ntechAutocompleteWrapper .resultsData .loadMoreResults:hover {
    cursor: pointer;
    background: #339a99;
    color: white; }

.ntechAutocompleteWrapper .resultsData .loadMoreResults.selectedItem {
  background: #339a99;
  color: white; }

.multipleNtechAutocompleteWrapper .multipleControls {
  display: block !important;
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 100%;
  max-width: 130px;
  height: 44px;
  line-height: 44px;
  background: #455971;
  color: white;
  border: 1px #d2d2d2 solid;
  text-align: center;
  font-family: RobotoLight;
  text-decoration: underline; }
  .multipleNtechAutocompleteWrapper .multipleControls:hover {
    cursor: pointer;
    text-decoration: none; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.formBackButton {
  clear: both;
  height: 30px;
  line-height: 30px;
  color: black;
  text-align: center;
  margin: 0 auto;
  background: whitesmoke;
  display: block;
  max-width: 400px;
  font-size: 12px;
  border-radius: 9px;
  margin-top: 10px;
  box-sizing: border-box;
  border: 1px #e1e1e1 solid;
  max-width: 250px; }
  .formBackButton:hover {
    color: #33a4f3; }

.form {
  clear: both; }
  .form .formFieldNotice {
    margin-top: 15px;
    font-size: 13px;
    color: #969696; }
    @media (max-width: 599px) {
      .form .formFieldNotice {
        font-size: 11px; } }
  .form .disableFieldTopPadding {
    padding-top: 0px !important; }
  .form .clearfix {
    clear: both;
    width: 100%;
    height: 1px; }
  .form .formControls {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 50px;
    line-height: 47px;
    box-sizing: border-box;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 1.2rem;
    background: #455971;
    color: white;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    text-align: center;
    z-index: 2; }
    .form .formControls .formControl {
      display: inline-block;
      padding: 6px 30px;
      background: red;
      margin-left: 8px;
      margin-right: 8px;
      font-size: 12px;
      line-height: 13px;
      background: #37bdb1;
      border-radius: 69px;
      min-width: 110px;
      box-sizing: border-box;
      vertical-align: middle;
      padding-bottom: 5px;
      border: 1px #37bdb1 solid; }
      @media (max-width: 699px) {
        .form .formControls .formControl {
          font-size: 10px;
          min-width: 80px;
          padding: 6px 5px;
          line-height: 11px;
          margin-left: 5px;
          margin-right: 5px; } }
      .form .formControls .formControl.inactiveControl {
        background: #455971;
        border: 1px #2a807e solid;
        color: #2a807e; }
      .form .formControls .formControl:hover {
        background: #339a99;
        cursor: pointer; }
      @media (max-width: 999px) {
        .form .formControls .formControl.wideFormControl {
          width: 100%;
          max-width: 250px; } }
    .form .formControls .formControl.lightControl {
      background: #455971;
      border: 1px #37bdb1 solid;
      color: #37bdb1; }
      .form .formControls .formControl.lightControl:hover {
        background: #339a99;
        border: 1px #339a99 solid;
        color: white; }
    .form .formControls .formControl.hiddenControl {
      display: none; }
  .form .formContent {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    z-index: 1; }
    .form .formContent.withControls {
      padding-bottom: 50px;
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px; }
    .form .formContent.blockTopSpacer {
      padding-top: 20px; }
    .form .formContent.blockTopDoubleSpacer {
      padding-top: 30px; }
      @media (max-width: 599px) {
        .form .formContent.blockTopDoubleSpacer {
          padding-top: 10px; } }
    .form .formContent input[type=text], .form .formContent input[type=password], .form .formContent textarea, .form .formContent input[type=number], .form .formContent input[type=tel], .form .formContent .inputControl {
      width: 100%;
      outline: 0;
      border: 1px #e1e1e1 solid;
      padding: 10px;
      box-sizing: border-box;
      border-radius: 9px;
      padding-left: 20px;
      font-size: 12px;
      font-family: Roboto;
      background: #fafafa; }
      @media (max-width: 599px) {
        .form .formContent input[type=text], .form .formContent input[type=password], .form .formContent textarea, .form .formContent input[type=number], .form .formContent input[type=tel], .form .formContent .inputControl {
          padding-top: 8px;
          padding-bottom: 8px;
          font-size: 10px; } }
      .form .formContent input[type=text]:hover, .form .formContent input[type=text]:focus, .form .formContent input[type=password]:hover, .form .formContent input[type=password]:focus, .form .formContent textarea:hover, .form .formContent textarea:focus, .form .formContent input[type=number]:hover, .form .formContent input[type=number]:focus, .form .formContent input[type=tel]:hover, .form .formContent input[type=tel]:focus, .form .formContent .inputControl:hover, .form .formContent .inputControl:focus {
        border-color: #37bdb1;
        background: white; }
      .form .formContent input[type=text]:disabled, .form .formContent input[type=password]:disabled, .form .formContent textarea:disabled, .form .formContent input[type=number]:disabled, .form .formContent input[type=tel]:disabled, .form .formContent .inputControl:disabled {
        background: white;
        color: #828282; }
    .form .formContent .activeDisabledInput input[disabled] {
      background: white; }
    .form .formContent textarea {
      min-height: 80px; }
    .form .formContent .semilongTextarea {
      min-height: 160px; }
      @media (max-width: 599px) {
        .form .formContent .semilongTextarea {
          min-height: 120px; } }
    .form .formContent .longTextarea {
      min-height: 280px; }
      @media (max-width: 999px) {
        .form .formContent .longTextarea {
          min-height: 200px; } }
      @media (max-width: 599px) {
        .form .formContent .longTextarea {
          min-height: 150px; } }
    .form .formContent form {
      width: 100%;
      height: 100%;
      box-sizing: border-box;
      padding-left: 30px;
      padding-right: 30px;
      padding-bottom: 20px; }
      @media (min-width: 750px) {
        .form .formContent form {
          padding-left: 75px;
          padding-right: 75px; } }
      @media (max-width: 599px) {
        .form .formContent form {
          padding-left: 15px;
          padding-right: 15px; } }
    .form .formContent form.noPaddingTop {
      padding-top: 0px; }
    .form .formContent .hidden {
      display: none; }
    .form .formContent .field {
      clear: both;
      padding-top: 8px;
      padding-bottom: 8px;
      text-align: center; }
      .form .formContent .field:not(:first-child) {
        margin-top: 5px; }
      @media (max-width: 599px) {
        .form .formContent .field {
          padding-top: 5px;
          padding-bottom: 5px; }
          .form .formContent .field:first-child {
            padding-top: 0px; } }
      .form .formContent .field .caption {
        float: left;
        width: 20%;
        text-align: right;
        font-size: 1.2rem;
        color: #3c3c3c;
        box-sizing: border-box;
        padding-right: 20px;
        line-height: 35px;
        font-family: RobotoLight;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 0.01rem; }
        @media (min-width: 600px) and (max-width: 949px) {
          .form .formContent .field .caption {
            width: 30%; } }
        @media (max-width: 599px) {
          .form .formContent .field .caption {
            float: none;
            clear: both;
            text-align: center;
            width: 100%;
            font-size: 12px; } }
      .form .formContent .field .item {
        float: left;
        width: 80%;
        text-align: center;
        max-width: 650px; }
        .form .formContent .field .item.relativeItem {
          position: relative; }
          .form .formContent .field .item.relativeItem > input, .form .formContent .field .item.relativeItem > textarea {
            z-index: 1; }
        @media (min-width: 600px) and (max-width: 949px) {
          .form .formContent .field .item {
            width: 70%;
            max-width: 440px; } }
        @media (max-width: 599px) {
          .form .formContent .field .item {
            float: none;
            width: 100%;
            clear: both; } }
        .form .formContent .field .item .autoSelected, .form .formContent .field .item .selectList {
          clear: both;
          width: 100%;
          box-sizing: border-box;
          text-align: center;
          padding: 0px 6px;
          border-radius: 19px; }
          .form .formContent .field .item .autoSelected .content, .form .formContent .field .item .selectList .content {
            line-height: 20px;
            box-sizing: border-box;
            text-align: center;
            padding: 5px 0px;
            width: 100%;
            height: 100%;
            font-size: 12px;
            background: whitesmoke;
            border-left: 1px #e1e1e1 solid;
            border-right: 1px #e1e1e1 solid;
            border-bottom: 1px #e1e1e1 solid;
            color: #3c3c3c; }
            @media (max-width: 599px) {
              .form .formContent .field .item .autoSelected .content, .form .formContent .field .item .selectList .content {
                font-size: 10px;
                padding: 3px 0px; } }
        .form .formContent .field .item .selectList .content {
          border-bottom: 0px solid;
          border-top: 1px #e1e1e1 solid;
          text-align: center;
          padding-top: 0px;
          padding-bottom: 0px; }
          .form .formContent .field .item .selectList .content .selectListItem {
            display: inline-block;
            padding: 0px;
            box-sizing: border-box;
            padding-left: 15px;
            padding-right: 15px;
            text-align: center;
            box-sizing: border-box;
            border: 1px whitesmoke solid;
            padding: 15px;
            padding-top: 3px;
            padding-bottom: 3px;
            font-size: 12px;
            line-height: 20px;
            min-width: 120px;
            font-weight: bold;
            color: #5a5a5a;
            text-decoration: underline; }
            .form .formContent .field .item .selectList .content .selectListItem .itemIcon:after {
              font-family: FontAwesome;
              font-size: 13px;
              content: "\f014";
              color: #828282;
              padding-right: 4px;
              color: black;
              font-weight: normal; }
              @media (max-width: 599px) {
                .form .formContent .field .item .selectList .content .selectListItem .itemIcon:after {
                  font-size: 11px; } }
            .form .formContent .field .item .selectList .content .selectListItem .itemIcon.addIcon:after {
              content: "\f067"; }
            @media (max-width: 599px) {
              .form .formContent .field .item .selectList .content .selectListItem {
                font-size: 10px;
                min-width: 100px;
                line-height: 18px; } }
            .form .formContent .field .item .selectList .content .selectListItem.selected {
              color: #37bdb1;
              text-decoration: underline; }
            .form .formContent .field .item .selectList .content .selectListItem:hover {
              color: #37bdb1;
              cursor: pointer;
              text-decoration: underline; }
              .form .formContent .field .item .selectList .content .selectListItem:hover .itemIcon:after {
                color: #37bdb1; }
        .form .formContent .field .item .selectList.inputSizeSelectList {
          padding-left: 0px;
          padding-right: 0px;
          border: 0px;
          border-radius: 9px; }
          .form .formContent .field .item .selectList.inputSizeSelectList .content {
            border: 1px #e1e1e1 solid;
            border-radius: 9px;
            font-size: 0; }
            .form .formContent .field .item .selectList.inputSizeSelectList .content .selectListItem {
              line-height: 30px; }
              .form .formContent .field .item .selectList.inputSizeSelectList .content .selectListItem.col3Item {
                width: 33.33%;
                min-width: auto; }
              @media (max-width: 599px) {
                .form .formContent .field .item .selectList.inputSizeSelectList .content .selectListItem {
                  line-height: 22px;
                  padding-left: 5px;
                  padding-right: 5px; } }
      .form .formContent .field .radioItemWrapper {
        display: inline-block;
        width: auto; }
        .form .formContent .field .radioItemWrapper .radioItem {
          float: left; }
          .form .formContent .field .radioItemWrapper .radioItem label {
            padding-left: 7px;
            font-size: 1.2rem; }
          .form .formContent .field .radioItemWrapper .radioItem:not(:first-child) {
            padding-left: 40px; }
    .form .formContent .radioWrapper, .form .formContent .infoWrapper {
      clear: both;
      width: 100%;
      border-top: 1px #e1e1e1 solid;
      border-bottom: 1px #e1e1e1 solid; }
      .form .formContent .radioWrapper.inputRadioWrapper, .form .formContent .radioWrapper.inputInfoWrapper, .form .formContent .infoWrapper.inputRadioWrapper, .form .formContent .infoWrapper.inputInfoWrapper {
        border: 0px solid;
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px; }
        .form .formContent .radioWrapper.inputRadioWrapper .radios, .form .formContent .radioWrapper.inputRadioWrapper .info, .form .formContent .radioWrapper.inputInfoWrapper .radios, .form .formContent .radioWrapper.inputInfoWrapper .info, .form .formContent .infoWrapper.inputRadioWrapper .radios, .form .formContent .infoWrapper.inputRadioWrapper .info, .form .formContent .infoWrapper.inputInfoWrapper .radios, .form .formContent .infoWrapper.inputInfoWrapper .info {
          border-bottom: 1px #e1e1e1 solid;
          border-left: 1px #e1e1e1 solid;
          border-right: 1px #e1e1e1 solid;
          background: #fafafa; }
        .form .formContent .radioWrapper.inputRadioWrapper .info, .form .formContent .radioWrapper.inputInfoWrapper .info, .form .formContent .infoWrapper.inputRadioWrapper .info, .form .formContent .infoWrapper.inputInfoWrapper .info {
          width: 100%;
          box-sizing: border-box;
          padding: 10px 10px;
          font-size: 12px;
          line-height: 14px;
          word-wrap: break-word; }
          .form .formContent .radioWrapper.inputRadioWrapper .info a, .form .formContent .radioWrapper.inputInfoWrapper .info a, .form .formContent .infoWrapper.inputRadioWrapper .info a, .form .formContent .infoWrapper.inputInfoWrapper .info a {
            text-decoration: underline;
            color: black; }
            .form .formContent .radioWrapper.inputRadioWrapper .info a:hover, .form .formContent .radioWrapper.inputInfoWrapper .info a:hover, .form .formContent .infoWrapper.inputRadioWrapper .info a:hover, .form .formContent .infoWrapper.inputInfoWrapper .info a:hover {
              text-decoration: none;
              color: #37bdb1; }
          @media (max-width: 599px) {
            .form .formContent .radioWrapper.inputRadioWrapper .info, .form .formContent .radioWrapper.inputInfoWrapper .info, .form .formContent .infoWrapper.inputRadioWrapper .info, .form .formContent .infoWrapper.inputInfoWrapper .info {
              font-size: 10px; } }
      .form .formContent .radioWrapper .radioItem, .form .formContent .infoWrapper .radioItem {
        float: left;
        width: 50%;
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px; }
      .form .formContent .radioWrapper.radioItem3Col .radioItem, .form .formContent .infoWrapper.radioItem3Col .radioItem {
        width: 33.33%; }
      @media (min-width: 1000px) {
        .form .formContent .radioWrapper.radioItem3ColOnDesktop .radioItem, .form .formContent .infoWrapper.radioItem3ColOnDesktop .radioItem {
          width: 33.33%; } }
      .form .formContent .radioWrapper.noWrapperBorders, .form .formContent .infoWrapper.noWrapperBorders {
        border-top: 0px solid;
        border-bottom: 0px solid; }
      .form .formContent .radioWrapper.alignLeft .radios .confirmBoxWrap, .form .formContent .infoWrapper.alignLeft .radios .confirmBoxWrap {
        text-align: left; }
        .form .formContent .radioWrapper.alignLeft .radios .confirmBoxWrap .confirmBox, .form .formContent .infoWrapper.alignLeft .radios .confirmBoxWrap .confirmBox {
          display: inline-block;
          vertical-align: top; }
    @media (min-width: 1000px) {
      .form .formContent.doubleDesktopPadding .field {
        padding-top: 20px; } }
    .form .formContent .moneyInputWrapper {
      width: 100%;
      box-sizing: border-box;
      position: relative; }
      .form .formContent .moneyInputWrapper .moneyIcon {
        position: absolute;
        left: 1px;
        top: 1px;
        width: 25px;
        height: 36px;
        background: #fafafa;
        border-top-left-radius: 9px;
        border-bottom-left-radius: 9px;
        line-height: 35px;
        color: black; }
        @media (max-width: 599px) {
          .form .formContent .moneyInputWrapper .moneyIcon {
            height: 29px;
            line-height: 30px;
            font-size: 12px; } }
      .form .formContent .moneyInputWrapper input[type=number] {
        padding-left: 35px !important; }
    .form .formContent .submitField {
      position: relative;
      clear: both;
      width: 100%;
      text-align: center;
      float: none;
      height: 45px; }
      @media (max-width: 599px) {
        .form .formContent .submitField {
          padding-top: 15px; } }
      .form .formContent .submitField .item {
        position: relative;
        width: 150px;
        height: 35px;
        display: inline-block;
        padding-top: 0px;
        float: none; }
        @media (max-width: 599px) {
          .form .formContent .submitField .item {
            width: 120px;
            height: 30px;
            line-height: 27px; } }
        .form .formContent .submitField .item input[type=submit], .form .formContent .submitField .item button {
          width: 150px;
          height: 35px;
          line-height: 32px;
          background: #37bdb1;
          color: white;
          outline: 0;
          border: 0;
          border-radius: 69px;
          font-size: 14px; }
          @media (max-width: 599px) {
            .form .formContent .submitField .item input[type=submit], .form .formContent .submitField .item button {
              width: 120px;
              height: 30px;
              line-height: 27px;
              font-size: 12px; } }
          .form .formContent .submitField .item input[type=submit]:hover, .form .formContent .submitField .item button:hover {
            background: #339a99; }
    .form .formContent .selectInputWrapper textarea {
      resize: none; }
    .form .formContent .selectInputWrapper textarea, .form .formContent .selectInputWrapper input {
      padding-right: 25px !important; }
    .form .formContent .selectInputWrapper:hover {
      cursor: pointer; }
      .form .formContent .selectInputWrapper:hover input, .form .formContent .selectInputWrapper:hover textarea {
        border-color: #37bdb1 !important; }
    .form .formContent .selectInputWrapper .selectArrow {
      top: 7px !important;
      height: 25px !important;
      right: 6px !important; }
      @media (max-width: 599px) {
        .form .formContent .selectInputWrapper .selectArrow {
          height: 18px !important;
          width: 20px !important;
          top: 6px !important; } }
      .form .formContent .selectInputWrapper .selectArrow:after {
        position: absolute;
        left: 0px;
        top: 5px;
        font-family: FontAwesome;
        content: "\f078";
        color: #969696;
        font-size: 10px;
        line-height: 14px; }
        @media (max-width: 599px) {
          .form .formContent .selectInputWrapper .selectArrow:after {
            top: 2px !important;
            line-height: 17px; } }
    @media (min-width: 1200px) {
      .form .formContent.formContentWithWideCaption .field:not(.submitField) .caption {
        width: 25%; }
      .form .formContent.formContentWithWideCaption .field:not(.submitField) .item {
        width: 75%; } }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.form3Cols {
  width: 100%;
  clear: both; }
  .form3Cols .inputGroup {
    width: 100%;
    clear: both; }
    .form3Cols .inputGroup .input {
      float: left;
      width: 46%;
      margin-left: 2%;
      margin-right: 2%; }
      @media (max-width: 979px) {
        .form3Cols .inputGroup .input {
          clear: both;
          width: 80%;
          margin-left: 10%;
          margin-right: 10%;
          margin-top: 1.5rem; } }
      .form3Cols .inputGroup .input input {
        width: 100%;
        line-height: 2.5rem;
        height: 40px;
        box-sizing: border-box;
        padding-left: 25px;
        padding-right: 25px;
        border: 1px solid;
        border-color: #c8c8c8;
        outline: 0;
        -webkit-transition: border-color 400ms;
        -moz-transition: border-color 400ms;
        -ms-transition: border-color 400ms;
        -o-transition: border-color 400ms;
        transition: border-color 400ms;
        font-family: Roboto; }
    @media (max-width: 979px) {
      .form3Cols .inputGroup .inputSmallMargin {
        margin-top: 0.3rem; } }
  .form3Cols .inputGroupMargin {
    margin-top: 30px; }
    @media (max-width: 979px) {
      .form3Cols .inputGroupMargin {
        margin-top: 0rem; } }
  .form3Cols .textarea {
    clear: both;
    width: 100%;
    margin-top: 30px; }
    @media (max-width: 979px) {
      .form3Cols .textarea {
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
        margin-top: 1.5rem; } }
    .form3Cols .textarea textarea {
      width: 96.6%;
      min-height: 100px;
      margin-left: 1.66%;
      margin-right: 1.66%;
      box-sizing: border-box;
      padding: 10px;
      border: 1px solid;
      border-color: #c8c8c8;
      outline: 0;
      -webkit-transition: border-color 400ms;
      -moz-transition: border-color 400ms;
      -ms-transition: border-color 400ms;
      -o-transition: border-color 400ms;
      transition: border-color 400ms;
      padding-left: 25px;
      padding-right: 25px;
      font-family: Roboto; }
      @media (max-width: 979px) {
        .form3Cols .textarea textarea {
          width: 100%;
          margin-left: 0%; } }
  .form3Cols .textareaLong textarea {
    min-height: 150px; }
  .form3Cols .submitButton {
    position: relative;
    clear: both;
    width: 100%;
    text-align: center;
    margin-top: 35px;
    padding-bottom: 30px;
    font-family: Roboto; }
    .form3Cols .submitButton .buttonLoader {
      position: absolute;
      width: 180px;
      height: 50px;
      line-height: 50px;
      color: white;
      background: #d9ac86;
      left: 50%;
      top: 0px;
      margin-left: -90px;
      display: none; }
    .form3Cols .submitButton input[type=submit] {
      width: 180px;
      height: 40px;
      line-height: 35px;
      background: #33a4f3;
      color: white;
      outline: 0;
      border: 0;
      border-radius: 69px;
      font-size: 16px; }
      .form3Cols .submitButton input[type=submit]:hover {
        background: #7bc4f7; }
  .form3Cols .input, .form3Cols .textarea {
    position: relative; }
    .form3Cols .input .icon, .form3Cols .textarea .icon {
      position: absolute;
      left: 10px;
      top: 0px;
      width: 40px;
      height: 40px; }
  @media (min-width: 980px) {
    .form3Cols .textarea .icon {
      left: 25px; } }
  .form3Cols input, .form3Cols textarea {
    border-radius: 17px;
    font-family: RobotoLight;
    font-size: 12px;
    box-sizing: border-box; }
    .form3Cols input:focus, .form3Cols textarea:focus {
      border-color: #33a4f3 !important;
      background-color: white !important; }
    .form3Cols input:hover, .form3Cols textarea:hover {
      border-color: #33a4f3 !important; }
  .form3Cols input[type=submit]:focus {
    background-color: #33a4f3 !important; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.form4Cols {
  width: 100%;
  clear: both; }
  .form4Cols .inputGroup {
    width: 100%;
    clear: both; }
    @media (max-width: 899px) {
      .form4Cols .inputGroup .secondInputRow {
        margin-top: 15px; } }
    @media (max-width: 599px) {
      .form4Cols .inputGroup .secondInputRow {
        margin-top: 10px; } }
    @media (max-width: 599px) and (orientation: landscape) {
      .form4Cols .inputGroup .secondInputRow {
        margin-top: 0px; } }
    .form4Cols .inputGroup .input {
      float: left;
      width: 22.5%;
      margin-left: 1.25%;
      margin-right: 1.25%; }
      @media (min-width: 600px) and (max-width: 899px) {
        .form4Cols .inputGroup .input {
          float: left;
          width: 45%;
          margin-left: 2.5%;
          margin-right: 2.5%; } }
      @media (max-width: 599px) and (orientation: portrait) {
        .form4Cols .inputGroup .input {
          float: left;
          width: 48%;
          margin-left: 1%;
          margin-right: 1%; } }
      @media (max-width: 599px) and (orientation: landscape) {
        .form4Cols .inputGroup .input {
          float: left;
          width: 23.5%;
          margin-left: 0.75%;
          margin-right: 0.75%; } }
      .form4Cols .inputGroup .input input, .form4Cols .inputGroup .input select {
        width: 100%;
        line-height: 2.5rem;
        height: 40px;
        box-sizing: border-box;
        padding-left: 52px;
        padding-right: 10px;
        border: 1px solid;
        border-color: #c8c8c8;
        outline: 0;
        -webkit-transition: border-color 400ms;
        -moz-transition: border-color 400ms;
        -ms-transition: border-color 400ms;
        -o-transition: border-color 400ms;
        transition: border-color 400ms; }
        @media (max-width: 599px) {
          .form4Cols .inputGroup .input input, .form4Cols .inputGroup .input select {
            height: 34px;
            line-height: 34px;
            padding-left: 45px; } }
      .form4Cols .inputGroup .input input[type=number] {
        line-height: 30px; }
      .form4Cols .inputGroup .input select {
        padding-right: 15px; }
        .form4Cols .inputGroup .input select option {
          font-size: 16px; }
    .form4Cols .inputGroup .disabledInputOverlay {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      height: 40px;
      box-sizing: border-box;
      padding-left: 50px;
      padding-right: 10px;
      border-radius: 69px;
      z-index: 2; }
  .form4Cols .inputGroupMargin {
    margin-top: 30px; }
    @media (max-width: 979px) {
      .form4Cols .inputGroupMargin {
        margin-top: 0rem; } }
  .form4Cols:after {
    content: " ";
    clear: both;
    width: 100%;
    height: 1px;
    display: block; }
  .form4Cols .textarea {
    clear: both;
    width: 100%;
    margin-top: 30px; }
    @media (max-width: 979px) {
      .form4Cols .textarea {
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
        margin-top: 1.5rem; } }
    .form4Cols .textarea textarea {
      width: 96.6%;
      min-height: 100px;
      margin-left: 1.66%;
      margin-right: 1.66%;
      box-sizing: border-box;
      padding: 10px;
      border: 1px solid;
      border-color: #c8c8c8;
      outline: 0;
      -webkit-transition: border-color 400ms;
      -moz-transition: border-color 400ms;
      -ms-transition: border-color 400ms;
      -o-transition: border-color 400ms;
      transition: border-color 400ms;
      padding-left: 50px;
      padding-right: 50px; }
      @media (max-width: 979px) {
        .form4Cols .textarea textarea {
          width: 100%;
          margin-left: 0%; } }
  .form4Cols .textareaLong textarea {
    min-height: 150px; }
  .form4Cols .submitButton {
    position: relative;
    clear: both;
    width: 100%;
    text-align: center;
    margin-top: 35px;
    padding-bottom: 30px; }
    .form4Cols .submitButton .buttonLoader {
      position: absolute;
      width: 180px;
      height: 50px;
      line-height: 50px;
      color: white;
      background: #d9ac86;
      left: 50%;
      top: 0px;
      margin-left: -90px;
      display: none; }
    .form4Cols .submitButton input[type=submit] {
      width: 180px;
      height: 40px;
      line-height: 35px;
      background: #37bdb1;
      color: white;
      outline: 0;
      border: 0;
      -webkit-transition: background 400ms;
      -moz-transition: background 400ms;
      -ms-transition: background 400ms;
      -o-transition: background 400ms;
      transition: background 400ms;
      border-radius: 69px;
      font-size: 16px; }
      .form4Cols .submitButton input[type=submit]:hover {
        background: #339a99; }
  .form4Cols .input, .form4Cols .textarea {
    position: relative; }
    .form4Cols .input .icon, .form4Cols .textarea .icon {
      position: absolute;
      left: 10px;
      top: 0px;
      width: 40px;
      height: 40px;
      background-size: cover;
      z-index: 2; }
      @media (max-width: 599px) {
        .form4Cols .input .icon, .form4Cols .textarea .icon {
          width: 33px;
          height: 33px; } }
  @media (min-width: 980px) {
    .form4Cols .textarea .icon {
      left: 25px; } }
  .form4Cols input, .form4Cols textarea, .form4Cols select {
    background: white;
    border-radius: 17px;
    font-family: Roboto;
    font-size: 12px;
    box-sizing: border-box; }
    .form4Cols input:focus, .form4Cols textarea:focus, .form4Cols select:focus {
      border-color: #37bdb1 !important;
      background-color: white; }
    .form4Cols input:hover, .form4Cols textarea:hover, .form4Cols select:hover {
      border-color: #37bdb1 !important; }
  .form4Cols .selectedInput {
    border-color: #37bdb1 !important; }
  .form4Cols .selectInputWrapper:hover {
    cursor: pointer; }
    .form4Cols .selectInputWrapper:hover input {
      border-color: #37bdb1 !important; }
  .form4Cols .selectInputWrapper .selectArrow {
    top: 8px !important;
    height: 25px !important;
    right: 6px !important; }
    @media (max-width: 599px) {
      .form4Cols .selectInputWrapper .selectArrow {
        height: 18px !important;
        width: 20px !important; } }
    .form4Cols .selectInputWrapper .selectArrow:after {
      position: absolute;
      left: 0px;
      top: 5px;
      font-family: FontAwesome;
      content: "\f078";
      color: #969696;
      font-size: 10px; }
      @media (max-width: 599px) {
        .form4Cols .selectInputWrapper .selectArrow:after {
          top: 2px !important; } }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.form .formConfirm {
  clear: both;
  width: 100%;
  position: relative;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px; }
  .form .formConfirm.noPaddings {
    padding-left: 0px;
    padding-right: 0px; }
  .form .formConfirm .confirmBoxWrap {
    width: 100%;
    border-top: 1px #e1e1e1 solid;
    border-bottom: 1px #e1e1e1 solid;
    text-align: center; }
    .form .formConfirm .confirmBoxWrap.inputBoxWrap {
      border-top: 0px solid;
      border-left: 1px #e1e1e1 solid;
      border-right: 1px #e1e1e1 solid;
      border-bottom: 1px #e1e1e1 solid; }
    .form .formConfirm .confirmBoxWrap.noBorders {
      border: 0px solid; }
    .form .formConfirm .confirmBoxWrap .confirmBox {
      display: inline-block;
      position: relative;
      padding-top: 6px;
      padding-bottom: 6px; }
      .form .formConfirm .confirmBoxWrap .confirmBox .icon {
        clear: both;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background: whitesmoke;
        position: absolute;
        left: 0px;
        top: 6px;
        background: #bebebe;
        box-sizing: border-box;
        border: 1px #bebebe solid; }
        .form .formConfirm .confirmBoxWrap .confirmBox .icon:after {
          position: absolute;
          left: 5px;
          top: 4px;
          font-family: FontAwesome;
          content: "\f00c";
          font-size: 12px;
          color: #828282;
          color: whitesmoke; }
        @media (max-width: 599px) {
          .form .formConfirm .confirmBoxWrap .confirmBox .icon {
            width: 23px;
            height: 23px;
            left: 2px;
            top: 7px; }
            .form .formConfirm .confirmBoxWrap .confirmBox .icon:after {
              font-size: 11px; } }
        .form .formConfirm .confirmBoxWrap .confirmBox .icon:hover, .form .formConfirm .confirmBoxWrap .confirmBox .icon.selectedBox {
          background: gainsboro;
          border-color: gainsboro; }
          .form .formConfirm .confirmBoxWrap .confirmBox .icon:hover:after, .form .formConfirm .confirmBoxWrap .confirmBox .icon.selectedBox:after {
            color: white; }
        .form .formConfirm .confirmBoxWrap .confirmBox .icon.selectedBox {
          background: #37bdb1;
          border-color: #37bdb1; }
        .form .formConfirm .confirmBoxWrap .confirmBox .icon:hover {
          cursor: pointer; }
      .form .formConfirm .confirmBoxWrap .confirmBox .message {
        display: inline-block;
        box-sizing: border-box;
        padding-left: 35px;
        line-height: 25px;
        font-size: 13px;
        color: #828282;
        font-family: RobotoLight; }
        @media (max-width: 599px) {
          .form .formConfirm .confirmBoxWrap .confirmBox .message {
            font-size: 10px; } }
        .form .formConfirm .confirmBoxWrap .confirmBox .message a {
          color: #828282;
          text-decoration: underline; }
          .form .formConfirm .confirmBoxWrap .confirmBox .message a:hover {
            text-decoration: none; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.form .formErrors, .formErrorsWrapper .formErrors {
  clear: both;
  width: 100%;
  z-index: 3;
  border-radius: 9px;
  overflow: hidden;
  max-width: 720px;
  margin: 0 auto;
  margin-top: 15px;
  display: none;
  border: 1px #e1e1e1 solid; }
  @media (min-width: 1000px) {
    .form .formErrors, .formErrorsWrapper .formErrors {
      margin-top: 23px;
      margin-bottom: 13px; } }
  .form .formErrors .errorHeading, .formErrorsWrapper .formErrors .errorHeading {
    width: 100%;
    box-sizing: border-box;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 35px;
    padding-right: 35px;
    background: #37bdb1;
    color: white;
    font-family: RobotoLight; }
    @media (max-width: 599px) {
      .form .formErrors .errorHeading, .formErrorsWrapper .formErrors .errorHeading {
        font-size: 12px; } }
    .form .formErrors .errorHeading .left, .formErrorsWrapper .formErrors .errorHeading .left {
      width: 100%;
      text-align: center; }
    .form .formErrors .errorHeading .right, .formErrorsWrapper .formErrors .errorHeading .right {
      float: right; }
  .form .formErrors .errorBody, .formErrorsWrapper .formErrors .errorBody {
    min-height: 50px;
    background: white;
    clear: both;
    width: 100%;
    box-sizing: border-box;
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: whitesmoke; }
    .form .formErrors .errorBody p, .formErrorsWrapper .formErrors .errorBody p {
      text-align: center;
      margin: 0;
      padding: 0;
      padding-bottom: 6px;
      font-size: 12px;
      color: #6e6e6e; }
      @media (max-width: 599px) {
        .form .formErrors .errorBody p, .formErrorsWrapper .formErrors .errorBody p {
          font-size: 10px; } }
  .form .formErrors:hover, .formErrorsWrapper .formErrors:hover {
    cursor: pointer; }
    .form .formErrors:hover .errorHeading .right, .formErrorsWrapper .formErrors:hover .errorHeading .right {
      text-decoration: underline; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.ntechapp-infoWrapper {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  overflow: hidden;
  z-index: 3000;
  -webkit-transition: transform 500ms ease;
  -moz-transition: transform 500ms ease;
  -ms-transition: transform 500ms ease;
  -o-transition: transform 500ms ease;
  transition: transform 500ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

.ntechapp-infoWrapper.visible {
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0); }

.ntechapp-infoWrapper .ntechapp-info {
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  padding: 25px;
  padding-left: 60px;
  padding-right: 60px;
  background: whitesmoke;
  border-top: 1px #d2d2d2 solid; }
  @media (max-width: 999px) {
    .ntechapp-infoWrapper .ntechapp-info {
      padding-top: 15px;
      padding-bottom: 15px; } }
  .ntechapp-infoWrapper .ntechapp-info .message {
    font-family: RobotoLight;
    font-size: 1.2rem;
    line-height: 35px; }
    @media (max-width: 999px) {
      .ntechapp-infoWrapper .ntechapp-info .message {
        font-size: 1rem; } }
    @media (max-width: 599px) {
      .ntechapp-infoWrapper .ntechapp-info .message {
        line-height: 30px; } }
  .ntechapp-infoWrapper .ntechapp-info:hover {
    cursor: pointer; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.modalForm {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 60%;
  height: 70%;
  border: 1px #d2d2d2 solid;
  z-index: 1200;
  background: white;
  max-width: 800px;
  -webkit-transition: transform 400ms;
  -moz-transition: transform 400ms;
  -ms-transition: transform 400ms;
  -o-transition: transform 400ms;
  transition: transform 400ms;
  transform: scale(0);
  border-radius: 9px;
  display: none; }
  .modalForm.visible {
    transform: scale(1); }
  .modalForm .clearfix {
    display: none; }
  .modalForm .restrictTextareaResize textarea {
    resize: none !important; }
  .modalForm.modal620Width {
    max-width: 620px; }
  @media (max-width: 850px) {
    .modalForm {
      width: 80%;
      height: 80%; } }
  @media (max-width: 699px) and (orientation: landscape) {
    .modalForm {
      height: 95%; } }
  @media (max-width: 699px) and (orientation: portrait) {
    .modalForm {
      width: 90%; } }
  .modalForm .formErrors {
    position: absolute !important;
    left: 0px !important;
    bottom: 0px !important;
    margin-bottom: 0px !important;
    max-width: none !important; }
  .modalForm .formHeader {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
    padding-left: 30px;
    font-size: 1.2rem;
    background: #455971;
    color: white;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    z-index: 2;
    font-family: RobotoLight; }
    @media (max-width: 599px) {
      .modalForm .formHeader {
        font-size: 1rem;
        padding-left: 15px; } }
    .modalForm .formHeader .close {
      position: absolute;
      right: 22px;
      top: 0px;
      height: 50px;
      line-height: 50px; }
      .modalForm .formHeader .close .button {
        position: relative;
        height: 23px;
        line-height: 22px;
        padding: 2px 24px;
        padding-top: 0px;
        border-radius: 69px;
        margin-top: 14px;
        text-align: center;
        background-color: #37bdb1;
        color: white;
        box-sizing: border-box;
        font-size: 12px; }
        .modalForm .formHeader .close .button:hover {
          background-color: #339a99;
          cursor: pointer; }
      @media (max-width: 599px) {
        .modalForm .formHeader .close {
          right: 15px; }
          .modalForm .formHeader .close .button {
            height: 24px;
            line-height: 22px;
            font-size: 10px;
            margin-top: 14px;
            padding: 2px 20px; } }
  .modalForm .scrollableFormContent {
    width: 100%;
    height: 100%;
    overflow-y: auto; }
  .modalForm .formControls {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 50px;
    line-height: 47px;
    box-sizing: border-box;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 1.2rem;
    background: #455971;
    color: white;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    text-align: center;
    z-index: 2; }
    .modalForm .formControls .formControl {
      display: inline-block;
      padding: 6px 30px;
      background: red;
      margin-left: 8px;
      margin-right: 8px;
      font-size: 12px;
      line-height: 13px;
      background: #37bdb1;
      border-radius: 69px;
      min-width: 110px;
      box-sizing: border-box;
      vertical-align: middle;
      padding-bottom: 5px;
      border: 1px #37bdb1 solid; }
      .modalForm .formControls .formControl.wideControl {
        min-width: 130px; }
        @media (max-width: 699px) {
          .modalForm .formControls .formControl.wideControl {
            min-width: 100px; } }
      @media (max-width: 699px) {
        .modalForm .formControls .formControl {
          font-size: 10px;
          min-width: 80px;
          padding: 6px 5px;
          line-height: 11px;
          margin-left: 5px;
          margin-right: 5px; } }
      .modalForm .formControls .formControl.inactiveControl {
        background: #455971;
        border: 1px #2a807e solid;
        color: #2a807e; }
      .modalForm .formControls .formControl:hover {
        background: #339a99;
        cursor: pointer; }
    .modalForm .formControls .formControl.lightControl {
      background: #455971;
      border: 1px #37bdb1 solid;
      color: #37bdb1; }
      .modalForm .formControls .formControl.lightControl:hover {
        background: #339a99;
        border: 1px #339a99 solid;
        color: white; }
    .modalForm .formControls .formControl.hiddenControl {
      display: none; }
  .modalForm .formContent {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding-top: 50px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    z-index: 1; }
    .modalForm .formContent.withControls {
      padding-bottom: 50px;
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px; }
    .modalForm .formContent input[type=text], .modalForm .formContent input[type=password], .modalForm .formContent textarea {
      width: 100%;
      outline: 0;
      border: 1px #e1e1e1 solid;
      padding: 10px;
      box-sizing: border-box;
      border-radius: 9px;
      padding-left: 20px;
      font-size: 12px;
      font-family: Roboto; }
      @media (max-width: 599px) {
        .modalForm .formContent input[type=text], .modalForm .formContent input[type=password], .modalForm .formContent textarea {
          padding-top: 8px;
          padding-bottom: 8px;
          font-size: 10px; } }
      .modalForm .formContent input[type=text]:hover, .modalForm .formContent input[type=text]:focus, .modalForm .formContent input[type=password]:hover, .modalForm .formContent input[type=password]:focus, .modalForm .formContent textarea:hover, .modalForm .formContent textarea:focus {
        border-color: #37bdb1;
        background: white; }
    .modalForm .formContent textarea {
      min-height: 80px; }
    .modalForm .formContent .longTextarea {
      min-height: 280px; }
    .modalForm .formContent form {
      width: 100%;
      height: 100%;
      overflow-y: auto;
      box-sizing: border-box;
      padding-left: 30px;
      padding-right: 30px;
      padding-bottom: 20px;
      padding-top: 15px; }
      @media (min-width: 750px) {
        .modalForm .formContent form {
          padding-left: 75px;
          padding-right: 75px; } }
      @media (max-width: 599px) {
        .modalForm .formContent form {
          padding-left: 15px;
          padding-right: 15px; } }
    .modalForm .formContent form.noPaddingTop {
      padding-top: 0px; }
    .modalForm .formContent form.noScroll {
      overflow-y: visible; }
    .modalForm .formContent .hidden {
      display: none; }
    .modalForm .formContent .field {
      clear: both;
      padding-top: 8px;
      padding-bottom: 8px;
      text-align: center; }
      @media (max-width: 599px) {
        .modalForm .formContent .field {
          padding-top: 5px;
          padding-bottom: 5px; }
          .modalForm .formContent .field:first-child {
            padding-top: 10px; } }
      .modalForm .formContent .field .caption {
        clear: both;
        width: 100%;
        text-align: center;
        font-size: 1.2rem;
        color: #3c3c3c; }
      .modalForm .formContent .field .item {
        clear: both;
        width: 100%;
        padding-top: 8px;
        text-align: center;
        max-width: 100% !important; }
      .modalForm .formContent .field .radioItemWrapper {
        display: inline-block;
        width: auto; }
        .modalForm .formContent .field .radioItemWrapper .radioItem {
          float: left; }
          .modalForm .formContent .field .radioItemWrapper .radioItem label {
            padding-left: 7px;
            font-size: 1.2rem; }
          .modalForm .formContent .field .radioItemWrapper .radioItem:not(:first-child) {
            padding-left: 40px; }
    .modalForm .formContent .submitField {
      position: relative;
      clear: both;
      width: 100%;
      text-align: center; }
      .modalForm .formContent .submitField .item {
        position: relative;
        width: 180px;
        height: 45px;
        display: inline-block;
        padding-top: 0px; }
        .modalForm .formContent .submitField .item input[type=submit], .modalForm .formContent .submitField .item button {
          width: 180px;
          height: 45px;
          line-height: 42px;
          background: #d9ac86;
          color: white;
          outline: 0;
          border: 0;
          -webkit-transition: background 400ms;
          -moz-transition: background 400ms;
          -ms-transition: background 400ms;
          -o-transition: background 400ms;
          transition: background 400ms; }
          .modalForm .formContent .submitField .item input[type=submit]:hover, .modalForm .formContent .submitField .item button:hover {
            background: #e5c7ad; }

.confirmForm {
  height: 200px;
  max-width: 420px;
  z-index: 1500; }
  .confirmForm .formContent .button {
    position: relative;
    clear: both;
    width: 100%;
    height: 75px;
    line-height: 75px;
    text-align: center;
    font-size: 1.4rem; }
    .confirmForm .formContent .button:nth-child(1) {
      background: #ededed; }
    .confirmForm .formContent .button:nth-child(2) {
      background: whitesmoke;
      border-bottom-left-radius: 9px;
      border-bottom-right-radius: 9px; }
    .confirmForm .formContent .button:hover {
      cursor: pointer;
      background: #37bdb1;
      color: white; }
  @media (max-width: 599px) {
    .confirmForm {
      height: 170px;
      max-width: 300px; }
      .confirmForm .formContent .button {
        height: 60px;
        line-height: 60px;
        font-size: 1.1rem; } }

.selectModalForm {
  max-width: 450px;
  display: none; }
  .selectModalForm .selectOption {
    clear: both;
    width: 100%;
    text-align: center;
    padding: 15px 30px;
    font-size: 14px;
    box-sizing: border-box; }
    .selectModalForm .selectOption:last-child {
      border-bottom: 1px whitesmoke solid; }
    .selectModalForm .selectOption:nth-child(odd) {
      background: whitesmoke; }
      .selectModalForm .selectOption:nth-child(odd).selected {
        background: #339a99; }
    .selectModalForm .selectOption:hover {
      background: #37bdb1;
      color: white;
      cursor: pointer; }
    .selectModalForm .selectOption.selected {
      background: #37bdb1;
      color: white; }
  .selectModalForm.smallOptionText .selectOption {
    font-size: 12px; }
    @media (max-width: 599px) {
      .selectModalForm.smallOptionText .selectOption {
        font-size: 11px; } }
  .selectModalForm.numbersSelectForm {
    overflow: hidden; }
    .selectModalForm.numbersSelectForm .selectOption {
      display: inline-block;
      vertical-align: top;
      width: 33.33%;
      background: whitesmoke;
      border-bottom: 1px #e1e1e1 solid;
      border-right: 1px #e1e1e1 solid; }
      .selectModalForm.numbersSelectForm .selectOption:hover {
        background: #37bdb1;
        color: white;
        cursor: pointer; }

.multipleSelectModalForm .selectOption {
  color: #222; }
  .multipleSelectModalForm .selectOption:nth-child(odd):hover {
    background: #339a99; }
  .multipleSelectModalForm .selectOption:hover {
    background: white;
    color: #339a99; }
  .multipleSelectModalForm .selectOption:nth-child(odd):hover {
    background: whitesmoke; }
  .multipleSelectModalForm .selectOption:nth-child(odd).selected {
    background: #339a99; }
  .multipleSelectModalForm .selectOption.selected {
    background: #37bdb1;
    color: white; }

.modalFormWithConfirms .formContent .button {
  position: relative;
  clear: both;
  width: 100%;
  height: 75px;
  line-height: 75px;
  text-align: center;
  font-size: 1.4rem;
  background: #ededed; }
  .modalFormWithConfirms .formContent .button:nth-child(even) {
    background: whitesmoke;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px; }
  .modalFormWithConfirms .formContent .button:hover {
    cursor: pointer;
    background: #37bdb1;
    color: white; }

.modalFormWithConfirms .formContent a .button {
  color: black; }

.modalFormWithConfirms .formContent a:hover {
  text-decoration: none; }

@media (max-width: 599px) {
  .modalFormWithConfirms .formContent .button {
    height: 60px;
    line-height: 60px;
    font-size: 1.1rem; } }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.col2Grid {
  clear: both;
  padding-bottom: 15px;
  box-sizing: border-box;
  padding-left: 30px;
  padding-right: 30px; }
  .col2Grid:after {
    content: "";
    display: block;
    clear: both;
    width: 100%;
    height: 1px; }
  @media (max-width: 999px) {
    .col2Grid {
      padding-left: 15px;
      padding-right: 15px; } }
  @media (max-width: 599px) and (orientation: portrait) {
    .col2Grid {
      padding-left: 5px;
      padding-right: 5px; } }
  @media (min-width: 900px) {
    .col2Grid {
      min-height: 300px; } }
  .col2Grid .leftCol {
    float: left;
    width: 382px;
    box-sizing: border-box;
    border: 1px #e1e1e1 solid;
    border-radius: 9px;
    background: white;
    overflow: hidden; }
    @media (min-width: 900px) {
      .col2Grid .leftCol {
        min-height: 300px; } }
    .col2Grid .leftCol.leftColMultipleRows {
      border: 0px solid;
      border-radius: 0px;
      background: none; }
      @media (min-width: 900px) {
        .col2Grid .leftCol.leftColMultipleRows {
          min-height: 620px; } }
      .col2Grid .leftCol.leftColMultipleRows .leftColRow {
        width: 100%;
        box-sizing: border-box;
        border: 1px #e1e1e1 solid;
        border-radius: 9px;
        background: white;
        overflow: hidden; }
        @media (min-width: 900px) {
          .col2Grid .leftCol.leftColMultipleRows .leftColRow {
            min-height: 300px; } }
        @media (min-width: 900px) {
          .col2Grid .leftCol.leftColMultipleRows .leftColRow:not(:first-child) {
            margin-top: 20px; } }
  .col2Grid .rightCol {
    float: none;
    width: auto;
    overflow: hidden;
    margin-left: 412px;
    box-sizing: border-box;
    border: 1px #e1e1e1 solid;
    border-radius: 9px;
    background: white;
    overflow: hidden; }
    @media (min-width: 900px) {
      .col2Grid .rightCol {
        min-height: 300px; } }
    @media (min-width: 900px) {
      .col2Grid .rightCol.longRightCol {
        min-height: 620px; } }
    .col2Grid .rightCol.rightColMultipleRows {
      background: none;
      border: 0px solid; }
      .col2Grid .rightCol.rightColMultipleRows .rightColRow {
        border: 1px #e1e1e1 solid;
        border-radius: 9px;
        background: white;
        overflow: hidden;
        min-height: 300px; }
        .col2Grid .rightCol.rightColMultipleRows .rightColRow:not(:first-child) {
          min-height: 550px; }
          @media (min-width: 900px) {
            .col2Grid .rightCol.rightColMultipleRows .rightColRow:not(:first-child) {
              margin-top: 20px; } }
  @media (max-width: 899px) {
    .col2Grid .mobileCol {
      display: none; } }
  @media (max-width: 899px) {
    .col2Grid .mobileCol.selectedMobileCol {
      display: block; } }
  @media (max-width: 899px) {
    .col2Grid .mobileSubcol {
      display: none; } }
  @media (max-width: 899px) {
    .col2Grid .mobileSubcol.selectedMobileSubcol {
      display: block; } }
  @media (max-width: 899px) {
    .col2Grid .leftCol {
      float: none;
      clear: both;
      width: 100%; }
    .col2Grid .rightCol {
      float: none;
      clear: both;
      width: 100%;
      margin-left: 0px; } }
  @media (max-width: 899px) {
    .col2Grid .topMarginBefore900 {
      margin-top: 15px; } }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.colInlineGridsSwitcher {
  clear: both;
  width: 100%;
  height: 55px;
  line-height: 53px;
  box-sizing: border-box;
  position: relative;
  font-size: 14px; }
  @media (min-width: 900px) {
    .colInlineGridsSwitcher.hideFrom900 {
      display: none; } }
  .colInlineGridsSwitcher .item {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    text-align: center;
    box-sizing: border-box;
    border-bottom: 1px #ebebeb solid; }
    .colInlineGridsSwitcher .item .contentWrapper {
      display: inline-block;
      vertical-align: top;
      max-width: 70%;
      width: 100%;
      height: 55px;
      box-sizing: border-box;
      border-bottom: 5px white solid;
      color: #828282; }
      @media (max-width: 449px) {
        .colInlineGridsSwitcher .item .contentWrapper {
          max-width: 80%; } }
    .colInlineGridsSwitcher .item:hover {
      cursor: pointer; }
      .colInlineGridsSwitcher .item:hover .contentWrapper {
        border-bottom: 5px #37bdb1 solid;
        color: #34495e; }
    .colInlineGridsSwitcher .item.selected .contentWrapper {
      border-bottom: 5px #37bdb1 solid;
      color: #34495e; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.singleColGridWrapper {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  padding-left: 30px;
  padding-right: 30px;
  box-sizing: border-box;
  padding-left: 30px;
  padding-right: 30px; }
  @media (max-width: 999px) {
    .singleColGridWrapper {
      padding-left: 15px;
      padding-right: 15px; } }
  @media (max-width: 599px) and (orientation: portrait) {
    .singleColGridWrapper {
      padding-left: 5px;
      padding-right: 5px; } }
  .singleColGridWrapper .singleColGrid {
    width: 100%;
    background: white;
    border: 1px #e1e1e1 solid;
    border-radius: 9px; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.tableGrid {
  clear: both; }
  .tableGrid h1 {
    clear: both;
    text-align: center;
    margin: 0;
    margin-top: 2rem; }
  .tableGrid .controls {
    clear: both;
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    padding-top: 22px;
    padding-bottom: 10px;
    padding-left: 30px;
    text-align: center; }
    @media (max-width: 599px) {
      .tableGrid .controls.mobileTopMargin {
        margin-top: 15px; } }
    @media (max-width: 999px) {
      .tableGrid .controls.disablePaddingTopOnMobiles {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 12px;
        padding-bottom: 0px; } }
    @media (max-width: 599px) {
      .tableGrid .controls.disablePaddingTopOnMobiles {
        padding-top: 2px; } }
    @media (max-width: 599px) {
      .tableGrid .controls.topControls {
        padding-top: 12px; } }
    .tableGrid .controls .twoColControls {
      position: relative;
      width: 100%; }
      .tableGrid .controls .twoColControls:after {
        content: "";
        display: block;
        clear: both;
        width: 100%;
        height: 1px; }
      @media (max-width: 599px) {
        .tableGrid .controls .twoColControls {
          padding-top: 0px; } }
      .tableGrid .controls .twoColControls .leftControls {
        float: left;
        width: 30%;
        padding: 10px;
        padding-top: 8px;
        box-sizing: border-box;
        margin-bottom: 10px;
        color: #34495e;
        font-weight: bold; }
        .tableGrid .controls .twoColControls .leftControls .message {
          line-height: 20px; }
          @media (max-width: 999px) {
            .tableGrid .controls .twoColControls .leftControls .message {
              font-size: 12px; } }
          .tableGrid .controls .twoColControls .leftControls .message.messageBox {
            background: white;
            padding: 8px 20px;
            border-radius: 19px;
            border: 1px #34495e solid;
            font-size: 12px; }
            @media (max-width: 599px) {
              .tableGrid .controls .twoColControls .leftControls .message.messageBox {
                font-size: 10px; } }
      .tableGrid .controls .twoColControls .rightControls {
        float: left;
        width: 70%;
        box-sizing: border-box; }
      .tableGrid .controls .twoColControls .paginationWrapper {
        float: right; }
      @media (max-width: 999px) {
        .tableGrid .controls .twoColControls .leftControls {
          float: none;
          clear: both;
          width: 100%;
          padding-top: 5px;
          padding-bottom: 5px; }
        .tableGrid .controls .twoColControls .rightControls {
          float: none;
          width: 100%; }
        .tableGrid .controls .twoColControls .paginationWrapper {
          float: none;
          margin-top: 10px; } }
  @media (max-width: 999px) and (max-width: 999px) {
    .tableGrid .controls .twoColControls .paginationWrapper {
      margin-top: 0px; } }
    .tableGrid .controls .paginationWrapper {
      margin: 0 auto;
      display: inline-block; }
      .tableGrid .controls .paginationWrapper a, .tableGrid .controls .paginationWrapper a:hover, .tableGrid .controls .paginationWrapper a:focus, .tableGrid .controls .paginationWrapper a:active {
        outline: none; }
      .tableGrid .controls .paginationWrapper .page {
        float: left;
        width: 35px;
        height: 35px;
        line-height: 33px;
        background: #ebebeb;
        margin-left: 7px;
        margin-right: 7px;
        color: black;
        margin-bottom: 10px;
        border-radius: 50%;
        font-size: 12px;
        border: 1px #d2d2d2 solid;
        box-sizing: border-box; }
        @media (max-width: 999px) {
          .tableGrid .controls .paginationWrapper .page {
            width: 30px;
            height: 30px;
            line-height: 28px;
            font-size: 11px; } }
        .tableGrid .controls .paginationWrapper .page:hover {
          text-decoration: none;
          background: #37bdb1;
          color: white; }
      .tableGrid .controls .paginationWrapper .page.selected {
        background: #37bdb1;
        color: white; }
    .tableGrid .controls .inlineButtons {
      display: inline-block;
      margin: 0 auto; }
      .tableGrid .controls .inlineButtons .inlineButton {
        float: left; }
        @media (min-width: 450px) {
          .tableGrid .controls .inlineButtons .inlineButton:not(:first-child) {
            padding-left: 20px; } }
        @media (max-width: 449px) {
          .tableGrid .controls .inlineButtons .inlineButton:not(:first-child) {
            padding-left: 5px; } }
    .tableGrid .controls .button {
      text-align: center; }
      .tableGrid .controls .button button {
        border: 0;
        background: #37bdb1;
        color: white;
        width: 140px;
        height: 40px;
        line-height: 40px;
        outline: 0;
        margin-bottom: 10px;
        font-size: 12px; }
        .tableGrid .controls .button button:hover {
          background: #45c9bd; }
  .tableGrid .itemsTopMargin {
    margin-top: 20px; }
  .tableGrid .items {
    clear: both;
    text-align: center;
    width: 100%; }
    .tableGrid .items .headerWrapper {
      clear: both;
      width: 100%;
      border-top: 1px gainsboro solid;
      border-bottom: 1px gainsboro solid;
      background: whitesmoke; }
      .tableGrid .items .headerWrapper.noBorder {
        border: 0px solid; }
      .tableGrid .items .headerWrapper .header {
        clear: both;
        width: 100%;
        box-sizing: border-box;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
        margin: 0 auto;
        max-width: 1000px;
        color: #3c3c3c;
        font-size: 12px;
        background: whitesmoke; }
        .tableGrid .items .headerWrapper .header .left {
          float: left;
          width: 30%; }
        .tableGrid .items .headerWrapper .header .center {
          float: left;
          width: 50%; }
        .tableGrid .items .headerWrapper .header .right {
          float: left;
          width: 20%; }
        .tableGrid .items .headerWrapper .header .cols3 {
          width: 33.33%; }
        .tableGrid .items .headerWrapper .header .cols2Left {
          width: 60%; }
          @media (max-width: 699px) and (orientation: portrait) {
            .tableGrid .items .headerWrapper .header .cols2Left {
              width: 75%; } }
        .tableGrid .items .headerWrapper .header .cols2Right {
          width: 40%; }
          @media (max-width: 699px) and (orientation: portrait) {
            .tableGrid .items .headerWrapper .header .cols2Right {
              width: 25%; } }
        .tableGrid .items .headerWrapper .header:after {
          content: "";
          display: block;
          width: 100%;
          height: 1px;
          clear: both; }
    .tableGrid .items .itemsGrid {
      clear: both;
      width: 100%;
      max-width: 1000px;
      margin: 0 auto;
      position: relative; }
      .dataGridDraggableItemClone, .tableGrid .items .itemsGrid .item {
        clear: both;
        width: 100%;
        box-sizing: border-box;
        margin: 0 auto;
        max-width: 1000px;
        background: white;
        z-index: 2;
        padding-bottom: 10px; }
        @media (max-width: 599px) {
          .dataGridDraggableItemClone, .tableGrid .items .itemsGrid .item {
            padding-bottom: 5px; } }
        .dataGridDraggableItemClone:first-child, .tableGrid .items .itemsGrid .item:first-child {
          padding-top: 5px; }
        .dataGridDraggableItemClone .top, .tableGrid .items .itemsGrid .item .top {
          clear: both;
          width: 100%;
          display: flex;
          align-items: center;
          flex-wrap: wrap;
          position: relative;
          padding-top: 15px; }
          .dataGridDraggableItemClone .top .topHeadingWrap, .tableGrid .items .itemsGrid .item .top .topHeadingWrap {
            position: absolute;
            left: 0px;
            top: 3px;
            box-sizing: border-box;
            padding-left: 3px;
            padding-right: 3px;
            width: 100%; }
            .dataGridDraggableItemClone .top .topHeadingWrap .topHeading, .tableGrid .items .itemsGrid .item .top .topHeadingWrap .topHeading {
              width: 100%;
              height: 23px;
              line-height: 23px;
              background: #37bdb1;
              color: white;
              font-size: 10px;
              text-transform: uppercase; }
              .dataGridDraggableItemClone .top .topHeadingWrap .topHeading:hover, .tableGrid .items .itemsGrid .item .top .topHeadingWrap .topHeading:hover {
                cursor: pointer;
                background: #6cd4cb; }
            .dataGridDraggableItemClone .top .topHeadingWrap .topHeadingUploadIcon:after, .tableGrid .items .itemsGrid .item .top .topHeadingWrap .topHeadingUploadIcon:after {
              content: "\f093";
              font-family: FontAwesome;
              color: white;
              font-size: 12px;
              position: absolute;
              top: 1px;
              left: 8.5px; }
            .dataGridDraggableItemClone .top .topHeadingWrap .topHeadingIcon, .tableGrid .items .itemsGrid .item .top .topHeadingWrap .topHeadingIcon {
              width: 23px; }
          .dataGridDraggableItemClone .top .status, .tableGrid .items .itemsGrid .item .top .status {
            position: absolute;
            left: 0px;
            top: 0px;
            width: 23px;
            height: 23px; }
            .dataGridDraggableItemClone .top .status:after, .tableGrid .items .itemsGrid .item .top .status:after {
              content: "\f011";
              font-family: FontAwesome;
              color: white;
              font-size: 12px;
              position: absolute;
              top: 4px;
              left: 6px; }
          .dataGridDraggableItemClone .top .statusEnabled, .tableGrid .items .itemsGrid .item .top .statusEnabled {
            background: #37bdb1; }
            .dataGridDraggableItemClone .top .statusEnabled:after, .tableGrid .items .itemsGrid .item .top .statusEnabled:after {
              color: white; }
            .dataGridDraggableItemClone .top .statusEnabled:hover, .tableGrid .items .itemsGrid .item .top .statusEnabled:hover {
              cursor: pointer;
              background: #ebebeb; }
              .dataGridDraggableItemClone .top .statusEnabled:hover:after, .tableGrid .items .itemsGrid .item .top .statusEnabled:hover:after {
                color: #5a5a5a; }
          .dataGridDraggableItemClone .top .statusDisabled, .tableGrid .items .itemsGrid .item .top .statusDisabled {
            background: #ebebeb; }
            .dataGridDraggableItemClone .top .statusDisabled:after, .tableGrid .items .itemsGrid .item .top .statusDisabled:after {
              color: #5a5a5a; }
            .dataGridDraggableItemClone .top .statusDisabled:hover, .tableGrid .items .itemsGrid .item .top .statusDisabled:hover {
              cursor: pointer;
              background: #37bdb1; }
              .dataGridDraggableItemClone .top .statusDisabled:hover:after, .tableGrid .items .itemsGrid .item .top .statusDisabled:hover:after {
                color: white; }
          .dataGridDraggableItemClone .top .statusBorderOffset, .tableGrid .items .itemsGrid .item .top .statusBorderOffset {
            left: 3px;
            top: 3px; }
          .dataGridDraggableItemClone .top .imageWithText, .tableGrid .items .itemsGrid .item .top .imageWithText {
            float: left;
            width: 60%;
            text-align: left;
            margin: 0 auto;
            box-sizing: border-box;
            position: relative; }
            @media (max-width: 699px) and (orientation: portrait) {
              .dataGridDraggableItemClone .top .imageWithText, .tableGrid .items .itemsGrid .item .top .imageWithText {
                width: 75%; } }
            .dataGridDraggableItemClone .top .imageWithText .imageWrapper, .tableGrid .items .itemsGrid .item .top .imageWithText .imageWrapper {
              position: absolute !important;
              left: 100px;
              top: 0px; }
              @media (max-width: 899px) {
                .dataGridDraggableItemClone .top .imageWithText .imageWrapper, .tableGrid .items .itemsGrid .item .top .imageWithText .imageWrapper {
                  left: 20px; } }
              @media (max-width: 699px) {
                .dataGridDraggableItemClone .top .imageWithText .imageWrapper, .tableGrid .items .itemsGrid .item .top .imageWithText .imageWrapper {
                  max-width: 50px !important; } }
              @media (max-width: 699px) and (orientation: portrait) {
                .dataGridDraggableItemClone .top .imageWithText .imageWrapper, .tableGrid .items .itemsGrid .item .top .imageWithText .imageWrapper {
                  left: 8px; } }
          .dataGridDraggableItemClone .top .image, .tableGrid .items .itemsGrid .item .top .image {
            float: left;
            width: 30%;
            text-align: center;
            margin: 0 auto; }
          .dataGridDraggableItemClone .top .imageWithText .imageWithTextWrap, .dataGridDraggableItemClone .top .image .imageWithTextWrap, .tableGrid .items .itemsGrid .item .top .imageWithText .imageWithTextWrap, .tableGrid .items .itemsGrid .item .top .image .imageWithTextWrap {
            margin: 0 auto; }
            .dataGridDraggableItemClone .top .imageWithText .imageWithTextWrap:after, .dataGridDraggableItemClone .top .image .imageWithTextWrap:after, .tableGrid .items .itemsGrid .item .top .imageWithText .imageWithTextWrap:after, .tableGrid .items .itemsGrid .item .top .image .imageWithTextWrap:after {
              content: "";
              display: block;
              clear: both;
              width: 100%;
              height: 1px; }
          .dataGridDraggableItemClone .top .imageWithText .imageWrapper, .dataGridDraggableItemClone .top .image .imageWrapper, .tableGrid .items .itemsGrid .item .top .imageWithText .imageWrapper, .tableGrid .items .itemsGrid .item .top .image .imageWrapper {
            display: inline-block;
            margin: 0 auto;
            position: relative;
            background: whitesmoke;
            border: 1px gainsboro solid;
            border-radius: 9px; }
          .dataGridDraggableItemClone .top .imageWithText img, .dataGridDraggableItemClone .top .image img, .tableGrid .items .itemsGrid .item .top .imageWithText img, .tableGrid .items .itemsGrid .item .top .image img {
            max-width: 80px;
            margin: 0 auto;
            border-radius: 9px; }
          .dataGridDraggableItemClone .top .imageWithText .imgActive:hover, .dataGridDraggableItemClone .top .image .imgActive:hover, .tableGrid .items .itemsGrid .item .top .imageWithText .imgActive:hover, .tableGrid .items .itemsGrid .item .top .image .imgActive:hover {
            border: 1px #37bdb1 solid; }
          .dataGridDraggableItemClone .top .imageWithText .ptSmallImageWrapper, .dataGridDraggableItemClone .top .image .ptSmallImageWrapper, .tableGrid .items .itemsGrid .item .top .imageWithText .ptSmallImageWrapper, .tableGrid .items .itemsGrid .item .top .image .ptSmallImageWrapper {
            width: 100%;
            max-width: 60px; }
            .dataGridDraggableItemClone .top .imageWithText .ptSmallImageWrapper .inner, .dataGridDraggableItemClone .top .image .ptSmallImageWrapper .inner, .tableGrid .items .itemsGrid .item .top .imageWithText .ptSmallImageWrapper .inner, .tableGrid .items .itemsGrid .item .top .image .ptSmallImageWrapper .inner {
              position: relative;
              padding: 0 0 100% 0;
              height: 0; }
              .dataGridDraggableItemClone .top .imageWithText .ptSmallImageWrapper .inner img, .dataGridDraggableItemClone .top .image .ptSmallImageWrapper .inner img, .tableGrid .items .itemsGrid .item .top .imageWithText .ptSmallImageWrapper .inner img, .tableGrid .items .itemsGrid .item .top .image .ptSmallImageWrapper .inner img {
                position: absolute;
                left: 0px;
                top: 0px;
                width: 100% !important;
                height: 100% !important; }
          .dataGridDraggableItemClone .top .imageWithText .imgEffects, .dataGridDraggableItemClone .top .image .imgEffects, .tableGrid .items .itemsGrid .item .top .imageWithText .imgEffects, .tableGrid .items .itemsGrid .item .top .image .imgEffects {
            box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
            border: 3px white solid; }
          .dataGridDraggableItemClone .top .imageText, .tableGrid .items .itemsGrid .item .top .imageText {
            width: 100%;
            padding-left: 180px;
            box-sizing: border-box;
            padding-top: 2px;
            padding-right: 10px;
            text-align: left;
            min-height: 65px; }
            @media (max-width: 899px) {
              .dataGridDraggableItemClone .top .imageText, .tableGrid .items .itemsGrid .item .top .imageText {
                padding-left: 100px; } }
            @media (max-width: 699px) {
              .dataGridDraggableItemClone .top .imageText, .tableGrid .items .itemsGrid .item .top .imageText {
                padding-top: 0px;
                padding-left: 85px;
                line-height: 15px;
                min-height: 55px; } }
            @media (max-width: 699px) and (orientation: portrait) {
              .dataGridDraggableItemClone .top .imageText, .tableGrid .items .itemsGrid .item .top .imageText {
                padding-left: 70px; } }
            .dataGridDraggableItemClone .top .imageText a, .dataGridDraggableItemClone .top .imageText a:active, .dataGridDraggableItemClone .top .imageText a:hover, .dataGridDraggableItemClone .top .imageText a:focus, .tableGrid .items .itemsGrid .item .top .imageText a, .tableGrid .items .itemsGrid .item .top .imageText a:active, .tableGrid .items .itemsGrid .item .top .imageText a:hover, .tableGrid .items .itemsGrid .item .top .imageText a:focus {
              outline: 0; }
            .dataGridDraggableItemClone .top .imageText a:hover, .tableGrid .items .itemsGrid .item .top .imageText a:hover {
              text-decoration: none; }
              .dataGridDraggableItemClone .top .imageText a:hover .firstRow, .tableGrid .items .itemsGrid .item .top .imageText a:hover .firstRow {
                color: #6cd4cb; }
            .dataGridDraggableItemClone .top .imageText .firstRow, .tableGrid .items .itemsGrid .item .top .imageText .firstRow {
              color: black;
              color: #34b1a6;
              font-size: 14px; }
              @media (max-width: 699px) {
                .dataGridDraggableItemClone .top .imageText .firstRow, .tableGrid .items .itemsGrid .item .top .imageText .firstRow {
                  font-size: 12px; } }
            .dataGridDraggableItemClone .top .imageText .secondRow, .tableGrid .items .itemsGrid .item .top .imageText .secondRow {
              font-size: 13px; }
              @media (max-width: 699px) {
                .dataGridDraggableItemClone .top .imageText .secondRow, .tableGrid .items .itemsGrid .item .top .imageText .secondRow {
                  font-size: 11px; } }
            .dataGridDraggableItemClone .top .imageText .thirdRow, .tableGrid .items .itemsGrid .item .top .imageText .thirdRow {
              font-size: 12px;
              color: #828282; }
              @media (max-width: 699px) {
                .dataGridDraggableItemClone .top .imageText .thirdRow, .tableGrid .items .itemsGrid .item .top .imageText .thirdRow {
                  font-size: 10px; } }
          .dataGridDraggableItemClone .top .info, .tableGrid .items .itemsGrid .item .top .info {
            float: left;
            width: 50%;
            text-align: center;
            word-wrap: break-word;
            box-sizing: border-box;
            padding-left: 10px;
            padding-right: 10px;
            font-size: 13px; }
          .dataGridDraggableItemClone .top .info.cols3, .tableGrid .items .itemsGrid .item .top .info.cols3 {
            width: 33%; }
          .dataGridDraggableItemClone .top .sort, .tableGrid .items .itemsGrid .item .top .sort {
            float: left;
            width: 20%;
            text-align: center; }
            .dataGridDraggableItemClone .top .sort .number, .tableGrid .items .itemsGrid .item .top .sort .number {
              display: inline-block;
              padding: 10px 15px;
              background: #37bdb1;
              color: white; }
          .dataGridDraggableItemClone .top .actionButtons, .tableGrid .items .itemsGrid .item .top .actionButtons {
            float: left;
            width: 40%;
            text-align: center; }
            @media (max-width: 699px) and (orientation: portrait) {
              .dataGridDraggableItemClone .top .actionButtons, .tableGrid .items .itemsGrid .item .top .actionButtons {
                width: 25%; } }
            .dataGridDraggableItemClone .top .actionButtons .actionButton, .tableGrid .items .itemsGrid .item .top .actionButtons .actionButton {
              display: inline-block;
              background: whitesmoke;
              margin-left: 10px;
              margin-right: 10px;
              padding: 5px 15px;
              font-size: 10px;
              border-radius: 9px;
              border: 1px #DCDCDC solid;
              min-width: 50px;
              color: #5a5a5a;
              text-align: center; }
              @media (min-width: 1000px) {
                .dataGridDraggableItemClone .top .actionButtons .actionButton, .tableGrid .items .itemsGrid .item .top .actionButtons .actionButton {
                  font-size: 12px; } }
              @media (max-width: 699px) {
                .dataGridDraggableItemClone .top .actionButtons .actionButton, .tableGrid .items .itemsGrid .item .top .actionButtons .actionButton {
                  padding: 5px 5px; } }
              @media (max-width: 699px) and (orientation: landscape) {
                .dataGridDraggableItemClone .top .actionButtons .actionButton, .tableGrid .items .itemsGrid .item .top .actionButtons .actionButton {
                  min-width: 60px; } }
              @media (max-width: 699px) and (orientation: portrait) {
                .dataGridDraggableItemClone .top .actionButtons .actionButton, .tableGrid .items .itemsGrid .item .top .actionButtons .actionButton {
                  padding: 3px 5px;
                  text-transform: none;
                  min-width: 60px; }
                  .dataGridDraggableItemClone .top .actionButtons .actionButton:nth-child(2), .tableGrid .items .itemsGrid .item .top .actionButtons .actionButton:nth-child(2) {
                    margin-top: 5px; } }
              @media (max-width: 369px) and (orientation: portrait) {
                .dataGridDraggableItemClone .top .actionButtons .actionButton, .tableGrid .items .itemsGrid .item .top .actionButtons .actionButton {
                  padding: 3px 2px; } }
              .dataGridDraggableItemClone .top .actionButtons .actionButton:hover, .tableGrid .items .itemsGrid .item .top .actionButtons .actionButton:hover {
                cursor: pointer;
                background: #37bdb1;
                color: white; }
          .dataGridDraggableItemClone .top:after, .tableGrid .items .itemsGrid .item .top:after {
            content: "";
            clear: both;
            display: block;
            width: 100%;
            height: 1px; }
        @media (min-width: 830px) {
          .dataGridDraggableItemClone .mobileBottom, .tableGrid .items .itemsGrid .item .mobileBottom {
            display: none; } }
        .dataGridDraggableItemClone .bottom, .tableGrid .items .itemsGrid .item .bottom {
          clear: both;
          width: 100%;
          background: whitesmoke;
          margin-top: 10px; }
          .dataGridDraggableItemClone .bottom .button, .tableGrid .items .itemsGrid .item .bottom .button {
            float: left;
            width: 33.33%;
            height: 30px;
            line-height: 30px;
            text-align: center;
            font-size: 10px;
            text-transform: uppercase;
            color: #222; }
            .dataGridDraggableItemClone .bottom .button:hover, .tableGrid .items .itemsGrid .item .bottom .button:hover {
              cursor: pointer;
              background: #37bdb1;
              color: white; }
          .dataGridDraggableItemClone .bottom:after, .tableGrid .items .itemsGrid .item .bottom:after {
            content: "";
            clear: both;
            display: block;
            width: 100%;
            height: 1px; }
  .tableGrid .noItems {
    padding-top: 20px;
    padding-bottom: 15px;
    width: 200px;
    height: 100px;
    margin: 0 auto; }
    .tableGrid .noItems .top {
      width: 85px;
      height: 85px;
      position: relative;
      margin: 0 auto; }
      @media (max-width: 999px) {
        .tableGrid .noItems .top {
          height: 80px; } }
      .tableGrid .noItems .top:after {
        position: absolute;
        left: 10px;
        top: 0px;
        content: "\f010";
        font-family: FontAwesome;
        font-size: 62px;
        color: #5a5a5a;
        color: #37bdb1; }
        @media (max-width: 999px) {
          .tableGrid .noItems .top:after {
            font-size: 56px; } }
    .tableGrid .noItems .bottom {
      text-align: center;
      font-size: 14px;
      font-family: RobotoLight; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.ntechapp-loader {
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  z-index: 1100;
  opacity: 0;
  display: none;
  -webkit-transition: opacity 500ms ease;
  -moz-transition: opacity 500ms ease;
  -ms-transition: opacity 500ms ease;
  -o-transition: opacity 500ms ease;
  transition: opacity 500ms ease; }
  .ntechapp-loader.visible {
    opacity: 1; }
  .ntechapp-loader .cssload-loader {
    position: absolute;
    left: 50%;
    top: 50%; }
  .ntechapp-loader .cssload-loader.whiteLoader .cssload-ballcolor {
    background-color: white !important; }
  .ntechapp-loader .cssload-ballcolor {
    border-radius: 5px; }
  .ntechapp-loader .cssload-ball_1 {
    position: absolute;
    animation: cssload-animball_one 0.7s infinite ease;
    -o-animation: cssload-animball_one 0.7s infinite ease;
    -ms-animation: cssload-animball_one 0.7s infinite ease;
    -webkit-animation: cssload-animball_one 0.7s infinite ease;
    -moz-animation: cssload-animball_one 0.7s infinite ease; }
  .ntechapp-loader .cssload-ball_2 {
    position: absolute;
    animation: cssload-animball_two 0.7s infinite ease;
    -o-animation: cssload-animball_two 0.7s infinite ease;
    -ms-animation: cssload-animball_two 0.7s infinite ease;
    -webkit-animation: cssload-animball_two 0.7s infinite ease;
    -moz-animation: cssload-animball_two 0.7s infinite ease; }
  .ntechapp-loader .cssload-ball_3 {
    position: absolute;
    animation: cssload-animball_three 0.7s infinite ease;
    -o-animation: cssload-animball_three 0.7s infinite ease;
    -ms-animation: cssload-animball_three 0.7s infinite ease;
    -webkit-animation: cssload-animball_three 0.7s infinite ease;
    -moz-animation: cssload-animball_three 0.7s infinite ease; }
  .ntechapp-loader .cssload-ball_4 {
    position: absolute;
    animation: cssload-animball_four 0.7s infinite ease;
    -o-animation: cssload-animball_four 0.7s infinite ease;
    -ms-animation: cssload-animball_four 0.7s infinite ease;
    -webkit-animation: cssload-animball_four 0.7s infinite ease;
    -moz-animation: cssload-animball_four 0.7s infinite ease; }
  .ntechapp-loader .cssload-ball_1 {
    background-color: #33a4f3;
    top: 0;
    left: 0; }
  .ntechapp-loader .cssload-ball_2 {
    background-color: #33a4f3;
    top: 0;
    left: 23px; }
  .ntechapp-loader .cssload-ball_3 {
    background-color: #33a4f3;
    top: 23px;
    left: 0; }
  .ntechapp-loader .cssload-ball_4 {
    background-color: #33a4f3;
    top: 23px;
    left: 23px; }

@keyframes cssload-animball_one {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(0.4); }
  100% {
    transform: scale(1); } }

@-o-keyframes cssload-animball_one {
  0% {
    -o-transform: scale(1); }
  50% {
    -o-transform: scale(0.4); }
  100% {
    -o-transform: scale(1); } }

@-webkit-keyframes cssload-animball_one {
  0% {
    -webkit-transform: scale(1); }
  50% {
    -webkit-transform: scale(0.4); }
  100% {
    -webkit-transform: scale(1); } }

@-moz-keyframes cssload-animball_one {
  0% {
    -moz-transform: scale(1); }
  50% {
    -moz-transform: scale(0.4); }
  100% {
    -moz-transform: scale(1); } }

@keyframes cssload-animball_two {
  0% {
    transform: scale(0.4); }
  50% {
    transform: scale(1); }
  100% {
    transform: scale(0.4); } }

@-o-keyframes cssload-animball_two {
  0% {
    -o-transform: scale(0.4); }
  50% {
    -o-transform: scale(1); }
  100% {
    -o-transform: scale(0.4); } }

@-webkit-keyframes cssload-animball_two {
  0% {
    -webkit-transform: scale(0.4); }
  50% {
    -webkit-transform: scale(1); }
  100% {
    -webkit-transform: scale(0.4); } }

@-moz-keyframes cssload-animball_two {
  0% {
    -moz-transform: scale(0.4); }
  50% {
    -moz-transform: scale(1); }
  100% {
    -moz-transform: scale(0.4); } }

@keyframes cssload-animball_three {
  0% {
    transform: scale(0.4); }
  50% {
    transform: scale(1); }
  100% {
    transform: scale(0.4); } }

@-o-keyframes cssload-animball_three {
  0% {
    -o-transform: scale(0.4); }
  50% {
    -o-transform: scale(1); }
  100% {
    -o-transform: scale(0.4); } }

@-webkit-keyframes cssload-animball_three {
  0% {
    -webkit-transform: scale(0.4); }
  50% {
    -webkit-transform: scale(1); }
  100% {
    -webkit-transform: scale(0.4); } }

@-moz-keyframes cssload-animball_three {
  0% {
    -moz-transform: scale(0.4); }
  50% {
    -moz-transform: scale(1); }
  100% {
    -moz-transform: scale(0.4); } }

@keyframes cssload-animball_four {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(0.4); }
  100% {
    transform: scale(1); } }

@-o-keyframes cssload-animball_four {
  0% {
    -o-transform: scale(1); }
  50% {
    -o-transform: scale(0.4); }
  100% {
    -o-transform: scale(1); } }

@-webkit-keyframes cssload-animball_four {
  0% {
    -webkit-transform: scale(1); }
  50% {
    -webkit-transform: scale(0.4); }
  100% {
    -webkit-transform: scale(1); } }

@-moz-keyframes cssload-animball_four {
  0% {
    -moz-transform: scale(1); }
  50% {
    -moz-transform: scale(0.4); }
  100% {
    -moz-transform: scale(1); } }

.ntechapp-loader-light {
  background: #37bdb1; }
  .ntechapp-loader-light .cssload-ballcolor {
    background-color: white; }

.ntechapp-loader.ntechapp-preloader {
  position: absolute;
  left: 50%;
  margin-left: -26px;
  top: 100px;
  width: 42px;
  height: 42px;
  -webkit-transition: opacity 0ms ease;
  -moz-transition: opacity 0ms ease;
  -ms-transition: opacity 0ms ease;
  -o-transition: opacity 0ms ease;
  transition: opacity 0ms ease;
  z-index: 0; }
  .ntechapp-loader.ntechapp-preloader .cssload-loader {
    width: 42px;
    height: 42px;
    margin-left: -21px;
    margin-top: -21px; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.ntechapp-overlay {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: white;
  opacity: 0;
  display: none;
  z-index: 1000;
  -webkit-transition: opacity 500ms ease;
  -moz-transition: opacity 500ms ease;
  -ms-transition: opacity 500ms ease;
  -o-transition: opacity 500ms ease;
  transition: opacity 500ms ease; }
  .ntechapp-overlay.visible {
    opacity: 0.7; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

#mainNavigation.dropShadow {
  border-bottom: 1px #4e4e73 solid; }

#mainNavigation {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  clear: both;
  font-size: 0;
  background: #fff;
  z-index: 1000;
  height: 65px;
  line-height: 65px;
  box-sizing: border-box;
  overflow: hidden;
  padding-left: 35px;
  padding-right: 35px;
  border-bottom: 1px #4e4e73 solid;
  background: #2f2f45; }
  @media (min-width: 1000px) {
    #mainNavigation {
      background: url(/images/bg-min.png); } }
  @media (max-width: 999px) {
    #mainNavigation {
      position: absolute;
      text-align: center; } }
  #mainNavigation .navWrapper {
    max-width: 1130px;
    width: 100%;
    margin: 0 auto;
    text-align: center; }
    #mainNavigation .navWrapper:after {
      content: "";
      display: block;
      clear: both;
      width: 100%;
      height: 1px; }
    @media (max-width: 999px) {
      #mainNavigation .navWrapper .logo {
        margin: 0 auto;
        display: inline-block; } }
    @media (min-width: 1000px) {
      #mainNavigation .navWrapper .logo {
        float: left; } }
    #mainNavigation .navWrapper .logo .image {
      width: 305px;
      margin-top: 1px; }
      @media (max-width: 999px) {
        #mainNavigation .navWrapper .logo .image {
          margin-left: 0px; } }
      @media (max-width: 599px) {
        #mainNavigation .navWrapper .logo .image {
          width: 190px; } }
      #mainNavigation .navWrapper .logo .image img {
        max-width: 100%; }
    #mainNavigation .navWrapper .logo .legend {
      float: left;
      height: 65px;
      margin-left: 5px; }
      #mainNavigation .navWrapper .logo .legend .heading {
        height: 30px;
        line-height: 30px;
        font-size: 20px;
        font-weight: bold;
        margin-top: 37px;
        letter-spacing: 1px; }
        @media (max-width: 999px) {
          #mainNavigation .navWrapper .logo .legend .heading {
            font-size: 20px; } }
      #mainNavigation .navWrapper .logo .legend .subheading {
        font-size: 14px;
        height: 22px;
        line-height: 22px;
        color: #d9ac86;
        letter-spacing: 1px; }
        @media (max-width: 999px) {
          #mainNavigation .navWrapper .logo .legend .subheading {
            font-size: 12px; } }
    #mainNavigation .navWrapper .logo:after {
      content: "";
      clear: both;
      display: block;
      width: 100%;
      height: 1px; }
    #mainNavigation .navWrapper .menu {
      float: right;
      line-height: 65px;
      margin-top: 0px; }
      @media (max-width: 999px) {
        #mainNavigation .navWrapper .menu {
          display: none; } }
      #mainNavigation .navWrapper .menu .items {
        display: inline-block;
        height: 65px;
        line-height: 65px;
        padding: 0;
        list-style-type: none; }
        #mainNavigation .navWrapper .menu .items .item {
          float: left;
          font-size: 13px;
          padding: 0px 15px;
          color: black;
          margin-left: 0px;
          margin-right: 0px;
          color: #33a4f3;
          font-weight: bold;
          text-transform: uppercase;
          color: #cbcbcf; }
          #mainNavigation .navWrapper .menu .items .item:hover {
            cursor: pointer;
            color: white; }
            #mainNavigation .navWrapper .menu .items .item:hover span {
              border-bottom: 2px #33a4f3 solid; }
          #mainNavigation .navWrapper .menu .items .item.selected {
            color: white; }
            #mainNavigation .navWrapper .menu .items .item.selected span {
              border-bottom: 2px #33a4f3 solid; }
        #mainNavigation .navWrapper .menu .items .colorItem {
          height: 26px;
          line-height: 24px;
          border-radius: 69px;
          margin-top: 19px;
          padding-left: 24px;
          padding-right: 24px;
          box-sizing: border-box;
          color: white;
          margin-right: 3px;
          margin-left: 3px; }
        #mainNavigation .navWrapper .menu .items .firstColorItem {
          border: 1px solid;
          border-color: #37bdb1;
          color: #37bdb1;
          margin-left: 12px; }
          #mainNavigation .navWrapper .menu .items .firstColorItem:hover {
            background-color: #eff3f4;
            color: #37bdb1; }
        #mainNavigation .navWrapper .menu .items .secondColorItem {
          background-color: #37bdb1; }
          #mainNavigation .navWrapper .menu .items .secondColorItem:hover {
            background-color: #339a99;
            color: white; }
        #mainNavigation .navWrapper .menu .items .thirdColorItem {
          background-color: #339a99; }
          #mainNavigation .navWrapper .menu .items .thirdColorItem:hover {
            background-color: #1d5a58;
            color: white; }
        #mainNavigation .navWrapper .menu .items .socialItem {
          position: relative;
          height: 4px;
          line-height: 4px;
          padding: 12px 12px;
          padding-left: 10px;
          padding-right: 10px;
          background-color: #37bdb1;
          border-radius: 50%;
          margin-top: 18px;
          opacity: 1;
          margin-right: 0px;
          margin-right: 4px; }
          #mainNavigation .navWrapper .menu .items .socialItem .iconItem {
            position: absolute;
            left: 5px;
            top: 2px;
            width: 30px;
            height: 30px;
            background-size: cover;
            z-index: 1; }
          #mainNavigation .navWrapper .menu .items .socialItem:after {
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
            text-decoration: inherit;
            color: #d3d3d1;
            font-size: 14px; }
          #mainNavigation .navWrapper .menu .items .socialItem:hover {
            opacity: 1; }
            #mainNavigation .navWrapper .menu .items .socialItem:hover:after {
              color: white;
              cursor: pointer; }
        #mainNavigation .navWrapper .menu .items .messagesItem:after, #mainNavigation .navWrapper .menu .items .notificationsItem:after, #mainNavigation .navWrapper .menu .items .moreItem:after {
          visibility: hidden; }
        #mainNavigation .navWrapper .menu .items .facebookItem {
          margin-left: 20px;
          padding-left: 11px;
          padding-right: 11px;
          background-color: #37bdb1; }
          #mainNavigation .navWrapper .menu .items .facebookItem:after {
            color: white;
            content: "\f09a"; }
          #mainNavigation .navWrapper .menu .items .facebookItem:hover {
            background-color: #339a99; }
            #mainNavigation .navWrapper .menu .items .facebookItem:hover:after {
              color: white; }
        #mainNavigation .navWrapper .menu .items .twitterItem {
          background-color: #37bdb1;
          padding-left: 8.5px;
          padding-right: 8.5px; }
          #mainNavigation .navWrapper .menu .items .twitterItem:after {
            color: white;
            content: "\f099"; }
          #mainNavigation .navWrapper .menu .items .twitterItem:hover {
            background-color: #339a99; }
            #mainNavigation .navWrapper .menu .items .twitterItem:hover:after {
              color: white; }
        #mainNavigation .navWrapper .menu .items .homeItem:after {
          content: "\f015";
          font-size: 26px !important; }
        #mainNavigation .navWrapper .menu .items .helpItem:after {
          content: "\f059";
          font-size: 24px !important; }
        #mainNavigation .navWrapper .menu .items .messagesItem:after {
          content: "\f003";
          font-size: 22px !important; }
        #mainNavigation .navWrapper .menu .items .notificationsItem:after {
          content: "\f0a2";
          font-size: 22px !important; }
        #mainNavigation .navWrapper .menu .items .moreItem:after {
          content: "\f141";
          line-height: 10px;
          font-size: 22px !important; }
        #mainNavigation .navWrapper .menu .items .cabinetItem {
          background-color: white; }
          #mainNavigation .navWrapper .menu .items .cabinetItem:after {
            font-size: 26px;
            color: #bebebe; }
          #mainNavigation .navWrapper .menu .items .cabinetItem:hover:after {
            color: #37bdb1; }
        #mainNavigation .navWrapper .menu .items .homeItem, #mainNavigation .navWrapper .menu .items .helpItem {
          padding-left: 8px;
          padding-right: 8px; }
          #mainNavigation .navWrapper .menu .items .homeItem:after, #mainNavigation .navWrapper .menu .items .helpItem:after {
            color: #bcc9d3; }
        #mainNavigation .navWrapper .menu .items .rightControlItem {
          padding-top: 14px; }
      #mainNavigation .navWrapper .menu .searchControl {
        width: 350px;
        height: 65px;
        line-height: 65px;
        z-index: 1;
        display: inline-block;
        position: relative;
        vertical-align: top; }
        @media (max-width: 1199px) {
          #mainNavigation .navWrapper .menu .searchControl {
            padding-right: 85px; } }
        @media (max-width: 1139px) {
          #mainNavigation .navWrapper .menu .searchControl {
            padding-right: 65px; } }
        @media (max-width: 1109px) {
          #mainNavigation .navWrapper .menu .searchControl {
            padding-right: 40px; } }
        @media (max-width: 1079px) {
          #mainNavigation .navWrapper .menu .searchControl {
            padding-right: 30px; } }
        @media (max-width: 1039px) {
          #mainNavigation .navWrapper .menu .searchControl {
            padding-right: 25px; } }
        @media (max-width: 1019px) {
          #mainNavigation .navWrapper .menu .searchControl {
            padding-right: 15px; } }
        @media (min-width: 1040px) {
          #mainNavigation .navWrapper .menu .searchControl {
            width: 370px; } }
        @media (min-width: 1200px) {
          #mainNavigation .navWrapper .menu .searchControl {
            width: 400px;
            padding-right: 95px; } }
        #mainNavigation .navWrapper .menu .searchControl .inputCloneWrapper {
          box-sizing: border-box;
          width: 100%;
          height: 65px;
          line-height: 75px;
          padding-right: 25px;
          padding-left: 15px;
          position: relative;
          z-index: 1; }
          #mainNavigation .navWrapper .menu .searchControl .inputCloneWrapper input {
            width: 100%;
            border-left: 0px;
            border-right: 0px;
            border-top: 0px;
            border-bottom: 1px #bcc9d3 solid;
            font-size: 12px;
            outline: 0; }
            #mainNavigation .navWrapper .menu .searchControl .inputCloneWrapper input:hover, #mainNavigation .navWrapper .menu .searchControl .inputCloneWrapper input:focus {
              border-bottom: 1px #37bdb1 solid;
              outline: 0; }
          #mainNavigation .navWrapper .menu .searchControl .inputCloneWrapper .searchInputIconWrapper {
            position: absolute;
            right: 25px;
            top: 17px;
            width: 22px;
            height: 22px;
            background: white;
            overflow: hidden; }
            #mainNavigation .navWrapper .menu .searchControl .inputCloneWrapper .searchInputIconWrapper .searchIcon {
              position: absolute;
              left: 0px;
              top: 0px;
              width: 30px;
              height: 30px;
              background-size: cover; }
      #mainNavigation .navWrapper .menu .accountControl {
        display: inline-block;
        height: 65px;
        line-height: 65px;
        box-sizing: border-box;
        position: relative;
        vertical-align: top; }
        #mainNavigation .navWrapper .menu .accountControl .accountImage {
          display: inline-block;
          width: 35px;
          height: 35px;
          position: relative;
          background: whitesmoke;
          border: 1px gainsboro solid;
          border-radius: 9px;
          margin-top: 14px;
          vertical-align: top; }
          #mainNavigation .navWrapper .menu .accountControl .accountImage img {
            border-radius: 9px; }
        #mainNavigation .navWrapper .menu .accountControl img {
          width: 35px;
          height: 35px;
          vertical-align: top; }
        #mainNavigation .navWrapper .menu .accountControl .imgActive:hover {
          border: 1px #37bdb1 solid;
          cursor: pointer; }
        #mainNavigation .navWrapper .menu .accountControl .imgEffects {
          box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
          border: 3px white solid; }
        #mainNavigation .navWrapper .menu .accountControl .accountText {
          display: inline-block;
          padding-left: 6px;
          box-sizing: border-box;
          padding-top: 2px;
          padding-right: 20px;
          height: 65px;
          line-height: 63px;
          vertical-align: top;
          font-size: 12px;
          color: #969696;
          position: relative;
          max-width: 95px;
          width: 95px;
          overflow: hidden; }
          #mainNavigation .navWrapper .menu .accountControl .accountText .text {
            height: 65px;
            line-height: 65px;
            white-space: nowrap;
            text-align: left;
            z-index: 1; }
          #mainNavigation .navWrapper .menu .accountControl .accountText a, #mainNavigation .navWrapper .menu .accountControl .accountText a:active, #mainNavigation .navWrapper .menu .accountControl .accountText a:hover, #mainNavigation .navWrapper .menu .accountControl .accountText a:focus {
            outline: 0; }
          #mainNavigation .navWrapper .menu .accountControl .accountText:hover {
            text-decoration: none;
            color: #37bdb1;
            cursor: pointer; }
          #mainNavigation .navWrapper .menu .accountControl .accountText .accountTextIcon {
            position: absolute;
            right: 0px;
            top: 25px;
            width: 38px;
            height: 19px; }
            #mainNavigation .navWrapper .menu .accountControl .accountText .accountTextIcon .shadow {
              width: 10px;
              height: 19px;
              float: left;
              margin-left: 5px; }
            #mainNavigation .navWrapper .menu .accountControl .accountText .accountTextIcon .shadowSpacer {
              float: left;
              width: 5px;
              height: 19px;
              background: white; }
            #mainNavigation .navWrapper .menu .accountControl .accountText .accountTextIcon:after {
              background: white;
              position: absolute;
              left: 20px;
              top: 3px;
              width: 18px;
              height: 19px;
              font-family: FontAwesome;
              font-style: normal;
              font-weight: normal;
              text-decoration: inherit;
              color: #bebebe;
              font-size: 13px;
              line-height: 13px;
              content: "\f078";
              text-align: left; }
      #mainNavigation .navWrapper .menu .actionItem {
        position: relative;
        background: white !important; }
        #mainNavigation .navWrapper .menu .actionItem .count {
          border-radius: 50%;
          padding: 7px 7px;
          position: absolute;
          right: -5px;
          top: -5px;
          background: #637ea0;
          background: #bebebe;
          color: white;
          font-size: 10px;
          box-sizing: border-box;
          border: 1px #bebebe solid;
          background: #ebebeb;
          color: black;
          z-index: 2; }
        #mainNavigation .navWrapper .menu .actionItem.selected .count {
          background: #37bdb1;
          color: white; }
      #mainNavigation .navWrapper .menu .notificationsItem .count {
        right: -2px; }

#mainNavigationSpacer {
  clear: both;
  width: 100%;
  height: 65px; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.dashboardMobileNav, .pageMobileNav {
  clear: both;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 15px;
  overflow: hidden; }
  @media (max-width: 599px) and (orientation: portrait) {
    .dashboardMobileNav, .pageMobileNav {
      padding-left: 5px;
      padding-right: 5px; } }
  @media (min-width: 900px) {
    .dashboardMobileNav, .pageMobileNav {
      display: none; } }
  .dashboardMobileNav .col2Tab, .pageMobileNav .col2Tab {
    width: 50%;
    border: 1px #e1e1e1 solid; }
    .dashboardMobileNav .col2Tab:last-child, .pageMobileNav .col2Tab:last-child {
      border-left: 0px solid; }
  .dashboardMobileNav .col3Tab, .pageMobileNav .col3Tab {
    width: 33.33%;
    border-top: 1px #e1e1e1 solid;
    border-bottom: 1px #e1e1e1 solid; }
    .dashboardMobileNav .col3Tab:first-child, .dashboardMobileNav .col3Tab:last-child, .pageMobileNav .col3Tab:first-child, .pageMobileNav .col3Tab:last-child {
      border: 1px #e1e1e1 solid; }
  .dashboardMobileNav .navTab, .pageMobileNav .navTab {
    display: inline-block;
    list-style-type: none;
    margin: 0 auto;
    padding: 0px;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: white; }
    .dashboardMobileNav .navTab:first-child, .pageMobileNav .navTab:first-child {
      background: white;
      border-top-left-radius: 9px;
      border-bottom-left-radius: 9px; }
    .dashboardMobileNav .navTab:last-child, .pageMobileNav .navTab:last-child {
      background: white;
      border-top-right-radius: 9px;
      border-bottom-right-radius: 9px; }
    .dashboardMobileNav .navTab .icon, .pageMobileNav .navTab .icon {
      display: inline-block;
      width: 28px;
      height: 45px;
      line-height: 45px;
      vertical-align: top;
      text-align: left;
      display: none; }
      @media (max-width: 340px) {
        .dashboardMobileNav .navTab .icon, .pageMobileNav .navTab .icon {
          display: none; } }
      .dashboardMobileNav .navTab .icon.semiWideIcon, .pageMobileNav .navTab .icon.semiWideIcon {
        width: 25px; }
      .dashboardMobileNav .navTab .icon:after, .pageMobileNav .navTab .icon:after {
        font-family: FontAwesome;
        display: inline;
        content: "\f0f2";
        color: #3c3c3c;
        font-size: 18px; }
      .dashboardMobileNav .navTab .icon.suitcaseIcon:after, .pageMobileNav .navTab .icon.suitcaseIcon:after {
        content: "\f0f2"; }
      .dashboardMobileNav .navTab .icon.cvIcon:after, .pageMobileNav .navTab .icon.cvIcon:after {
        content: "\f15c"; }
      .dashboardMobileNav .navTab .icon.postIcon, .pageMobileNav .navTab .icon.postIcon {
        line-height: 49px; }
        .dashboardMobileNav .navTab .icon.postIcon:after, .pageMobileNav .navTab .icon.postIcon:after {
          content: "\f044";
          font-size: 22px; }
      .dashboardMobileNav .navTab .icon.usersIcon:after, .pageMobileNav .navTab .icon.usersIcon:after {
        content: "\f0c0"; }
      .dashboardMobileNav .navTab .icon.notificationsIcon:after, .pageMobileNav .navTab .icon.notificationsIcon:after {
        line-height: 48px;
        font-size: 20px;
        content: "\f022"; }
      .dashboardMobileNav .navTab .icon.schedulesIcon:after, .pageMobileNav .navTab .icon.schedulesIcon:after {
        content: "\f133"; }
      .dashboardMobileNav .navTab .icon.favoritesIcon:after, .pageMobileNav .navTab .icon.favoritesIcon:after {
        content: "\f005";
        font-size: 20px;
        line-height: 46px; }
    .dashboardMobileNav .navTab .content, .pageMobileNav .navTab .content {
      display: inline-block;
      height: 40px;
      line-height: 40px;
      vertical-align: top;
      font-size: 12px;
      color: #3c3c3c; }
    .dashboardMobileNav .navTab:hover, .pageMobileNav .navTab:hover {
      cursor: pointer;
      background: #b8c4ca; }
      .dashboardMobileNav .navTab:hover .icon:after, .pageMobileNav .navTab:hover .icon:after {
        color: #37bdb1; }
      .dashboardMobileNav .navTab:hover .content, .pageMobileNav .navTab:hover .content {
        color: white; }
    .dashboardMobileNav .navTab.selected, .pageMobileNav .navTab.selected {
      background: #b8c4ca; }
      .dashboardMobileNav .navTab.selected .icon:after, .pageMobileNav .navTab.selected .icon:after {
        color: #37bdb1; }
      .dashboardMobileNav .navTab.selected .content, .pageMobileNav .navTab.selected .content {
        color: white; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.mainNavSelectListItem {
  position: absolute;
  left: 0px;
  top: 0px;
  display: none;
  z-index: 1001;
  -webkit-transition: height 300ms ease, transform 300ms ease, opacity 300ms ease;
  -moz-transition: height 300ms ease, transform 300ms ease, opacity 300ms ease;
  -ms-transition: height 300ms ease, transform 300ms ease, opacity 300ms ease;
  -o-transition: height 300ms ease, transform 300ms ease, opacity 300ms ease;
  transition: height 300ms ease, transform 300ms ease, opacity 300ms ease;
  min-width: 100px;
  min-height: 60px;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  font-family: RobotoLight;
  box-sizing: border-box;
  padding-top: 12px;
  border-radius: 9px; }
  .mainNavSelectListItem .selectListContentPreloader {
    min-height: 60px;
    position: relative; }
  .mainNavSelectListItem:before {
    position: absolute;
    left: 50%;
    top: -19px;
    margin-left: -10px;
    width: 36px;
    height: 20px;
    color: #455971;
    font-family: FontAwesome;
    content: "\f0d8";
    display: block;
    font-size: 36px; }
  .mainNavSelectListItem a, .mainNavSelectListItem a:active, .mainNavSelectListItem a:hover, .mainNavSelectListItem a:focus {
    outline: 0;
    text-decoration: none; }
  .mainNavSelectListItem.wideNavSelectList {
    min-width: 340px;
    max-width: 340px; }
  .mainNavSelectListItem .list {
    background: white;
    border: 1px #bebebe solid;
    width: 100%;
    min-height: 60px;
    border-radius: 9px;
    overflow: hidden; }
    .mainNavSelectListItem .list .scrollableList {
      clear: both;
      width: 100%;
      max-height: 460px;
      overflow-y: auto;
      font-family: Roboto; }
  .mainNavSelectListItem .link {
    padding-top: 7px;
    padding-bottom: 8px;
    box-sizing: border-box;
    padding-left: 25px;
    padding-right: 25px;
    border-top: 1px #d2d2d2 solid; }
    .mainNavSelectListItem .link .top {
      font-size: 13px;
      color: #5a5a5a;
      color: black;
      font-family: RobotoLight;
      position: relative; }
      .mainNavSelectListItem .link .top a {
        color: white; }
        .mainNavSelectListItem .link .top a:hover {
          text-decoration: underline; }
      .mainNavSelectListItem .link .top .rightTop {
        position: absolute;
        right: 0px;
        top: 0px; }
        .mainNavSelectListItem .link .top .rightTop .rightLink:hover {
          cursor: pointer;
          text-decoration: underline; }
    .mainNavSelectListItem .link .bottom {
      font-size: 12px;
      color: #737373; }
    .mainNavSelectListItem .link .highlight {
      color: #339a99; }
    .mainNavSelectListItem .link:hover {
      background: #f0f0f0;
      color: white;
      cursor: pointer; }
    .mainNavSelectListItem .link.headingLink {
      background: #455971;
      border-top: 0px solid; }
      .mainNavSelectListItem .link.headingLink .top {
        color: white; }
      .mainNavSelectListItem .link.headingLink:hover {
        cursor: default; }
    .mainNavSelectListItem .link.emptyLink {
      min-height: 60px;
      text-align: center;
      line-height: 60px;
      padding-top: 0px;
      padding-bottom: 0px; }
      .mainNavSelectListItem .link.emptyLink:hover {
        background: white; }
    .mainNavSelectListItem .link.allLink:hover .top {
      text-decoration: none; }
    .mainNavSelectListItem .link.allLink .top {
      text-align: center; }
      .mainNavSelectListItem .link.allLink .top a {
        color: #6cd4cb; }
      .mainNavSelectListItem .link.allLink .top:hover .top {
        text-decoration: underline; }

.messagesNavSelectList.snappedToRight:before {
  margin-left: 47px; }

.notificationsNavSelectList.snappedToRight:before {
  margin-left: 95px; }

.mainNavSelectListItem.visible {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

#sideNavigationLauncher, #searchLauncher {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 75px;
  height: 64px;
  padding-right: 10px;
  line-height: 65px;
  z-index: 1000;
  text-align: left;
  color: #34495e;
  font-weight: bold;
  font-size: 18px;
  box-sizing: border-box;
  background: #2f2f45; }
  #sideNavigationLauncher .content, #searchLauncher .content {
    width: 100%;
    text-align: center;
    height: 65px;
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
    #sideNavigationLauncher .content .barsButton, #searchLauncher .content .barsButton {
      width: 100%;
      box-sizing: border-box;
      padding-left: 18px;
      padding-right: 18px; }
      #sideNavigationLauncher .content .barsButton .barLine, #searchLauncher .content .barsButton .barLine {
        margin-top: 5px;
        margin-bottom: 5px;
        height: 2px;
        background: #34495e;
        border-radius: 9px;
        background: #33a4f3; }
      #sideNavigationLauncher .content .barsButton .top, #searchLauncher .content .barsButton .top {
        width: 100%; }
      #sideNavigationLauncher .content .barsButton .center, #searchLauncher .content .barsButton .center {
        width: 100%; }
      #sideNavigationLauncher .content .barsButton .bottom, #searchLauncher .content .barsButton .bottom {
        width: 100%; }
  @media (min-width: 1000px) {
    #sideNavigationLauncher, #searchLauncher {
      display: none; } }
  #sideNavigationLauncher:hover, #searchLauncher:hover {
    cursor: pointer;
    color: #7bc4f7; }
    #sideNavigationLauncher:hover .content .barsButton .barLine, #searchLauncher:hover .content .barsButton .barLine {
      background: #7bc4f7; }
  @media (max-width: 599px) {
    #sideNavigationLauncher.snapToViewportTop .content .barsButton, #searchLauncher.snapToViewportTop .content .barsButton {
      padding-left: 15px;
      padding-right: 15px; } }

#sideNavigationLauncher {
  line-height: 60px;
  box-sizing: border-box;
  padding-left: 7px; }
  #sideNavigationLauncher .notification {
    position: absolute;
    top: 0px;
    right: -5px;
    height: 100%;
    z-index: 2; }
    #sideNavigationLauncher .notification .notificationContent {
      margin-top: 23px;
      padding: 6px 6px;
      padding-left: 8px;
      padding-right: 8px;
      border-radius: 50%;
      background: #bebebe;
      color: white;
      font-size: 9px;
      line-height: 9px;
      box-sizing: border-box;
      border: 1px #bebebe solid;
      background: #ebebeb;
      color: black; }
    #sideNavigationLauncher .notification.selected .notificationContent {
      background: #37bdb1;
      color: white; }

#searchLauncher {
  right: 0px;
  left: auto;
  width: 75px;
  height: 64px;
  padding-left: 10px;
  box-sizing: border-box; }
  #searchLauncher:after {
    width: 60px;
    height: 65px;
    line-height: 69px;
    font-size: 11px;
    color: #5a5a5a;
    letter-spacing: 0px;
    font-weight: normal;
    text-align: left;
    box-sizing: border-box;
    padding-left: 10px;
    text-decoration: underline;
    content: "search";
    display: block; }
    @media (min-width: 830px) {
      #searchLauncher:after {
        padding-left: 0px; } }
  #searchLauncher:hover:after {
    color: #37bdb1;
    cursor: pointer; }
  #searchLauncher .button .icon {
    position: relative;
    width: 60px;
    height: 27px;
    margin-top: 3px; }
    #searchLauncher .button .icon:after {
      position: absolute;
      left: 22px;
      top: -6px;
      font-family: FontAwesome;
      content: "\f100";
      color: #37bdb1;
      font-size: 24px; }
  #searchLauncher .button .text {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 11px;
    color: #5a5a5a;
    letter-spacing: 0px;
    font-weight: normal;
    text-align: center;
    text-decoration: underline; }

#searchLauncher.filtersSearchLauncher:after {
  content: "filters"; }

#sideNavigationLauncher.snapToViewportTop, #searchLauncher.snapToViewportTop {
  position: fixed;
  top: 0px;
  left: 0px;
  background: #33a4f3;
  color: #34495e;
  width: 50px;
  height: 52px;
  line-height: 49px;
  text-align: center;
  padding-left: 0px;
  border-width: 1px;
  border-style: solid;
  border-color: #4e4e73; }
  #sideNavigationLauncher.snapToViewportTop .content, #searchLauncher.snapToViewportTop .content {
    width: 50px;
    height: 52px;
    line-height: 49px; }
    #sideNavigationLauncher.snapToViewportTop .content .barsButton .barLine, #searchLauncher.snapToViewportTop .content .barsButton .barLine {
      background: #2f2f45; }
  @media (min-width: 600px) {
    #sideNavigationLauncher.snapToViewportTop, #searchLauncher.snapToViewportTop {
      width: 55px;
      height: 55px;
      line-height: 52px; }
      #sideNavigationLauncher.snapToViewportTop .content, #searchLauncher.snapToViewportTop .content {
        width: 53px;
        height: 55px;
        line-height: 52px; } }
  #sideNavigationLauncher.snapToViewportTop:hover, #searchLauncher.snapToViewportTop:hover {
    background: #7bc4f7; }
  #sideNavigationLauncher.snapToViewportTop .notification, #searchLauncher.snapToViewportTop .notification {
    right: -8px; }
    #sideNavigationLauncher.snapToViewportTop .notification .notificationContent, #searchLauncher.snapToViewportTop .notification .notificationContent {
      margin-top: 2px; }

#searchLauncher.snapToViewportTop {
  left: auto;
  right: 0px;
  width: 45px; }
  @media (min-width: 600px) {
    #searchLauncher.snapToViewportTop {
      width: 55px; } }
  #searchLauncher.snapToViewportTop:after {
    width: 44px;
    line-height: 44px;
    color: #5a5a5a;
    border-bottom: 0px;
    text-align: center;
    height: 50px;
    font-size: 10px;
    padding-left: 0px; }
    @media (min-width: 600px) {
      #searchLauncher.snapToViewportTop:after {
        width: 54px;
        line-height: 52px; } }
  #searchLauncher.snapToViewportTop:hover:after {
    color: white; }

#sideNavigation.openedNavigation {
  -webkit-transform: translate3d(0%, 0, 0) !important;
  -ms-transform: translate3d(0%, 0, 0) !important;
  transform: translate3d(0%, 0, 0) !important; }

#sideNavigation {
  position: fixed;
  top: 0px;
  width: 100%;
  height: 100%;
  background: white;
  z-index: 1100;
  border-right: 1px #4e4e73 solid;
  box-sizing: border-box;
  left: 0px;
  -webkit-transition: transform 400ms ease;
  -moz-transition: transform 400ms ease;
  -ms-transition: transform 400ms ease;
  -o-transition: transform 400ms ease;
  transition: transform 400ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0.9;
  opacity: 1;
  overflow-y: auto;
  display: none;
  width: 70%;
  max-width: 500px;
  background: #2f2f45;
  background: url(/images/Bg.png); }
  #sideNavigation .navHeading {
    position: relative;
    width: 100%;
    height: 140px;
    z-index: 1; }
    #sideNavigation .navHeading .headingBg {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center center;
      z-index: 1; }
    #sideNavigation .navHeading .overlayBg {
      position: absolute;
      left: 0px;
      top: 0px;
      z-index: 2;
      width: 100%;
      height: 100%;
      background: white;
      opacity: 0.6; }
  #sideNavigation .closeButtonWrap {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 2;
    width: 50px;
    height: 50px;
    box-sizing: border-box; }
    #sideNavigation .closeButtonWrap:hover {
      cursor: pointer; }
    #sideNavigation .closeButtonWrap .closeButton {
      clear: both;
      width: 25px;
      height: 25px;
      margin-left: 12px;
      margin-top: 12px;
      text-align: center;
      line-height: 25px;
      font-size: 11px; }
      #sideNavigation .closeButtonWrap .closeButton:after {
        font-family: FontAwesome;
        font-size: 24px;
        content: "\f00d";
        color: #33a4f3;
        font-weight: normal; }
    #sideNavigation .closeButtonWrap:hover {
      cursor: pointer; }
      #sideNavigation .closeButtonWrap:hover .closeButton:after {
        color: #7bc4f7; }
  #sideNavigation .logo {
    clear: both; }
    #sideNavigation .logo .image {
      width: 100%;
      padding-left: 16px;
      padding-right: 16px;
      box-sizing: border-box; }
      #sideNavigation .logo .image img {
        max-width: 100%; }
    #sideNavigation .logo .heading, #sideNavigation .logo .subheading {
      width: 100%;
      text-align: center; }
    #sideNavigation .logo .heading {
      font-size: 20px;
      font-weight: bold; }
    #sideNavigation .logo .subheading {
      font-size: 12px;
      color: #d9ac86; }
  #sideNavigation .accountData {
    clear: both;
    width: 100%;
    text-align: center; }
    #sideNavigation .accountData .accountImage {
      display: inline-block;
      width: 35px;
      height: 35px;
      position: relative;
      background: whitesmoke;
      border: 1px gainsboro solid;
      border-radius: 9px;
      margin-top: 7px;
      vertical-align: top; }
      #sideNavigation .accountData .accountImage img {
        width: 35px;
        height: 35px;
        vertical-align: top;
        border-radius: 9px; }
      #sideNavigation .accountData .accountImage.imgActive:hover {
        border: 1px #37bdb1 solid;
        cursor: pointer; }
      #sideNavigation .accountData .accountImage.imgEffects {
        box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
        border: 3px white solid; }
    #sideNavigation .accountData a, #sideNavigation .accountData a:active, #sideNavigation .accountData a:hover, #sideNavigation .accountData a:focus {
      outline: 0;
      text-decoration: none; }
    #sideNavigation .accountData .accountText a {
      color: black;
      font-family: RobotoLight;
      font-size: 12px; }
      #sideNavigation .accountData .accountText a:hover {
        color: #37bdb1; }
  #sideNavigation .items {
    clear: both;
    margin-top: 0px;
    padding: 0;
    list-style-type: none;
    width: 100%; }
    #sideNavigation .items a {
      outline: none; }
    #sideNavigation .items a:hover {
      text-decoration: none; }
    #sideNavigation .items .item {
      width: 100%;
      text-align: left;
      height: 49px;
      line-height: 49px;
      font-size: 12px;
      color: #34495e;
      box-sizing: border-box;
      padding-left: 30px;
      padding-right: 30px;
      color: #cbcbcf;
      font-weight: bold;
      text-transform: uppercase; }
      #sideNavigation .items .item.separatorItem {
        height: 1px;
        line-height: 1px;
        background: #4e4e73;
        padding-left: 0px;
        padding-right: 0px;
        margin-top: 5px;
        margin-bottom: 5px; }
      #sideNavigation .items .item:hover {
        cursor: pointer;
        color: white; }
      #sideNavigation .items .item .icon {
        padding-right: 30px; }
        #sideNavigation .items .item .icon:after {
          font-family: FontAwesome;
          font-size: 18px;
          color: #cbcbcf;
          font-weight: normal; }
        #sideNavigation .items .item .icon.loginIcon:after {
          font-size: 20px;
          content: "\f090"; }
        #sideNavigation .items .item .icon.signupIcon:after {
          content: "\f007"; }
        #sideNavigation .items .item .icon.postjobIcon:after {
          content: "\f040"; }
        #sideNavigation .items .item .icon.homeIcon:after {
          content: "\f015"; }
        #sideNavigation .items .item .icon.featuresIcon:after {
          content: "\f005"; }
        #sideNavigation .items .item .icon.aboutIcon:after {
          content: "\f0f2"; }
        #sideNavigation .items .item .icon.contactIcon:after {
          content: "\f075"; }
        #sideNavigation .items .item .icon.signoutIcon:after {
          content: "\f08b"; }
        #sideNavigation .items .item .icon.dashboardIcon:after {
          content: "\f022"; }
    #sideNavigation .items .item.selected {
      color: #37bdb1; }
  #sideNavigation .social, #sideNavigation .accountControls {
    clear: both;
    width: 100%;
    margin-top: -5px;
    text-align: center; }
    #sideNavigation .social .inner, #sideNavigation .accountControls .inner {
      width: 100%; }
      #sideNavigation .social .inner .item, #sideNavigation .accountControls .inner .item {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
        font-weight: bold;
        color: white;
        background: #37bdb1;
        position: relative;
        text-align: center; }
        #sideNavigation .social .inner .item:after, #sideNavigation .accountControls .inner .item:after {
          font-family: FontAwesome;
          content: "\f09a";
          color: white;
          font-weight: normal; }
        #sideNavigation .social .inner .item:hover, #sideNavigation .accountControls .inner .item:hover {
          background: #339a99; }
        #sideNavigation .social .inner .item.greenItem, #sideNavigation .accountControls .inner .item.greenItem {
          background: #dbe33e; }
          #sideNavigation .social .inner .item.greenItem:after, #sideNavigation .accountControls .inner .item.greenItem:after {
            color: black; }
          #sideNavigation .social .inner .item.greenItem:hover, #sideNavigation .accountControls .inner .item.greenItem:hover {
            background: #e7ed81; }
      #sideNavigation .social .inner .secondItem:after, #sideNavigation .accountControls .inner .secondItem:after {
        content: "\f099"; }
  #sideNavigation .accountControls {
    margin-top: 15px; }
    #sideNavigation .accountControls .inner .item {
      background: white;
      font-size: 20px; }
      #sideNavigation .accountControls .inner .item:after {
        content: "\f0e0";
        color: #bebebe;
        content: "\f003";
        color: #5a5a5a; }
      #sideNavigation .accountControls .inner .item .count {
        border-radius: 50%;
        padding: 4px 4px;
        padding-left: 6px;
        padding-right: 6px;
        position: absolute;
        right: -5px;
        top: -2px;
        background: #bebebe;
        color: white;
        font-size: 9px;
        line-height: 9px;
        box-sizing: border-box;
        border: 1px #bebebe solid;
        background: #ebebeb;
        color: black; }
      #sideNavigation .accountControls .inner .item.selected .count {
        background: #37bdb1;
        color: white; }
    #sideNavigation .accountControls .inner .secondItem:after {
      content: "\f0f3";
      content: "\f0a2"; }
    #sideNavigation .accountControls .inner .secondItem .count {
      right: -3px; }
    #sideNavigation .accountControls .inner a:hover .item {
      background: white; }
      #sideNavigation .accountControls .inner a:hover .item:after {
        color: #37bdb1; }
  #sideNavigation.loggedInSideNav .accountImage {
    position: absolute;
    left: 50%;
    bottom: -25px;
    margin-left: -37px;
    width: 75px;
    height: 75px;
    background: whitesmoke;
    border: 1px #ebebeb solid;
    border-radius: 9px;
    margin-top: 7px;
    z-index: 2; }
    #sideNavigation.loggedInSideNav .accountImage img {
      width: 75px;
      height: 75px;
      box-sizing: border-box;
      border: 3px white solid;
      border-radius: 9px; }
    #sideNavigation.loggedInSideNav .accountImage.imgActive:hover {
      border: 1px #37bdb1 solid;
      cursor: pointer; }
    #sideNavigation.loggedInSideNav .accountImage.imgEffects {
      box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
      border: 3px white solid; }
  #sideNavigation.loggedInSideNav a, #sideNavigation.loggedInSideNav a:active, #sideNavigation.loggedInSideNav a:hover, #sideNavigation.loggedInSideNav a:focus {
    outline: 0;
    text-decoration: none; }
  #sideNavigation.loggedInSideNav .accountText {
    z-index: 2;
    box-sizing: border-box;
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    text-align: center;
    padding-top: 35px;
    padding-bottom: 10px; }
    #sideNavigation.loggedInSideNav .accountText a {
      color: black;
      font-size: 13px;
      color: #34495e; }
      #sideNavigation.loggedInSideNav .accountText a:hover {
        text-decoration: underline; }
  #sideNavigation.loggedInSideNav .accountControl {
    position: absolute;
    left: 0px;
    bottom: -20px;
    margin-top: -22px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    font-weight: bold;
    color: white;
    background: #37bdb1;
    text-align: center;
    border-radius: 50%;
    z-index: 2;
    border: 1px #e1e1e1 solid; }
    #sideNavigation.loggedInSideNav .accountControl:after {
      font-family: FontAwesome;
      content: "\f09a";
      color: white;
      font-weight: normal; }
    #sideNavigation.loggedInSideNav .accountControl:hover {
      background: #339a99; }
    #sideNavigation.loggedInSideNav .accountControl.firstControl {
      left: 25%;
      margin-left: -44px; }
    #sideNavigation.loggedInSideNav .accountControl.secondControl {
      left: 75%;
      margin-left: 0px; }
  #sideNavigation.loggedInSideNav .secondItem:after {
    content: "\f16d"; }
  #sideNavigation.loggedInSideNav .accountControl {
    background: white;
    font-size: 20px; }
    #sideNavigation.loggedInSideNav .accountControl:after {
      content: "\f0e0";
      color: #bebebe;
      content: "\f003";
      color: #5a5a5a; }
    #sideNavigation.loggedInSideNav .accountControl .count {
      border-radius: 50%;
      padding: 4px 4px;
      padding-left: 6px;
      padding-right: 6px;
      position: absolute;
      right: -5px;
      top: -2px;
      background: #bebebe;
      color: white;
      font-size: 9px;
      line-height: 9px;
      box-sizing: border-box;
      border: 1px #bebebe solid;
      background: #ebebeb;
      color: black; }
    #sideNavigation.loggedInSideNav .accountControl.selected .count {
      background: #37bdb1;
      color: white; }
  #sideNavigation.loggedInSideNav .secondItem:after {
    content: "\f0f3";
    content: "\f0a2"; }
  #sideNavigation.loggedInSideNav .secondItem .count {
    right: -3px; }
  #sideNavigation.loggedInSideNav a:hover .item {
    background: white; }
    #sideNavigation.loggedInSideNav a:hover .item:after {
      color: #37bdb1; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.headingIcon {
  clear: both;
  width: 100%;
  height: 24px;
  text-align: center;
  margin-top: 60px; }
  .headingIcon img {
    width: 175px;
    height: 24px;
    margin: 0 auto; }

.viewHeadingWrapper:after {
  clear: both;
  content: "";
  width: 100%;
  height: 35px;
  display: block; }

.viewHeadingWrapper.smallViewHeading:after {
  height: 20px; }

.viewHeadingWrapper .viewHeading {
  clear: both;
  text-align: center;
  margin-top: 0px;
  font-size: 30px;
  font-weight: normal;
  margin: 0;
  margin-top: 25px;
  font-family: Roboto;
  font-weight: bold;
  color: #2f2f45; }
  @media (max-width: 979px) {
    .viewHeadingWrapper .viewHeading {
      font-size: 2.3rem; } }
  @media (max-width: 599px) {
    .viewHeadingWrapper .viewHeading.smallOnMobiles {
      font-size: 1.6rem; } }

.viewHeadingWrapper .longViewHeading {
  margin-top: 35px; }

.viewHeadingWrapper .headingIcon {
  clear: both;
  width: 30px;
  height: 4px;
  background: #33a4f3;
  margin: 0 auto;
  margin-top: 6px; }

.viewHeadingWrapper .viewSubheading {
  clear: both;
  width: 100%;
  padding-top: 4px;
  text-align: center; }
  .viewHeadingWrapper .viewSubheading p.subheading {
    width: 100%;
    font-size: 14px;
    line-height: 34px;
    text-align: center;
    margin: 0;
    max-width: 800px;
    margin: 0 auto;
    color: #828282; }
  .viewHeadingWrapper .viewSubheading a {
    color: #828282;
    text-decoration: underline; }
    .viewHeadingWrapper .viewSubheading a:hover {
      text-decoration: none; }

@media (max-width: 599px) {
  .viewHeadingWrapper.smallMobileHeading:after, .viewHeadingWrapper.doubleSmallMobileHeading:after {
    height: 20px; }
  .viewHeadingWrapper.smallMobileHeading .viewHeading, .viewHeadingWrapper.doubleSmallMobileHeading .viewHeading {
    font-size: 24px; }
  .viewHeadingWrapper.smallMobileHeading .viewSubheading p.subheading, .viewHeadingWrapper.doubleSmallMobileHeading .viewSubheading p.subheading {
    font-size: 12px;
    line-height: 22px; } }

@media (max-width: 599px) {
  .viewHeadingWrapper.doubleSmallMobileHeading .viewHeading {
    margin-top: 13px; } }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.dashboardNoResults, .pageNoResults {
  clear: both;
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px; }
  @media (max-width: 899px) {
    .dashboardNoResults, .pageNoResults {
      padding-bottom: 60px; } }
  .dashboardNoResults.dashboardListNoResults, .dashboardNoResults.pageListNoResults, .pageNoResults.dashboardListNoResults, .pageNoResults.pageListNoResults {
    padding-bottom: 65px;
    box-sizing: border-box;
    border-left: 1px #e6e6e6 solid;
    border-right: 1px #e6e6e6 solid; }
    @media (max-width: 1199px) {
      .dashboardNoResults.dashboardListNoResults, .dashboardNoResults.pageListNoResults, .pageNoResults.dashboardListNoResults, .pageNoResults.pageListNoResults {
        border-left: 0px solid;
        border-right: 0px solid; } }
    @media (min-width: 1200px) {
      .dashboardNoResults.dashboardListNoResults, .dashboardNoResults.pageListNoResults, .pageNoResults.dashboardListNoResults, .pageNoResults.pageListNoResults {
        margin-top: -14px; } }
  .dashboardNoResults.smallNoResults, .pageNoResults.smallNoResults {
    padding-top: 15px;
    padding-bottom: 15px; }
    @media (max-width: 899px) {
      .dashboardNoResults.smallNoResults, .pageNoResults.smallNoResults {
        padding-top: 50px;
        padding-bottom: 50px; } }
  .dashboardNoResults .noResults .noResultsData, .pageNoResults .noResults .noResultsData {
    max-width: 300px;
    width: 100%;
    margin: 0 auto; }
    .dashboardNoResults .noResults .noResultsData .noResultsIcon, .pageNoResults .noResults .noResultsData .noResultsIcon {
      margin: 0 auto;
      clear: both;
      width: 60px;
      height: 60px;
      position: relative; }
      .dashboardNoResults .noResults .noResultsData .noResultsIcon:after, .pageNoResults .noResults .noResultsData .noResultsIcon:after {
        position: absolute;
        left: 10px;
        top: 0px;
        content: "\f010";
        font-family: FontAwesome;
        font-size: 42px;
        color: #5a5a5a;
        color: #d2d2d2; }
      .dashboardNoResults .noResults .noResultsData .noResultsIcon.coloredItem:after, .pageNoResults .noResults .noResultsData .noResultsIcon.coloredItem:after {
        color: #37bdb1; }
    .dashboardNoResults .noResults .noResultsData .suitcaseIcon:after, .pageNoResults .noResults .noResultsData .suitcaseIcon:after {
      content: "\f0f2"; }
    .dashboardNoResults .noResults .noResultsData .cvIcon:after, .pageNoResults .noResults .noResultsData .cvIcon:after {
      content: "\f15c";
      font-size: 38px;
      top: 4px; }
    .dashboardNoResults .noResults .noResultsData .usersIcon:after, .pageNoResults .noResults .noResultsData .usersIcon:after {
      content: "\f0c0"; }
    .dashboardNoResults .noResults .noResultsData .notificationsIcon:after, .pageNoResults .noResults .noResultsData .notificationsIcon:after {
      content: "\f022";
      font-size: 44px;
      top: 4px; }
    .dashboardNoResults .noResults .noResultsData .schedulesIcon:after, .pageNoResults .noResults .noResultsData .schedulesIcon:after {
      content: "\f133"; }
    .dashboardNoResults .noResults .noResultsData .searchIcon:after, .pageNoResults .noResults .noResultsData .searchIcon:after {
      content: "\f002"; }
    .dashboardNoResults .noResults .noResultsData .cameraIcon:after, .pageNoResults .noResults .noResultsData .cameraIcon:after {
      content: "\f030"; }
    .dashboardNoResults .noResults .noResultsData .mapIcon:after, .pageNoResults .noResults .noResultsData .mapIcon:after {
      content: "\f041"; }
    .dashboardNoResults .noResults .noResultsData .favoritesIcon:after, .pageNoResults .noResults .noResultsData .favoritesIcon:after {
      content: "\f005"; }
    .dashboardNoResults .noResults .noResultsData .followIcon:after, .pageNoResults .noResults .noResultsData .followIcon:after {
      content: "\f09e"; }
    .dashboardNoResults .noResults .noResultsData .noResultsMsg, .pageNoResults .noResults .noResultsData .noResultsMsg {
      clear: both;
      color: #5a5a5a;
      text-align: center;
      font-size: 12px; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.dashboardColHeading, .pageColHeading {
  clear: both;
  width: 100%;
  height: 55px;
  line-height: 53px;
  box-sizing: border-box;
  padding-left: 25px;
  border-bottom: 1px #EBEBEB solid;
  position: relative;
  font-family: RobotoLight;
  font-size: 14px; }
  @media (max-width: 899px) {
    .dashboardColHeading.hideBefore900, .pageColHeading.hideBefore900 {
      display: none; } }
  .dashboardColHeading .content, .pageColHeading .content {
    position: relative;
    width: 100%;
    margin: 0 auto;
    color: #34495e;
    font-family: Roboto; }
    .dashboardColHeading .content .viewAllLink, .pageColHeading .content .viewAllLink {
      color: #34495e;
      text-decoration: underline; }
      .dashboardColHeading .content .viewAllLink:hover, .pageColHeading .content .viewAllLink:hover {
        text-decoration: none; }
    .dashboardColHeading .content .buttonsWrap, .dashboardColHeading .content .rightSide, .pageColHeading .content .buttonsWrap, .pageColHeading .content .rightSide {
      position: absolute;
      right: 0px;
      top: 0px;
      height: 55px;
      margin-right: 14px; }
      .dashboardColHeading .content .buttonsWrap .label, .dashboardColHeading .content .rightSide .label, .pageColHeading .content .buttonsWrap .label, .pageColHeading .content .rightSide .label {
        float: left;
        height: 53px;
        line-height: 53px;
        padding-left: 14px;
        padding-right: 14px;
        font-size: 12px;
        font-weight: bold;
        color: #828282; }
      .dashboardColHeading .content .buttonsWrap .button, .dashboardColHeading .content .rightSide .button, .pageColHeading .content .buttonsWrap .button, .pageColHeading .content .rightSide .button {
        float: left;
        height: 53px;
        line-height: 53px;
        padding-left: 10px;
        padding-right: 10px;
        font-family: Roboto;
        font-size: 12px;
        color: #5a5a5a;
        text-decoration: underline;
        color: #34495e; }
        .dashboardColHeading .content .buttonsWrap .button:hover, .dashboardColHeading .content .rightSide .button:hover, .pageColHeading .content .buttonsWrap .button:hover, .pageColHeading .content .rightSide .button:hover {
          cursor: pointer;
          text-decoration: none; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.dashboardPagination, .pagePagination {
  clear: both;
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
  border: 1px #ebebeb solid; }
  @media (max-width: 699px) {
    .dashboardPagination, .pagePagination {
      padding-top: 9px;
      padding-bottom: 6px; } }
  .dashboardPagination .twoColControls, .pagePagination .twoColControls {
    position: relative;
    width: 100%; }
    .dashboardPagination .twoColControls:after, .pagePagination .twoColControls:after {
      content: "";
      display: block;
      clear: both;
      width: 100%;
      height: 1px; }
    .dashboardPagination .twoColControls .leftControls, .pagePagination .twoColControls .leftControls {
      float: left;
      width: 30%;
      line-height: 35px;
      box-sizing: border-box;
      font-family: RobotoLight; }
      @media (max-width: 999px) {
        .dashboardPagination .twoColControls .leftControls, .pagePagination .twoColControls .leftControls {
          line-height: 30px; } }
      @media (max-width: 999px) {
        .dashboardPagination .twoColControls .leftControls .message, .pagePagination .twoColControls .leftControls .message {
          font-size: 12px; } }
    .dashboardPagination .twoColControls .rightControls, .pagePagination .twoColControls .rightControls {
      float: left;
      width: 70%;
      box-sizing: border-box; }
    .dashboardPagination .twoColControls .paginationWrapper, .pagePagination .twoColControls .paginationWrapper {
      float: right; }
    @media (max-width: 699px) {
      .dashboardPagination .twoColControls .leftControls, .pagePagination .twoColControls .leftControls {
        float: none;
        clear: both;
        width: 100%;
        padding-top: 0px;
        padding-bottom: 0px;
        display: none; }
      .dashboardPagination .twoColControls .rightControls, .pagePagination .twoColControls .rightControls {
        float: none;
        width: 100%; }
      .dashboardPagination .twoColControls .paginationWrapper, .pagePagination .twoColControls .paginationWrapper {
        float: none; } }
  .dashboardPagination .paginationWrapper, .pagePagination .paginationWrapper {
    margin: 0 auto;
    display: inline-block; }
    .dashboardPagination .paginationWrapper a, .dashboardPagination .paginationWrapper a:hover, .dashboardPagination .paginationWrapper a:focus, .dashboardPagination .paginationWrapper a:active, .pagePagination .paginationWrapper a, .pagePagination .paginationWrapper a:hover, .pagePagination .paginationWrapper a:focus, .pagePagination .paginationWrapper a:active {
      outline: none; }
    .dashboardPagination .paginationWrapper .page, .pagePagination .paginationWrapper .page {
      float: left;
      width: 35px;
      height: 35px;
      line-height: 33px;
      background: #ebebeb;
      margin-left: 7px;
      margin-right: 7px;
      color: black;
      border-radius: 50%;
      font-size: 12px;
      border: 1px #d2d2d2 solid;
      box-sizing: border-box; }
      @media (max-width: 999px) {
        .dashboardPagination .paginationWrapper .page, .pagePagination .paginationWrapper .page {
          width: 30px;
          height: 30px;
          line-height: 28px;
          font-size: 11px; } }
      .dashboardPagination .paginationWrapper .page:hover, .pagePagination .paginationWrapper .page:hover {
        text-decoration: none;
        background: #37bdb1;
        color: white; }
    .dashboardPagination .paginationWrapper .page.selected, .pagePagination .paginationWrapper .page.selected {
      background: #37bdb1;
      color: white; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.humanIcon {
  background-position: 0% 0px; }

.humanIcon.selectedIcon {
  background-position: 49.98% 40px; }

.messageIcon {
  background-position: 9% 0px; }

.messageIcon.selectedIcon {
  background-position: 58.31% 40px; }

.suitIcon {
  background-position: 18.2% 0px; }

.suitIcon.selectedIcon {
  background-position: 66.64% 40px; }

.linesIcon {
  background-position: 27.2% 0px; }

.linesIcon.selectedIcon {
  background-position: 74.97% 40px; }

.phoneIcon {
  background-position: 35.8% 0px; }

.phoneIcon.selectedIcon {
  background-position: 83.3% 40px; }

.penIcon {
  background-position: 45.1% 0px; }

.penIcon.selectedIcon {
  background-position: 91.63% 40px; }

.menuMessageIcon {
  background-position: 0% 0px; }
  .menuMessageIcon:hover {
    background-position: 8.8% 0px; }

.menuNotificationIcon {
  background-position: 18.2% 0px; }
  .menuNotificationIcon:hover {
    background-position: 27.2% 0px; }

.menuDotsIcon {
  background-position: 35.8% 0px; }
  .menuDotsIcon:hover {
    background-position: 45.1% 0px; }

.menuCloseIcon {
  background-position: 53.5% 0px; }
  .menuCloseIcon:hover {
    background-position: 62.9% 0px; }

.menuCloseIconNoHover {
  background-position: 53.5% 0px; }

.menuFacebookIcon {
  background-position: 72.5% 0px; }
  .menuFacebookIcon:hover {
    background-position: 81.8% 0px; }

.menuTwitterIcon {
  background-position: 91% 0px; }
  .menuTwitterIcon:hover {
    background-position: 100.3% 0px; }

.zoomIcon {
  background-position: 0% 0px; }

.distanceIcon {
  background-position: 33% 0px; }

.locationIcon {
  background-position: 68% 0px; }

.chefIcon {
  background-position: 101.5% 0px; }

.userPlusIconWrapper .userPlusIcon {
  background-position: 0% 0px; }

.userPlusIconWrapper.greenUserPlusIconWrapper:hover .userPlusIcon {
  background-position: 9% 0px; }

.userPlusIconWrapper.blueUserPlusIconWrapper:hover .userPlusIcon {
  background-position: 18.5% 0px; }

.userMinusIconWrapper .userMinusIcon {
  background-position: 27% 0px; }

.userMinusIconWrapper.greenUserMinusIconWrapper:hover .userMinusIcon {
  background-position: 36% 0px; }

.userMinusIconWrapper.blueUserMinusIconWrapper:hover .userMinusIcon {
  background-position: 45.5% 0px; }

.userIconWrapper .userIcon {
  background-position: 54.5% 0px; }

.userIconWrapper.greenUserIconWrapper:hover .userIcon {
  background-position: 63.7% 0px; }

.userIconWrapper.blueUserIconWrapper:hover .userIcon {
  background-position: 73.5% 0px; }

.userMessageIconWrapper .userMessageIcon {
  background-position: 82% 0px; }

.userMessageIconWrapper.greenUserMessageIconWrapper:hover .userMessageIcon {
  background-position: 91% 0px; }

.userMessageIconWrapper.blueUserMessageIconWrapper:hover .userMessageIcon {
  background-position: 100.0% 0px; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

#spacer {
  clear: both;
  width: 100%;
  height: 1px;
  background: white; }

#aboutUs #pageMainHeading {
  clear: both;
  width: 100%;
  position: relative; }
  #aboutUs #pageMainHeading:after {
    content: "";
    display: block;
    clear: both;
    width: 100%;
    height: 1px; }
  @media (max-width: 1050px) {
    #aboutUs #pageMainHeading .imageHolder {
      display: none; } }
  #aboutUs #pageMainHeading .desktopHeading {
    width: 100%;
    height: 220px; }
    @media (max-width: 1050px) {
      #aboutUs #pageMainHeading .desktopHeading {
        display: none; } }
  #aboutUs #pageMainHeading .mobileHeading {
    max-width: 100%; }
    @media (min-width: 1051px) {
      #aboutUs #pageMainHeading .mobileHeading {
        display: none; } }
    @media (max-width: 1050px) and (orientation: landscape) {
      #aboutUs #pageMainHeading .mobileHeading {
        height: 220px;
        width: 100%; } }
  #aboutUs #pageMainHeading .headingText {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    box-sizing: border-box;
    padding-left: 30px;
    padding-right: 30px;
    height: 100%;
    color: white; }
    #aboutUs #pageMainHeading .headingText .inner {
      display: table;
      width: 100%;
      height: 100%; }
      #aboutUs #pageMainHeading .headingText .inner .text {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        font-size: 35px;
        letter-spacing: 9px;
        text-transform: uppercase; }

#aboutUs .headingIcon {
  clear: both;
  width: 100%;
  height: 24px;
  text-align: center;
  margin-top: 60px; }
  #aboutUs .headingIcon img {
    width: 175px;
    height: 24px;
    margin: 0 auto; }

#aboutUs .heading {
  clear: both;
  text-align: center;
  margin-top: 0px;
  font-size: 35px;
  font-weight: normal;
  letter-spacing: 9px;
  margin: 0;
  margin-top: 25px;
  text-transform: uppercase; }
  @media (max-width: 979px) {
    #aboutUs .heading {
      font-size: 2.3rem; } }

#aboutUs .subheadingWrapper {
  clear: both;
  width: 100%;
  padding-top: 25px;
  text-align: center; }
  #aboutUs .subheadingWrapper p.subheading {
    width: 100%;
    font-size: 19px;
    line-height: 34px;
    text-align: center;
    margin: 0;
    max-width: 740px;
    margin: 0 auto; }

#aboutUs .info {
  clear: both;
  margin-top: 60px; }
  #aboutUs .info:after {
    content: "";
    display: block;
    clear: both;
    width: 100%;
    height: 1px; }
  #aboutUs .info .infoRow {
    clear: both;
    width: 100%;
    margin: 0 auto; }
    #aboutUs .info .infoRow:after {
      content: "";
      display: block;
      clear: both;
      width: 100%;
      height: 1px; }
    @media (min-width: 781px) {
      #aboutUs .info .infoRow {
        max-width: 1100px; } }
    @media (min-width: 781px) {
      #aboutUs .info .infoRow .gridItem:nth-child(1) {
        width: 50%;
        float: left;
        box-sizing: border-box;
        padding-right: 15px; } }
    @media (min-width: 781px) {
      #aboutUs .info .infoRow .gridItem:nth-child(2) {
        width: 50%;
        float: right;
        box-sizing: border-box;
        padding-left: 15px; } }
    @media (max-width: 780px) {
      #aboutUs .info .infoRow .gridItem:nth-child(2) {
        margin-top: 60px; } }
    #aboutUs .info .infoRow .gridItem {
      width: 100%; }
    #aboutUs .info .infoRow .infoItem {
      position: relative; }
      #aboutUs .info .infoRow .infoItem .infoHeading {
        clear: both;
        width: 100%;
        text-transform: uppercase;
        font-size: 16px;
        letter-spacing: 3px; }
      #aboutUs .info .infoRow .infoItem .controlsClear:after {
        content: "";
        display: block;
        clear: both;
        width: 100%;
        height: 1px; }
      #aboutUs .info .infoRow .infoItem .controls {
        clear: both;
        width: 100%;
        line-height: 3; }
        #aboutUs .info .infoRow .infoItem .controls .item {
          float: left;
          width: 50%;
          line-height: 3;
          text-align: center;
          font-size: 13px;
          letter-spacing: 2px;
          border-top: 1px #e1e1e1 solid;
          border-bottom: 1px #e1e1e1 solid;
          box-sizing: border-box;
          text-transform: uppercase; }
          @media (max-width: 1000px) {
            #aboutUs .info .infoRow .infoItem .controls .item {
              font-size: 12px;
              letter-spacing: 1px; } }
          #aboutUs .info .infoRow .infoItem .controls .item:hover {
            cursor: pointer;
            background: #f3f3f1;
            color: #c79a73; }
        #aboutUs .info .infoRow .infoItem .controls .active {
          background: #f3f3f1;
          color: #c79a73; }
      #aboutUs .info .infoRow .infoItem .compactControls .item {
        width: 25%; }
      #aboutUs .info .infoRow .infoItem .slidesShadow {
        box-shadow: 0 1px 10px rgba(0, 0, 0, 0.7); }
      #aboutUs .info .infoRow .infoItem .slides {
        clear: both;
        width: 100%;
        position: relative;
        margin: 0 auto;
        margin-top: 30px;
        overflow: hidden;
        -webkit-transition: height 400ms;
        -moz-transition: height 400ms;
        -ms-transition: height 400ms;
        -o-transition: height 400ms;
        transition: height 400ms; }
        #aboutUs .info .infoRow .infoItem .slides .slide {
          width: 100%;
          margin: 0;
          visibility: hidden;
          position: relative; }
          #aboutUs .info .infoRow .infoItem .slides .slide .bg {
            z-index: 1;
            width: 100%;
            height: 0;
            padding-bottom: 66.625%; }
          #aboutUs .info .infoRow .infoItem .slides .slide img {
            max-width: 100%;
            z-index: 2;
            position: absolute;
            left: 0px;
            top: 0px; }
          #aboutUs .info .infoRow .infoItem .slides .slide .text p {
            color: #a3a3a3;
            font-size: 14px;
            line-height: 23px;
            margin: 0;
            text-align: left;
            letter-spacing: -0.01rem; }
          #aboutUs .info .infoRow .infoItem .slides .slide .text p:not(:first-child) {
            margin-top: 10px; }
        #aboutUs .info .infoRow .infoItem .slides .slide:first-child {
          visibility: visible; }
        #aboutUs .info .infoRow .infoItem .slides .slide:not(:first-child) {
          position: absolute;
          left: 0px;
          top: 0px; }
      #aboutUs .info .infoRow .infoItem .slideshowButtonWrapper {
        position: absolute;
        top: 0px;
        width: 60px;
        height: 100%;
        z-index: 1;
        -webkit-transition: width 400ms;
        -moz-transition: width 400ms;
        -ms-transition: width 400ms;
        -o-transition: width 400ms;
        transition: width 400ms; }
        #aboutUs .info .infoRow .infoItem .slideshowButtonWrapper:hover {
          cursor: pointer; }
        #aboutUs .info .infoRow .infoItem .slideshowButtonWrapper .button {
          position: absolute;
          top: 50%;
          width: 40px;
          height: 40px;
          margin-top: -20px;
          background: none;
          opacity: 0;
          -webkit-transition: width 400ms;
          -moz-transition: width 400ms;
          -ms-transition: width 400ms;
          -o-transition: width 400ms;
          transition: width 400ms;
          -webkit-transition: height 400ms;
          -moz-transition: height 400ms;
          -ms-transition: height 400ms;
          -o-transition: height 400ms;
          transition: height 400ms;
          -webkit-transition: opacity 400ms;
          -moz-transition: opacity 400ms;
          -ms-transition: opacity 400ms;
          -o-transition: opacity 400ms;
          transition: opacity 400ms;
          box-sizing: border-box;
          border: 2px white solid;
          border-radius: 50%; }
          #aboutUs .info .infoRow .infoItem .slideshowButtonWrapper .button:hover {
            cursor: pointer; }
          #aboutUs .info .infoRow .infoItem .slideshowButtonWrapper .button .arrow {
            position: absolute;
            left: 50%;
            top: 50%;
            margin-top: -19px; }
            #aboutUs .info .infoRow .infoItem .slideshowButtonWrapper .button .arrow:after {
              font-family: FontAwesome;
              font-style: normal;
              font-weight: normal;
              text-decoration: inherit;
              color: white;
              font-size: 26px; }
        #aboutUs .info .infoRow .infoItem .slideshowButtonWrapper .button.active {
          opacity: 1; }
        #aboutUs .info .infoRow .infoItem .slideshowButtonWrapper .button.afterActive {
          opacity: 0.3; }
      #aboutUs .info .infoRow .infoItem .prevButtonWrapper {
        left: 38px; }
        #aboutUs .info .infoRow .infoItem .prevButtonWrapper .button {
          left: 0px; }
          #aboutUs .info .infoRow .infoItem .prevButtonWrapper .button .arrow {
            margin-left: -4.5px; }
            #aboutUs .info .infoRow .infoItem .prevButtonWrapper .button .arrow:after {
              content: "\f104"; }
      #aboutUs .info .infoRow .infoItem .nextButtonWrapper {
        right: 25px; }
        #aboutUs .info .infoRow .infoItem .nextButtonWrapper .button {
          right: 0px; }
          #aboutUs .info .infoRow .infoItem .nextButtonWrapper .button .arrow {
            margin-left: -3.5px; }
            #aboutUs .info .infoRow .infoItem .nextButtonWrapper .button .arrow:after {
              content: "\f105"; }
      #aboutUs .info .infoRow .infoItem .slidesNavWrapper {
        position: absolute;
        bottom: 25px;
        width: 100%;
        height: 25px;
        z-index: 1;
        text-align: center; }
        @media (max-width: 749px) {
          #aboutUs .info .infoRow .infoItem .slidesNavWrapper {
            bottom: 15px; } }
        @media (max-width: 699px) and (orientation: landscape) {
          #aboutUs .info .infoRow .infoItem .slidesNavWrapper {
            bottom: 0px; } }
        @media (min-width: 750px) and (max-width: 979px) {
          #aboutUs .info .infoRow .infoItem .slidesNavWrapper {
            bottom: 15px; } }
        #aboutUs .info .infoRow .infoItem .slidesNavWrapper .slidesNav {
          margin: 0 auto;
          display: inline-block;
          position: relative; }
          #aboutUs .info .infoRow .infoItem .slidesNavWrapper .slidesNav .item {
            float: left;
            margin-left: 3px;
            margin-right: 3px;
            width: 3px;
            height: 3px;
            line-height: 50px;
            border-radius: 50%;
            background: white;
            opacity: 0.4;
            border: 3px white solid;
            -webkit-transition: opacity 400;
            -moz-transition: opacity 400;
            -ms-transition: opacity 400;
            -o-transition: opacity 400;
            transition: opacity 400; }
            #aboutUs .info .infoRow .infoItem .slidesNavWrapper .slidesNav .item:hover {
              cursor: pointer;
              opacity: 1; }
          #aboutUs .info .infoRow .infoItem .slidesNavWrapper .slidesNav .item.active {
            opacity: 1; }

#aboutUs .graphInfo {
  clear: both;
  width: 100%;
  position: relative;
  margin-top: 70px; }
  @media (max-width: 1050px) {
    #aboutUs .graphInfo {
      height: 1570px; } }
  @media (max-width: 1050px) and (orientation: landscape) {
    #aboutUs .graphInfo {
      height: 570px;
      width: 100%; } }
  @media (max-width: 1050px) {
    #aboutUs .graphInfo .desktopImage {
      display: none; } }
  @media (max-width: 1050px) {
    #aboutUs .graphInfo .imageHolder {
      display: none; } }
  #aboutUs .graphInfo .mobileImage {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    position: absolute;
    left: 0px;
    top: 0px;
    background-image: url(/bundles/ntechclient/img/parallax.jpg); }
    @media (min-width: 1050px) {
      #aboutUs .graphInfo .mobileImage {
        display: none; } }
  #aboutUs .graphInfo .contentWrapper {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 100;
    box-sizing: border-box;
    padding: 80px 80px;
    padding-top: 60px;
    padding-bottom: 60px;
    overflow: hidden; }
    @media (min-width: 840px) and (max-width: 960px) {
      #aboutUs .graphInfo .contentWrapper {
        padding-left: 50px;
        padding-right: 50px; } }
    @media (max-width: 600px) {
      #aboutUs .graphInfo .contentWrapper {
        padding-left: 10px;
        padding-right: 10px; } }
    #aboutUs .graphInfo .contentWrapper .content {
      width: 100%;
      height: 100%;
      max-width: 1100px;
      margin: 0 auto; }
      @media (max-width: 985px) {
        #aboutUs .graphInfo .contentWrapper .content .item:not(:first-child) {
          margin-top: 80px; } }
      #aboutUs .graphInfo .contentWrapper .content .item {
        height: 100%;
        text-align: center;
        color: white; }
        @media (min-width: 986px) {
          #aboutUs .graphInfo .contentWrapper .content .item {
            float: left;
            width: 25%; } }
        @media (max-width: 985px) {
          #aboutUs .graphInfo .contentWrapper .content .item {
            clear: both;
            width: 100%;
            max-height: 290px; } }
        #aboutUs .graphInfo .contentWrapper .content .item .circle {
          width: 170px;
          height: 170px;
          margin: 0 auto; }
          #aboutUs .graphInfo .contentWrapper .content .item .circle img {
            max-width: 100%; }
        @media (min-width: 1340px) {
          #aboutUs .graphInfo .contentWrapper .content .item {
            margin-top: 15px; } }
        #aboutUs .graphInfo .contentWrapper .content .item .circles-text {
          font-size: 35px !important; }
        #aboutUs .graphInfo .contentWrapper .content .item .circles-valueStroke {
          stroke: white; }
        #aboutUs .graphInfo .contentWrapper .content .item .circles-maxValueStroke {
          stroke: white;
          opacity: 0.3; }
        #aboutUs .graphInfo .contentWrapper .content .item .icon {
          clear: both;
          margin: 0 auto;
          width: 90px;
          height: 90px; }
        #aboutUs .graphInfo .contentWrapper .content .item .name {
          clear: both;
          margin-top: 32px;
          font-size: 16px;
          letter-spacing: 3px;
          text-transform: uppercase; }
        #aboutUs .graphInfo .contentWrapper .content .item .separator {
          position: relative;
          clear: both;
          width: 100%;
          height: 30px; }
          #aboutUs .graphInfo .contentWrapper .content .item .separator .icon {
            position: absolute;
            left: 50%;
            top: 50%;
            margin-left: -7.5px;
            margin-top: -1px;
            width: 15px;
            height: 2px;
            background: white; }
        #aboutUs .graphInfo .contentWrapper .content .item .text {
          clear: both;
          width: 100%;
          box-sizing: border-box;
          padding-left: 10px;
          padding-right: 10px;
          font-size: 14px;
          line-height: 23px; }
      #aboutUs .graphInfo .contentWrapper .content:after {
        content: "";
        clear: both;
        display: block;
        width: 100%;
        height: 1px; }

#aboutUs .separatorRow {
  clear: both;
  width: 100%;
  height: 6px;
  background: #e5e5e5; }

#aboutUs .bottom {
  clear: both;
  width: 100%;
  height: 30px; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

#team {
  margin-top: 60px; }
  #team .headingIcon {
    clear: both;
    width: 100%;
    height: 43px;
    text-align: center; }
    #team .headingIcon img {
      width: 175px;
      height: 43px;
      margin: 0 auto; }
  #team .heading {
    clear: both;
    text-align: center;
    margin-top: 0px;
    font-size: 35px;
    font-weight: normal;
    letter-spacing: 9px;
    margin: 0;
    margin-top: 25px;
    text-transform: uppercase; }
    @media (max-width: 979px) {
      #team .heading {
        font-size: 2.3rem; } }
  #team .subheadingWrapper {
    clear: both;
    width: 100%;
    padding-top: 25px;
    text-align: center; }
    #team .subheadingWrapper p.subheading {
      width: 100%;
      font-size: 19px;
      line-height: 34px;
      text-align: center;
      margin: 0;
      max-width: 800px;
      margin: 0 auto; }
  #team .team {
    clear: both;
    width: 100%;
    position: relative;
    margin-top: 50px; }
    #team .team:after {
      content: "";
      display: block;
      clear: both;
      width: 100%;
      height: 1px; }
    #team .team .contentWrapper {
      width: 100%;
      height: 100%;
      box-sizing: border-box;
      padding: 80px 80px;
      padding-top: 0px; }
      @media (min-width: 840px) and (max-width: 960px) {
        #team .team .contentWrapper {
          padding-left: 50px;
          padding-right: 50px; } }
      @media (max-width: 600px) {
        #team .team .contentWrapper {
          padding-left: 10px;
          padding-right: 10px; } }
      #team .team .contentWrapper .content {
        width: 100%;
        height: 100%;
        max-width: 1100px;
        margin: 0 auto; }
        @media (max-width: 839px) {
          #team .team .contentWrapper .content .item:not(:first-child) {
            margin-top: 60px; } }
        #team .team .contentWrapper .content .item {
          box-sizing: border-box;
          padding-left: 15px;
          padding-right: 15px;
          height: 100%;
          text-align: center;
          color: black; }
          @media (min-width: 840px) {
            #team .team .contentWrapper .content .item {
              float: left;
              width: 25%; } }
          @media (max-width: 839px) {
            #team .team .contentWrapper .content .item {
              clear: both;
              width: 100%; } }
          @media (min-width: 1340px) {
            #team .team .contentWrapper .content .item {
              margin-top: 15px; } }
          #team .team .contentWrapper .content .item .icon {
            clear: both;
            margin: 0 auto;
            width: 100%; }
            #team .team .contentWrapper .content .item .icon img {
              max-width: 100%;
              box-shadow: 0 1px 10px rgba(0, 0, 0, 0.7);
              border: 5px white solid;
              box-sizing: border-box; }
          #team .team .contentWrapper .content .item .name {
            clear: both;
            margin-top: 32px;
            font-size: 16px;
            letter-spacing: 3px;
            text-transform: uppercase; }
          #team .team .contentWrapper .content .item .separator {
            position: relative;
            clear: both;
            width: 100%;
            height: 30px; }
            #team .team .contentWrapper .content .item .separator .icon {
              position: absolute;
              left: 50%;
              top: 50%;
              margin-left: -7.5px;
              margin-top: -1px;
              width: 15px;
              height: 2px;
              background: #e5e5e5; }
          #team .team .contentWrapper .content .item .text {
            clear: both;
            width: 100%;
            box-sizing: border-box;
            padding-left: 10px;
            padding-right: 10px;
            font-size: 14px;
            line-height: 23px;
            color: #a3a3a3; }
            #team .team .contentWrapper .content .item .text a {
              color: black;
              font-size: 14px;
              -webkit-transition: color 400ms;
              -moz-transition: color 400ms;
              -ms-transition: color 400ms;
              -o-transition: color 400ms;
              transition: color 400ms; }
              #team .team .contentWrapper .content .item .text a:hover {
                color: #a3a3a3;
                text-decoration: none; }
          #team .team .contentWrapper .content .item .social {
            clear: both;
            display: inline-block;
            margin: 0 auto;
            margin-top: 30px; }
            #team .team .contentWrapper .content .item .social .menuItem {
              float: left;
              font-size: 13px;
              padding: 12px 17px;
              color: black;
              letter-spacing: 2px;
              margin-left: 6px;
              margin-right: 6px;
              -webkit-transition: color 600ms;
              -moz-transition: color 600ms;
              -ms-transition: color 600ms;
              -o-transition: color 600ms;
              transition: color 600ms;
              background: #f0f0f0; }
              #team .team .contentWrapper .content .item .social .menuItem:hover {
                cursor: pointer;
                color: #c79a73; }
            #team .team .contentWrapper .content .item .social .socialItem {
              position: relative;
              height: 12px;
              width: 8px;
              line-height: 15px;
              padding: 12px 14px;
              padding-left: 11px;
              padding-top: 8px; }
              #team .team .contentWrapper .content .item .social .socialItem:after {
                font-family: FontAwesome;
                font-style: normal;
                font-weight: normal;
                text-decoration: inherit;
                color: #d3d3d1;
                font-size: 15px;
                -webkit-transition: color 600ms;
                -moz-transition: color 600ms;
                -ms-transition: color 600ms;
                -o-transition: color 600ms;
                transition: color 600ms; }
              #team .team .contentWrapper .content .item .social .socialItem:hover:after {
                color: #c79a73;
                cursor: pointer; }
            #team .team .contentWrapper .content .item .social .facebookItem {
              margin-left: 0px;
              padding-left: 14px;
              padding-right: 14px; }
              #team .team .contentWrapper .content .item .social .facebookItem:after {
                content: "\f09a"; }
            #team .team .contentWrapper .content .item .social .twitterItem {
              padding-right: 15px; }
              #team .team .contentWrapper .content .item .social .twitterItem:after {
                content: "\f099"; }
            #team .team .contentWrapper .content .item .social .item.selected {
              color: #c79a73; }
            #team .team .contentWrapper .content .item .social:after {
              content: "";
              clear: both;
              display: block;
              width: 100%;
              height: 1px; }
        #team .team .contentWrapper .content:after {
          content: "";
          clear: both;
          display: block;
          width: 100%;
          height: 1px; }
  #team .teamSeparator {
    clear: both;
    width: 100%;
    height: 1px; }
  #team .teamInfo {
    clear: both;
    width: 100%;
    position: relative; }
    @media (max-width: 1050px) {
      #team .teamInfo {
        height: 1280px; } }
    @media (max-width: 1050px) and (orientation: landscape) {
      #team .teamInfo {
        height: 570px;
        width: 100%; } }
    @media (max-width: 1050px) {
      #team .teamInfo .desktopImage {
        display: none; } }
    @media (max-width: 1050px) {
      #team .teamInfo .imageHolder {
        display: none; } }
    #team .teamInfo .mobileImage {
      width: 100%;
      height: 100%;
      background-position: center center;
      background-size: cover;
      position: absolute;
      left: 0px;
      top: 0px;
      background-image: url(/bundles/ntechclient/img/parallax-2.jpg); }
      @media (min-width: 1050px) {
        #team .teamInfo .mobileImage {
          display: none; } }
    #team .teamInfo .contentWrapper {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      height: 100%;
      z-index: 100;
      box-sizing: border-box;
      padding: 80px 80px;
      overflow: hidden; }
      @media (min-width: 840px) and (max-width: 960px) {
        #team .teamInfo .contentWrapper {
          padding-left: 50px;
          padding-right: 50px; } }
      @media (max-width: 600px) {
        #team .teamInfo .contentWrapper {
          padding-left: 10px;
          padding-right: 10px; } }
      #team .teamInfo .contentWrapper .content {
        width: 100%;
        height: 100%;
        max-width: 1100px;
        margin: 0 auto; }
        #team .teamInfo .contentWrapper .content .item:nth-child(1) .headingIcon:after {
          content: "\f08a"; }
        #team .teamInfo .contentWrapper .content .item:nth-child(2) .headingIcon:after {
          content: "\f0ac"; }
        #team .teamInfo .contentWrapper .content .item:nth-child(3) .headingIcon:after {
          content: "\f0eb"; }
        #team .teamInfo .contentWrapper .content .item:nth-child(4) .headingIcon:after {
          content: "\f097"; }
        #team .teamInfo .contentWrapper .content .item {
          height: 100%;
          text-align: center;
          color: white; }
          @media (min-width: 986px) {
            #team .teamInfo .contentWrapper .content .item {
              float: left;
              width: 25%; } }
          @media (max-width: 985px) {
            #team .teamInfo .contentWrapper .content .item {
              clear: both;
              width: 100%;
              max-height: 290px; } }
          @media (min-width: 1340px) {
            #team .teamInfo .contentWrapper .content .item {
              margin-top: 15px; } }
          #team .teamInfo .contentWrapper .content .item .headingIcon {
            clear: both;
            margin: 0 auto;
            width: 40px;
            height: 40px; }
            #team .teamInfo .contentWrapper .content .item .headingIcon:after {
              color: white;
              font-family: FontAwesome;
              font-style: normal;
              font-weight: normal;
              font-size: 30px;
              text-decoration: inherit; }
          #team .teamInfo .contentWrapper .content .item .headingStat {
            font-size: 45px;
            color: white;
            margin-top: 20px; }
          #team .teamInfo .contentWrapper .content .item .name {
            clear: both;
            margin-top: 32px;
            font-size: 16px;
            letter-spacing: 3px;
            text-transform: uppercase; }
          #team .teamInfo .contentWrapper .content .item .separator {
            position: relative;
            clear: both;
            width: 100%;
            height: 30px; }
            #team .teamInfo .contentWrapper .content .item .separator .icon {
              position: absolute;
              left: 50%;
              top: 50%;
              margin-left: -7.5px;
              margin-top: -1px;
              width: 15px;
              height: 2px;
              background: white; }
          #team .teamInfo .contentWrapper .content .item .text {
            clear: both;
            width: 100%;
            box-sizing: border-box;
            padding-left: 10px;
            padding-right: 10px;
            font-size: 14px;
            line-height: 23px;
            margin-top: 40px; }
        #team .teamInfo .contentWrapper .content:after {
          content: "";
          clear: both;
          display: block;
          width: 100%;
          height: 1px; }
  #team .separatorRow {
    clear: both;
    width: 100%;
    height: 6px;
    background: #e5e5e5; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.overlayLoader {
  margin-left: -37px;
  margin-top: -37px;
  padding-left: 0em;
  padding-right: 0em;
  margin: auto;
  display: block;
  width: 75px; }
  .overlayLoader .cssload-loader {
    width: 19px;
    height: 19px;
    border-radius: 50%;
    margin: 1em;
    display: inline-block;
    position: relative;
    vertical-align: middle; }
  .overlayLoader .cssload-loader {
    width: 19px;
    height: 19px;
    border-radius: 50%;
    margin: 1em;
    display: inline-block;
    position: relative;
    vertical-align: middle; }
  .overlayLoader .cssload-loader,
  .overlayLoader .cssload-loader:before,
  .overlayLoader .cssload-loader:after {
    animation: 1.15s infinite ease-in-out;
      animation--o-animation: 1.15s infinite ease-in-out;
      animation--ms-animation: 1.15s infinite ease-in-out;
      animation--webkit-animation: 1.15s infinite ease-in-out;
      animation--moz-animation: 1.15s infinite ease-in-out; }
  .overlayLoader .cssload-loader:before,
  .overlayLoader .cssload-loader:after {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0; }
  .overlayLoader .cssload-loader:before,
  .overlayLoader .cssload-loader:after {
    content: ""; }
  .overlayLoader .cssload-loader {
    animation: cssload-animation1 1.15s infinite linear;
    -o-animation: cssload-animation1 1.15s infinite linear;
    -ms-animation: cssload-animation1 1.15s infinite linear;
    -webkit-animation: cssload-animation1 1.15s infinite linear;
    -moz-animation: cssload-animation1 1.15s infinite linear; }
  .overlayLoader .cssload-loader:before,
  .overlayLoader .cssload-loader:after {
    content: "";
    width: 80%;
    height: 80%;
    background-color: white;
    top: 5%; }
  .overlayLoader .cssload-loader:before {
    left: -5%;
    animation: cssload-animation2 1.15s infinite alternate ease-in-out;
    -o-animation: cssload-animation2 1.15s infinite alternate ease-in-out;
    -ms-animation: cssload-animation2 1.15s infinite alternate ease-in-out;
    -webkit-animation: cssload-animation2 1.15s infinite alternate ease-in-out;
    -moz-animation: cssload-animation2 1.15s infinite alternate ease-in-out;
    transform-origin: 10% 50%;
    -o-transform-origin: 10% 50%;
    -ms-transform-origin: 10% 50%;
    -webkit-transform-origin: 10% 50%;
    -moz-transform-origin: 10% 50%; }
  .overlayLoader .cssload-loader:after {
    left: auto;
    right: -5%;
    animation: cssload-animation2 1.15s 1.15s infinite alternate ease-in-out;
    -o-animation: cssload-animation2 1.15s 1.15s infinite alternate ease-in-out;
    -ms-animation: cssload-animation2 1.15s 1.15s infinite alternate ease-in-out;
    -webkit-animation: cssload-animation2 1.15s 1.15s infinite alternate ease-in-out;
    -moz-animation: cssload-animation2 1.15s 1.15s infinite alternate ease-in-out;
    transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform-origin: 90% 50%; }

@keyframes cssload-animation1 {
  0% {
    transform: rotate(20deg); }
  100% {
    transform: rotate(380deg); } }

@-o-keyframes cssload-animation1 {
  0% {
    -o-transform: rotate(20deg); }
  100% {
    -o-transform: rotate(380deg); } }

@-webkit-keyframes cssload-animation1 {
  0% {
    -webkit-transform: rotate(20deg); }
  100% {
    -webkit-transform: rotate(380deg); } }

@-moz-keyframes cssload-animation1 {
  0% {
    -moz-transform: rotate(20deg); }
  100% {
    -moz-transform: rotate(380deg); } }

@keyframes cssload-animation2 {
  0% {
    transform: scale(0); }
  100% {
    transform: scale(1); } }

@-o-keyframes cssload-animation2 {
  0% {
    -o-transform: scale(0); }
  100% {
    -o-transform: scale(1); } }

@-webkit-keyframes cssload-animation2 {
  0% {
    -webkit-transform: scale(0); }
  100% {
    -webkit-transform: scale(1); } }

@-moz-keyframes cssload-animation2 {
  0% {
    -moz-transform: scale(0); }
  100% {
    -moz-transform: scale(1); } }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

#loginForm {
  clear: both; }
  #loginForm #pageMainHeading {
    clear: both;
    width: 100%;
    position: relative; }
    #loginForm #pageMainHeading:after {
      content: "";
      display: block;
      clear: both;
      width: 100%;
      height: 1px; }
    @media (max-width: 1050px) {
      #loginForm #pageMainHeading .imageHolder {
        display: none; } }
    #loginForm #pageMainHeading .desktopHeading {
      width: 100%;
      height: 220px; }
      @media (max-width: 1050px) {
        #loginForm #pageMainHeading .desktopHeading {
          display: none; } }
    #loginForm #pageMainHeading .mobileHeading {
      max-width: 100%; }
      @media (min-width: 1051px) {
        #loginForm #pageMainHeading .mobileHeading {
          display: none; } }
      @media (max-width: 1050px) and (orientation: landscape) {
        #loginForm #pageMainHeading .mobileHeading {
          height: 220px;
          width: 100%; } }
    #loginForm #pageMainHeading .headingText {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      box-sizing: border-box;
      padding-left: 30px;
      padding-right: 30px;
      height: 100%;
      color: white; }
      #loginForm #pageMainHeading .headingText .inner {
        display: table;
        width: 100%;
        height: 100%; }
        #loginForm #pageMainHeading .headingText .inner .text {
          display: table-cell;
          text-align: center;
          vertical-align: middle;
          font-size: 35px;
          letter-spacing: 9px;
          text-transform: uppercase; }
  #loginForm .headingIcon {
    clear: both;
    width: 100%;
    height: 24px;
    text-align: center;
    margin-top: 60px; }
    #loginForm .headingIcon img {
      width: 175px;
      height: 24px;
      margin: 0 auto; }
  #loginForm .heading {
    clear: both;
    text-align: center;
    margin-top: 0px;
    font-size: 35px;
    font-weight: normal;
    letter-spacing: 9px;
    margin: 0;
    margin-top: 25px;
    text-transform: uppercase; }
    @media (max-width: 979px) {
      #loginForm .heading {
        font-size: 2.3rem; } }
  #loginForm .subheadingWrapper {
    clear: both;
    width: 100%;
    padding-top: 25px;
    text-align: center; }
    #loginForm .subheadingWrapper p.subheading {
      width: 100%;
      font-size: 19px;
      line-height: 34px;
      text-align: center;
      margin: 0;
      max-width: 800px;
      margin: 0 auto; }
  #loginForm .loginForm {
    width: 100%;
    clear: both;
    margin: 0 auto;
    margin-top: 20px;
    max-width: 800px; }
    #loginForm .loginForm .inputGroup {
      width: 100%;
      clear: both; }
      #loginForm .loginForm .inputGroup .input {
        float: left;
        width: 30%;
        clear: both;
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
        margin-top: 1.5rem; }
        #loginForm .loginForm .inputGroup .input input {
          width: 100%;
          line-height: 2.5rem;
          height: 50px;
          box-sizing: border-box;
          padding-left: 10px;
          padding-right: 10px;
          border: 1px #c8c8c8 solid;
          outline: 0;
          -webkit-transition: border-color 400ms;
          -moz-transition: border-color 400ms;
          -ms-transition: border-color 400ms;
          -o-transition: border-color 400ms;
          transition: border-color 400ms; }
          #loginForm .loginForm .inputGroup .input input:hover {
            border-color: #8c8c8c; }
          #loginForm .loginForm .inputGroup .input input:focus {
            border-color: #d9ac86; }
      #loginForm .loginForm .inputGroup:after {
        content: " ";
        clear: both;
        width: 100%;
        height: 1px;
        display: block; }
    #loginForm .loginForm .inputGroupMargin {
      margin-top: 30px; }
      @media (max-width: 979px) {
        #loginForm .loginForm .inputGroupMargin {
          margin-top: 0rem; } }
    #loginForm .loginForm:after {
      content: " ";
      clear: both;
      width: 100%;
      height: 1px;
      display: block; }
    #loginForm .loginForm .submitButton {
      position: relative;
      clear: both;
      width: 100%;
      text-align: center;
      margin-top: 30px;
      padding-bottom: 30px; }
      #loginForm .loginForm .submitButton .buttonLoader {
        position: absolute;
        width: 180px;
        height: 50px;
        line-height: 50px;
        color: white;
        background: #d9ac86;
        left: 50%;
        top: 0px;
        margin-left: -90px;
        display: none; }
      #loginForm .loginForm .submitButton input[type=submit] {
        width: 180px;
        height: 50px;
        line-height: 45px;
        background: #d9ac86;
        color: white;
        outline: 0;
        border: 0;
        -webkit-transition: background 400ms;
        -moz-transition: background 400ms;
        -ms-transition: background 400ms;
        -o-transition: background 400ms;
        transition: background 400ms; }
        #loginForm .loginForm .submitButton input[type=submit]:hover {
          background: #e5c7ad; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

#registrationForm {
  clear: both; }
  #registrationForm .headingIcon {
    clear: both;
    width: 100%;
    height: 43px;
    text-align: center;
    margin-top: 60px; }
    #registrationForm .headingIcon img {
      width: 175px;
      height: 43px;
      margin: 0 auto; }
  #registrationForm .heading {
    clear: both;
    text-align: center;
    margin-top: 0px;
    font-size: 35px;
    font-weight: normal;
    letter-spacing: 9px;
    margin: 0;
    margin-top: 25px;
    text-transform: uppercase; }
    @media (max-width: 979px) {
      #registrationForm .heading {
        font-size: 2.3rem; } }
  #registrationForm .subheadingWrapper {
    clear: both;
    width: 100%;
    padding-top: 25px;
    text-align: center; }
    #registrationForm .subheadingWrapper p.subheading {
      width: 100%;
      font-size: 19px;
      line-height: 34px;
      text-align: center;
      margin: 0;
      max-width: 800px;
      margin: 0 auto; }
  #registrationForm .loginForm {
    width: 100%;
    clear: both;
    margin: 0 auto;
    margin-top: 20px;
    max-width: 800px; }
    #registrationForm .loginForm .inputGroup {
      width: 100%;
      clear: both; }
      #registrationForm .loginForm .inputGroup .input {
        float: left;
        width: 30%;
        clear: both;
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
        margin-top: 1.5rem; }
        #registrationForm .loginForm .inputGroup .input input {
          width: 100%;
          line-height: 2.5rem;
          height: 50px;
          box-sizing: border-box;
          padding-left: 10px;
          padding-right: 10px;
          border: 1px #c8c8c8 solid;
          outline: 0;
          -webkit-transition: border-color 400ms;
          -moz-transition: border-color 400ms;
          -ms-transition: border-color 400ms;
          -o-transition: border-color 400ms;
          transition: border-color 400ms; }
          #registrationForm .loginForm .inputGroup .input input:hover {
            border-color: #8c8c8c; }
          #registrationForm .loginForm .inputGroup .input input:focus {
            border-color: #d9ac86; }
      #registrationForm .loginForm .inputGroup:after {
        content: " ";
        clear: both;
        width: 100%;
        height: 1px;
        display: block; }
    #registrationForm .loginForm .inputGroupMargin {
      margin-top: 30px; }
      @media (max-width: 979px) {
        #registrationForm .loginForm .inputGroupMargin {
          margin-top: 0rem; } }
    #registrationForm .loginForm:after {
      content: " ";
      clear: both;
      width: 100%;
      height: 1px;
      display: block; }
    #registrationForm .loginForm .submitButton {
      position: relative;
      clear: both;
      width: 100%;
      text-align: center;
      margin-top: 30px;
      padding-bottom: 30px; }
      #registrationForm .loginForm .submitButton .buttonLoader {
        position: absolute;
        width: 180px;
        height: 50px;
        line-height: 50px;
        color: white;
        background: #d9ac86;
        left: 50%;
        top: 0px;
        margin-left: -90px;
        display: none; }
      #registrationForm .loginForm .submitButton input[type=submit] {
        width: 180px;
        height: 50px;
        line-height: 45px;
        background: #d9ac86;
        color: white;
        outline: 0;
        border: 0;
        -webkit-transition: background 400ms;
        -moz-transition: background 400ms;
        -ms-transition: background 400ms;
        -o-transition: background 400ms;
        transition: background 400ms; }
        #registrationForm .loginForm .submitButton input[type=submit]:hover {
          background: #e5c7ad; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

#clients {
  clear: both; }
  #clients #pageMainHeading {
    clear: both;
    width: 100%;
    position: relative; }
    #clients #pageMainHeading:after {
      content: "";
      display: block;
      clear: both;
      width: 100%;
      height: 1px; }
    #clients #pageMainHeading .desktopHeading {
      width: 100%;
      height: 220px;
      background-position: center center;
      background-size: cover;
      background-image: url(/bundles/ntechclient/img/clients/clientsHeading.jpg); }
      @media (max-width: 1000px) {
        #clients #pageMainHeading .desktopHeading {
          display: none; } }
    #clients #pageMainHeading .mobileHeading {
      max-width: 100%; }
      @media (min-width: 1001px) {
        #clients #pageMainHeading .mobileHeading {
          display: none; } }
    #clients #pageMainHeading .headingText {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      box-sizing: border-box;
      padding-left: 30px;
      padding-right: 30px;
      height: 100%;
      color: white; }
      #clients #pageMainHeading .headingText .inner {
        display: table;
        width: 100%;
        height: 100%; }
        #clients #pageMainHeading .headingText .inner .text {
          display: table-cell;
          text-align: center;
          vertical-align: middle;
          font-size: 35px;
          letter-spacing: 9px;
          text-transform: uppercase; }
  #clients .headingIcon {
    clear: both;
    width: 100%;
    height: 24px;
    text-align: center;
    margin-top: 60px; }
    #clients .headingIcon img {
      width: 175px;
      height: 24px;
      margin: 0 auto; }
  #clients .heading {
    clear: both;
    text-align: center;
    margin-top: 0px;
    font-size: 35px;
    font-weight: normal;
    letter-spacing: 9px;
    margin: 0;
    margin-top: 25px;
    text-transform: uppercase; }
    @media (max-width: 979px) {
      #clients .heading {
        font-size: 2.3rem; } }
  #clients .subheadingWrapper {
    clear: both;
    width: 100%;
    padding-top: 25px;
    text-align: center; }
    #clients .subheadingWrapper p.subheading {
      width: 100%;
      font-size: 19px;
      line-height: 34px;
      text-align: center;
      margin: 0;
      max-width: 800px;
      margin: 0 auto; }
  #clients .grid {
    max-width: 850px;
    margin: 0 auto;
    min-height: 550px;
    -webkit-transition: height 500ms;
    -moz-transition: height 500ms;
    -ms-transition: height 500ms;
    -o-transition: height 500ms;
    transition: height 500ms; }
    #clients .grid .gridItem {
      width: 30%;
      margin-left: 1.66%;
      margin-right: 1.66%;
      position: absolute;
      visibility: hidden;
      text-align: center; }
      @media (max-width: 610px) {
        #clients .grid .gridItem {
          width: 50%;
          box-sizing: border-box;
          padding-left: 2.5%;
          padding-right: 2.5%;
          margin-left: 0;
          margin-right: 0; } }
      #clients .grid .gridItem img {
        max-width: 85%;
        margin: 0 auto; }
        @media (max-width: 610px) {
          #clients .grid .gridItem img {
            max-width: 100%; } }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

#homeCollection {
  clear: both; }
  #homeCollection:after {
    content: "";
    display: block;
    clear: both;
    width: 100%;
    height: 30px; }
  #homeCollection #pageMainHeading {
    clear: both;
    width: 100%;
    position: relative; }
    #homeCollection #pageMainHeading:after {
      content: "";
      display: block;
      clear: both;
      width: 100%;
      height: 1px; }
    @media (max-width: 1050px) {
      #homeCollection #pageMainHeading .imageHolder {
        display: none; } }
    #homeCollection #pageMainHeading .desktopHeading {
      width: 100%;
      height: 220px; }
      @media (max-width: 1050px) {
        #homeCollection #pageMainHeading .desktopHeading {
          display: none; } }
    #homeCollection #pageMainHeading .mobileHeading {
      max-width: 100%; }
      @media (min-width: 1051px) {
        #homeCollection #pageMainHeading .mobileHeading {
          display: none; } }
      @media (max-width: 1050px) and (orientation: landscape) {
        #homeCollection #pageMainHeading .mobileHeading {
          height: 220px;
          width: 100%; } }
    #homeCollection #pageMainHeading .headingText {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      box-sizing: border-box;
      padding-left: 30px;
      padding-right: 30px;
      height: 100%;
      color: white; }
      #homeCollection #pageMainHeading .headingText .inner {
        display: table;
        width: 100%;
        height: 100%; }
        #homeCollection #pageMainHeading .headingText .inner .text {
          display: table-cell;
          text-align: center;
          vertical-align: middle;
          font-size: 35px;
          letter-spacing: 9px;
          text-transform: uppercase; }
  #homeCollection .headingIcon {
    clear: both;
    width: 100%;
    height: 43px;
    text-align: center;
    margin-top: 60px; }
    #homeCollection .headingIcon img {
      width: 175px;
      height: 43px;
      margin: 0 auto; }
  #homeCollection .heading {
    clear: both;
    text-align: center;
    margin-top: 0px;
    font-size: 35px;
    font-weight: normal;
    letter-spacing: 9px;
    margin: 0;
    margin-top: 25px;
    text-transform: uppercase; }
    @media (max-width: 979px) {
      #homeCollection .heading {
        font-size: 2.3rem; } }
  #homeCollection .subheadingWrapper {
    clear: both;
    width: 100%;
    padding-top: 25px;
    text-align: center; }
    #homeCollection .subheadingWrapper p.subheading {
      width: 100%;
      font-size: 19px;
      line-height: 34px;
      text-align: center;
      margin: 0;
      max-width: 800px;
      margin: 0 auto; }
  #homeCollection .info {
    clear: both;
    margin-top: 20px; }
    #homeCollection .info .author, #homeCollection .info .bio {
      clear: both;
      width: 100%; }
    #homeCollection .info .author {
      position: relative;
      text-align: center; }
      #homeCollection .info .author img {
        max-width: 200px;
        margin: 0 auto;
        border: 5px white solid;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
    #homeCollection .info .bio {
      margin-top: 1.5rem;
      text-align: center;
      border-top: 1px #e1e1e1 solid;
      border-bottom: 1px #e1e1e1 solid; }
      #homeCollection .info .bio .headingFont {
        font-size: 1.2rem; }
      #homeCollection .info .bio p {
        font-size: 1.2rem; }
    #homeCollection .info:after {
      content: " ";
      width: 100%;
      height: 1px;
      display: block;
      clear: both; }
  #homeCollection .controls {
    width: 80%;
    line-height: 3;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    max-width: 1100px; }
    @media (max-width: 799px) {
      #homeCollection .controls {
        width: 100%; } }
    #homeCollection .controls .item {
      float: left;
      width: 50%;
      line-height: 3;
      text-align: center;
      font-size: 1rem;
      border-top: 1px #e1e1e1 solid;
      border-bottom: 1px #e1e1e1 solid; }
      @media (max-width: 799px) {
        #homeCollection .controls .item {
          width: 50%; } }
      #homeCollection .controls .item:hover {
        cursor: pointer;
        background: #d9ac86;
        color: white; }
    #homeCollection .controls .active {
      background: #d9ac86;
      color: white; }
    #homeCollection .controls:after {
      content: " ";
      width: 100%;
      height: 1px;
      display: block;
      clear: both; }
  #homeCollection .productsGridWrapper {
    position: relative;
    margin-top: 30px;
    width: 100%;
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto; }
    @media (max-width: 979px) {
      #homeCollection .productsGridWrapper {
        padding-left: 20px;
        padding-right: 20px; } }
    @media (min-width: 800px) and (max-width: 979px) {
      #homeCollection .productsGridWrapper {
        max-width: 675px; } }
    #homeCollection .productsGridWrapper .buttonWrapper {
      position: absolute;
      top: 0px;
      width: 40px;
      height: 100%;
      z-index: 1;
      -webkit-transition: width 400ms;
      -moz-transition: width 400ms;
      -ms-transition: width 400ms;
      -o-transition: width 400ms;
      transition: width 400ms; }
      #homeCollection .productsGridWrapper .buttonWrapper .button {
        position: absolute;
        top: 50%;
        width: 40px;
        height: 40px;
        margin-top: -20px;
        background: none;
        opacity: 0.7;
        -webkit-transition: width 400ms;
        -moz-transition: width 400ms;
        -ms-transition: width 400ms;
        -o-transition: width 400ms;
        transition: width 400ms;
        -webkit-transition: height 400ms;
        -moz-transition: height 400ms;
        -ms-transition: height 400ms;
        -o-transition: height 400ms;
        transition: height 400ms;
        -webkit-transition: opacity 400ms;
        -moz-transition: opacity 400ms;
        -ms-transition: opacity 400ms;
        -o-transition: opacity 400ms;
        transition: opacity 400ms;
        box-sizing: border-box;
        border: 2px #d9ac86 solid;
        border-radius: 50%; }
        #homeCollection .productsGridWrapper .buttonWrapper .button:hover {
          opacity: 1;
          cursor: pointer; }
        #homeCollection .productsGridWrapper .buttonWrapper .button .arrow {
          position: absolute;
          left: 50%;
          top: 50%;
          margin-top: -22px; }
          #homeCollection .productsGridWrapper .buttonWrapper .button .arrow:after {
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
            text-decoration: inherit;
            color: #d9ac86;
            font-size: 32px; }
    #homeCollection .productsGridWrapper .prevButtonWrapper {
      left: 0px; }
      #homeCollection .productsGridWrapper .prevButtonWrapper .button {
        left: 0px; }
        #homeCollection .productsGridWrapper .prevButtonWrapper .button .arrow {
          margin-left: -7px; }
          #homeCollection .productsGridWrapper .prevButtonWrapper .button .arrow:after {
            content: "\f104"; }
    #homeCollection .productsGridWrapper .nextButtonWrapper {
      right: 0px; }
      #homeCollection .productsGridWrapper .nextButtonWrapper .button {
        right: 0px; }
        #homeCollection .productsGridWrapper .nextButtonWrapper .button .arrow {
          margin-left: -5px; }
          #homeCollection .productsGridWrapper .nextButtonWrapper .button .arrow:after {
            content: "\f105"; }
    #homeCollection .productsGridWrapper:after {
      content: "default";
      display: none; }
      @media (max-width: 979px) {
        #homeCollection .productsGridWrapper:after {
          content: "-=979"; } }
    #homeCollection .productsGridWrapper .productsGrid {
      height: 300px;
      -webkit-transition: height 400ms;
      -moz-transition: height 400ms;
      -ms-transition: height 400ms;
      -o-transition: height 400ms;
      transition: height 400ms; }
      #homeCollection .productsGridWrapper .productsGrid a:focus {
        outline: 0; }
      #homeCollection .productsGridWrapper .productsGrid .gridItem {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 20%;
        margin-left: 2.5%;
        margin-right: 2.5%;
        visibility: hidden;
        margin-top: 20px;
        margin-bottom: 2px;
        border: 5px white solid;
        box-sizing: border-box; }
        @media (max-width: 979px) {
          #homeCollection .productsGridWrapper .productsGrid .gridItem {
            width: 45%;
            margin-left: 2.5%;
            margin-right: 2.5%; } }
        #homeCollection .productsGridWrapper .productsGrid .gridItem img {
          max-width: 100%;
          opacity: 1;
          -webkit-transition: opacity 600ms;
          -moz-transition: opacity 600ms;
          -ms-transition: opacity 600ms;
          -o-transition: opacity 600ms;
          transition: opacity 600ms;
          box-shadow: 0 1px 10px rgba(0, 0, 0, 0.7);
          border: 5px white solid;
          box-sizing: border-box; }
        #homeCollection .productsGridWrapper .productsGrid .gridItem img.selected {
          opacity: 0.3; }
        #homeCollection .productsGridWrapper .productsGrid .gridItem .name {
          clear: both;
          margin-top: 1rem;
          width: 100%;
          box-sizing: border-box;
          padding-left: 10px;
          padding-right: 10px;
          text-align: center;
          text-transform: uppercase;
          font-size: 14px;
          letter-spacing: 2px;
          line-height: 28px;
          -webkit-transition: color 600ms;
          -moz-transition: color 600ms;
          -ms-transition: color 600ms;
          -o-transition: color 600ms;
          transition: color 600ms; }
          #homeCollection .productsGridWrapper .productsGrid .gridItem .name:hover {
            cursor: pointer;
            color: #d9ac86; }
        #homeCollection .productsGridWrapper .productsGrid .gridItem .name.selected {
          color: #d9ac86; }
        #homeCollection .productsGridWrapper .productsGrid .gridItem .productPrice {
          position: absolute;
          left: 5px;
          top: 5px;
          padding: 8px;
          color: white;
          font-family: Montserrat;
          font-size: 12px;
          background: #d9ac86;
          padding-top: 12px;
          padding-bottom: 12px;
          box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); }
        #homeCollection .productsGridWrapper .productsGrid .gridItem .price {
          clear: both;
          margin-top: 1rem;
          margin-bottom: 1rem;
          width: 100%;
          box-sizing: border-box;
          padding-left: 10px;
          padding-right: 10px;
          text-align: center;
          text-transform: uppercase;
          font-size: 13px;
          letter-spacing: 0px;
          color: #c79a73; }
  #homeCollection .spacer {
    clear: both;
    width: 100%;
    height: 50px; }
  #homeCollection .image {
    clear: both;
    max-width: 437px;
    position: relative;
    margin: 0 auto;
    margin-top: 60px; }
    #homeCollection .image:hover {
      cursor: pointer; }
      #homeCollection .image:hover .content .intro {
        opacity: 0; }
      #homeCollection .image:hover .content .text {
        opacity: 1; }
    #homeCollection .image img {
      max-width: 100%; }
    #homeCollection .image .overlay {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      height: 100%;
      background-color: black;
      opacity: 0.4;
      -webkit-transition: opacity 700ms;
      -moz-transition: opacity 700ms;
      -ms-transition: opacity 700ms;
      -o-transition: opacity 700ms;
      transition: opacity 700ms; }
    #homeCollection .image .content {
      position: absolute;
      left: 0px;
      top: 50%;
      margin-top: -42px;
      height: 85px;
      padding-left: 40px;
      padding-right: 40px;
      box-sizing: border-box;
      width: 100%; }
      #homeCollection .image .content .intro {
        clear: both;
        width: 100%;
        opacity: 1;
        -webkit-transition: opacity 700ms;
        -moz-transition: opacity 700ms;
        -ms-transition: opacity 700ms;
        -o-transition: opacity 700ms;
        transition: opacity 700ms; }
        #homeCollection .image .content .intro .icon:after {
          content: "\f103";
          font-family: FontAwesome;
          font-style: normal;
          font-weight: normal;
          color: white;
          font-size: 30px;
          position: absolute;
          top: 0px;
          left: 50%;
          margin-left: -15px; }
        #homeCollection .image .content .intro .legend {
          position: absolute;
          bottom: 0px;
          width: 100%;
          text-align: center;
          left: 0px;
          font-size: 16px;
          letter-spacing: 3px;
          text-transform: uppercase;
          color: white; }
      #homeCollection .image .content .text {
        clear: both;
        width: 100%;
        font-size: 14px;
        line-height: 23px;
        text-align: center;
        color: white;
        opacity: 0;
        -webkit-transition: opacity 700ms;
        -moz-transition: opacity 700ms;
        -ms-transition: opacity 700ms;
        -o-transition: opacity 700ms;
        transition: opacity 700ms; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

#hotelCollection, .testCollection {
  clear: both; }
  #hotelCollection:after, .testCollection:after {
    content: "";
    display: block;
    clear: both;
    width: 100%;
    height: 30px; }
  #hotelCollection #pageMainHeading, .testCollection #pageMainHeading {
    clear: both;
    width: 100%;
    position: relative; }
    #hotelCollection #pageMainHeading:after, .testCollection #pageMainHeading:after {
      content: "";
      display: block;
      clear: both;
      width: 100%;
      height: 1px; }
    @media (max-width: 1050px) {
      #hotelCollection #pageMainHeading .imageHolder, .testCollection #pageMainHeading .imageHolder {
        display: none; } }
    #hotelCollection #pageMainHeading .desktopHeading, .testCollection #pageMainHeading .desktopHeading {
      width: 100%;
      height: 220px; }
      @media (max-width: 1050px) {
        #hotelCollection #pageMainHeading .desktopHeading, .testCollection #pageMainHeading .desktopHeading {
          display: none; } }
    #hotelCollection #pageMainHeading .mobileHeading, .testCollection #pageMainHeading .mobileHeading {
      max-width: 100%; }
      @media (min-width: 1051px) {
        #hotelCollection #pageMainHeading .mobileHeading, .testCollection #pageMainHeading .mobileHeading {
          display: none; } }
      @media (max-width: 1050px) and (orientation: landscape) {
        #hotelCollection #pageMainHeading .mobileHeading, .testCollection #pageMainHeading .mobileHeading {
          height: 220px;
          width: 100%; } }
    #hotelCollection #pageMainHeading .headingText, .testCollection #pageMainHeading .headingText {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      box-sizing: border-box;
      padding-left: 30px;
      padding-right: 30px;
      height: 100%;
      color: white; }
      #hotelCollection #pageMainHeading .headingText .inner, .testCollection #pageMainHeading .headingText .inner {
        display: table;
        width: 100%;
        height: 100%; }
        #hotelCollection #pageMainHeading .headingText .inner .text, .testCollection #pageMainHeading .headingText .inner .text {
          display: table-cell;
          text-align: center;
          vertical-align: middle;
          font-size: 35px;
          letter-spacing: 9px;
          text-transform: uppercase; }
  #hotelCollection .headingIcon, .testCollection .headingIcon {
    clear: both;
    width: 100%;
    height: 24px;
    text-align: center;
    margin-top: 60px; }
    #hotelCollection .headingIcon img, .testCollection .headingIcon img {
      width: 175px;
      height: 24px;
      margin: 0 auto; }
  #hotelCollection .heading, .testCollection .heading {
    clear: both;
    text-align: center;
    margin-top: 0px;
    font-size: 35px;
    font-weight: normal;
    letter-spacing: 9px;
    margin: 0;
    margin-top: 25px;
    text-transform: uppercase; }
    @media (max-width: 979px) {
      #hotelCollection .heading, .testCollection .heading {
        font-size: 2.3rem; } }
  #hotelCollection .subheadingWrapper, .testCollection .subheadingWrapper {
    clear: both;
    width: 100%;
    padding-top: 25px;
    text-align: center; }
    #hotelCollection .subheadingWrapper p.subheading, .testCollection .subheadingWrapper p.subheading {
      width: 100%;
      font-size: 19px;
      line-height: 34px;
      text-align: center;
      margin: 0;
      max-width: 800px;
      margin: 0 auto; }
  #hotelCollection .controls, .testCollection .controls {
    width: 80%;
    line-height: 3;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    max-width: 1200px; }
    @media (max-width: 799px) {
      #hotelCollection .controls, .testCollection .controls {
        width: 100%; } }
    #hotelCollection .controls .item, .testCollection .controls .item {
      float: left;
      width: 25%;
      line-height: 3;
      text-align: center;
      font-size: 13px;
      letter-spacing: 2px;
      text-transform: uppercase;
      border-top: 1px #e1e1e1 solid;
      border-bottom: 1px #e1e1e1 solid; }
      @media (max-width: 799px) {
        #hotelCollection .controls .item, .testCollection .controls .item {
          width: 50%; } }
      #hotelCollection .controls .item:hover, .testCollection .controls .item:hover {
        cursor: pointer;
        background: #f3f3f1;
        color: #c79a73; }
    @media (max-width: 799px) {
      #hotelCollection .controls .item.disableBottomBorder, .testCollection .controls .item.disableBottomBorder {
        border-bottom: 0px; } }
    #hotelCollection .controls .active, .testCollection .controls .active {
      background: #f3f3f1;
      color: #c79a73; }
    #hotelCollection .controls:after, .testCollection .controls:after {
      content: " ";
      height: 1px;
      display: block;
      clear: both; }
  #hotelCollection .sliderGrid, .testCollection .sliderGrid {
    position: relative;
    margin-top: 40px;
    width: 100%;
    height: 400px; }
    @media (max-width: 979px) {
      #hotelCollection .sliderGrid, .testCollection .sliderGrid {
        height: 270px; } }
    #hotelCollection .sliderGrid .flickity-page-dots, .testCollection .sliderGrid .flickity-page-dots {
      bottom: 0px; }
    #hotelCollection .sliderGrid .gridItem, .testCollection .sliderGrid .gridItem {
      position: absolute;
      left: 0px;
      top: 0px;
      visibility: hidden;
      width: 100%;
      height: 100%; }
      #hotelCollection .sliderGrid .gridItem .flickableSlider, .testCollection .sliderGrid .gridItem .flickableSlider {
        width: 100%;
        height: 100%; }
        #hotelCollection .sliderGrid .gridItem .flickableSlider img, .testCollection .sliderGrid .gridItem .flickableSlider img {
          display: block;
          max-height: 380px;
          max-width: 100%; }
          @media (max-width: 979px) {
            #hotelCollection .sliderGrid .gridItem .flickableSlider img, .testCollection .sliderGrid .gridItem .flickableSlider img {
              max-height: 250px; } }
  #hotelCollection .productsGridWrapper, .testCollection .productsGridWrapper {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px; }
    @media (max-width: 979px) {
      #hotelCollection .productsGridWrapper, .testCollection .productsGridWrapper {
        padding-left: 20px;
        padding-right: 20px; } }
    @media (max-width: 599px) {
      #hotelCollection .productsGridWrapper, .testCollection .productsGridWrapper {
        padding-left: 5px;
        padding-right: 5px; } }
    @media (min-width: 800px) and (max-width: 979px) {
      #hotelCollection .productsGridWrapper, .testCollection .productsGridWrapper {
        max-width: 675px; } }
    #hotelCollection .productsGridWrapper .buttonWrapper, .testCollection .productsGridWrapper .buttonWrapper {
      position: absolute;
      top: 0px;
      width: 40px;
      height: 100%;
      z-index: 1;
      -webkit-transition: width 400ms;
      -moz-transition: width 400ms;
      -ms-transition: width 400ms;
      -o-transition: width 400ms;
      transition: width 400ms; }
      #hotelCollection .productsGridWrapper .buttonWrapper .button, .testCollection .productsGridWrapper .buttonWrapper .button {
        position: absolute;
        top: 50%;
        width: 40px;
        height: 40px;
        margin-top: -20px;
        background: none;
        opacity: 0.7;
        -webkit-transition: width 400ms;
        -moz-transition: width 400ms;
        -ms-transition: width 400ms;
        -o-transition: width 400ms;
        transition: width 400ms;
        -webkit-transition: height 400ms;
        -moz-transition: height 400ms;
        -ms-transition: height 400ms;
        -o-transition: height 400ms;
        transition: height 400ms;
        -webkit-transition: opacity 400ms;
        -moz-transition: opacity 400ms;
        -ms-transition: opacity 400ms;
        -o-transition: opacity 400ms;
        transition: opacity 400ms;
        box-sizing: border-box;
        border: 2px #d9ac86 solid;
        border-radius: 50%; }
        #hotelCollection .productsGridWrapper .buttonWrapper .button:hover, .testCollection .productsGridWrapper .buttonWrapper .button:hover {
          opacity: 1;
          cursor: pointer; }
        #hotelCollection .productsGridWrapper .buttonWrapper .button .arrow, .testCollection .productsGridWrapper .buttonWrapper .button .arrow {
          position: absolute;
          left: 50%;
          top: 50%;
          margin-top: -22px; }
          #hotelCollection .productsGridWrapper .buttonWrapper .button .arrow:after, .testCollection .productsGridWrapper .buttonWrapper .button .arrow:after {
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
            text-decoration: inherit;
            color: #d9ac86;
            font-size: 32px; }
    #hotelCollection .productsGridWrapper .prevButtonWrapper, .testCollection .productsGridWrapper .prevButtonWrapper {
      left: 0px; }
      #hotelCollection .productsGridWrapper .prevButtonWrapper .button, .testCollection .productsGridWrapper .prevButtonWrapper .button {
        left: 0px; }
        #hotelCollection .productsGridWrapper .prevButtonWrapper .button .arrow, .testCollection .productsGridWrapper .prevButtonWrapper .button .arrow {
          margin-left: -7px; }
          #hotelCollection .productsGridWrapper .prevButtonWrapper .button .arrow:after, .testCollection .productsGridWrapper .prevButtonWrapper .button .arrow:after {
            content: "\f104"; }
    #hotelCollection .productsGridWrapper .nextButtonWrapper, .testCollection .productsGridWrapper .nextButtonWrapper {
      right: 0px; }
      #hotelCollection .productsGridWrapper .nextButtonWrapper .button, .testCollection .productsGridWrapper .nextButtonWrapper .button {
        right: 0px; }
        #hotelCollection .productsGridWrapper .nextButtonWrapper .button .arrow, .testCollection .productsGridWrapper .nextButtonWrapper .button .arrow {
          margin-left: -5px; }
          #hotelCollection .productsGridWrapper .nextButtonWrapper .button .arrow:after, .testCollection .productsGridWrapper .nextButtonWrapper .button .arrow:after {
            content: "\f105"; }
    #hotelCollection .productsGridWrapper:after, .testCollection .productsGridWrapper:after {
      content: "default";
      display: none; }
      @media (max-width: 979px) {
        #hotelCollection .productsGridWrapper:after, .testCollection .productsGridWrapper:after {
          content: "-=979"; } }
    #hotelCollection .productsGridWrapper .productsGrid, .testCollection .productsGridWrapper .productsGrid {
      font-size: 0; }
      #hotelCollection .productsGridWrapper .productsGrid a:focus, .testCollection .productsGridWrapper .productsGrid a:focus {
        outline: 0; }
      #hotelCollection .productsGridWrapper .productsGrid .gridItem, .testCollection .productsGridWrapper .productsGrid .gridItem {
        display: inline-block;
        vertical-align: top;
        width: 30%;
        margin-left: 1.66%;
        margin-right: 1.66%;
        margin-bottom: 30px;
        border: 5px white solid;
        box-sizing: border-box;
        border-radius: 9px;
        border: 1px #d2d2d2 solid;
        overflow: hidden; }
        @media (max-width: 979px) {
          #hotelCollection .productsGridWrapper .productsGrid .gridItem, .testCollection .productsGridWrapper .productsGrid .gridItem {
            width: 45%;
            margin-left: 2.5%;
            margin-right: 2.5%; } }
        #hotelCollection .productsGridWrapper .productsGrid .gridItem img, .testCollection .productsGridWrapper .productsGrid .gridItem img {
          max-width: 100%;
          opacity: 1;
          box-sizing: border-box; }
        #hotelCollection .productsGridWrapper .productsGrid .gridItem img.selected, .testCollection .productsGridWrapper .productsGrid .gridItem img.selected {
          opacity: 0.3; }
        #hotelCollection .productsGridWrapper .productsGrid .gridItem:hover, .testCollection .productsGridWrapper .productsGrid .gridItem:hover {
          cursor: pointer; }
        #hotelCollection .productsGridWrapper .productsGrid .gridItem .name, .testCollection .productsGridWrapper .productsGrid .gridItem .name {
          clear: both;
          padding-top: 20px;
          padding-bottom: 20px;
          width: 100%;
          box-sizing: border-box;
          padding-left: 10px;
          padding-right: 10px;
          text-align: center;
          text-transform: uppercase;
          font-size: 14px;
          line-height: 22px;
          -webkit-transition: color 600ms;
          -moz-transition: color 600ms;
          -ms-transition: color 600ms;
          -o-transition: color 600ms;
          transition: color 600ms;
          font-family: Roboto;
          font-weight: bold;
          color: #2f2f45; }
          @media (max-width: 599px) {
            #hotelCollection .productsGridWrapper .productsGrid .gridItem .name, .testCollection .productsGridWrapper .productsGrid .gridItem .name {
              font-size: 12px; } }
          #hotelCollection .productsGridWrapper .productsGrid .gridItem .name:hover, .testCollection .productsGridWrapper .productsGrid .gridItem .name:hover {
            cursor: pointer;
            color: #4e4e73; }
        #hotelCollection .productsGridWrapper .productsGrid .gridItem .name.selected, .testCollection .productsGridWrapper .productsGrid .gridItem .name.selected {
          color: #d9ac86; }
        #hotelCollection .productsGridWrapper .productsGrid .gridItem .productPrice, .testCollection .productsGridWrapper .productsGrid .gridItem .productPrice {
          position: absolute;
          left: 5px;
          top: 5px;
          padding: 8px;
          color: white;
          font-family: Montserrat;
          font-size: 12px;
          background: #d9ac86;
          padding-top: 12px;
          padding-bottom: 12px;
          box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); }
        #hotelCollection .productsGridWrapper .productsGrid .gridItem .price, .testCollection .productsGridWrapper .productsGrid .gridItem .price {
          clear: both;
          margin-top: 1rem;
          margin-bottom: 1rem;
          width: 100%;
          box-sizing: border-box;
          padding-left: 10px;
          padding-right: 10px;
          text-align: center;
          text-transform: uppercase;
          font-size: 13px;
          letter-spacing: 1px;
          color: #c79a73; }
  #hotelCollection .image, .testCollection .image {
    clear: both;
    max-width: 437px;
    position: relative;
    margin: 0 auto;
    margin-top: 60px; }
    #hotelCollection .image:hover, .testCollection .image:hover {
      cursor: pointer; }
      #hotelCollection .image:hover .content .intro, .testCollection .image:hover .content .intro {
        opacity: 0; }
      #hotelCollection .image:hover .content .text, .testCollection .image:hover .content .text {
        opacity: 1; }
    #hotelCollection .image img, .testCollection .image img {
      max-width: 100%; }
    #hotelCollection .image .overlay, .testCollection .image .overlay {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      height: 100%;
      background-color: black;
      opacity: 0.4;
      -webkit-transition: opacity 700ms;
      -moz-transition: opacity 700ms;
      -ms-transition: opacity 700ms;
      -o-transition: opacity 700ms;
      transition: opacity 700ms; }
    #hotelCollection .image .content, .testCollection .image .content {
      position: absolute;
      left: 0px;
      top: 50%;
      margin-top: -42px;
      height: 85px;
      padding-left: 40px;
      padding-right: 40px;
      box-sizing: border-box;
      width: 100%; }
      #hotelCollection .image .content .intro, .testCollection .image .content .intro {
        clear: both;
        width: 100%;
        opacity: 1;
        -webkit-transition: opacity 700ms;
        -moz-transition: opacity 700ms;
        -ms-transition: opacity 700ms;
        -o-transition: opacity 700ms;
        transition: opacity 700ms; }
        #hotelCollection .image .content .intro .icon:after, .testCollection .image .content .intro .icon:after {
          content: "\f103";
          font-family: FontAwesome;
          font-style: normal;
          font-weight: normal;
          color: white;
          font-size: 30px;
          position: absolute;
          top: 0px;
          left: 50%;
          margin-left: -15px; }
        #hotelCollection .image .content .intro .legend, .testCollection .image .content .intro .legend {
          position: absolute;
          bottom: 0px;
          width: 100%;
          text-align: center;
          left: 0px;
          font-size: 16px;
          letter-spacing: 3px;
          text-transform: uppercase;
          color: white; }
      #hotelCollection .image .content .text, .testCollection .image .content .text {
        clear: both;
        width: 100%;
        font-size: 14px;
        line-height: 23px;
        text-align: center;
        color: white;
        opacity: 0;
        -webkit-transition: opacity 700ms;
        -moz-transition: opacity 700ms;
        -ms-transition: opacity 700ms;
        -o-transition: opacity 700ms;
        transition: opacity 700ms; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

#collectionIntro {
  clear: both; }
  #collectionIntro:after {
    content: "";
    display: block;
    clear: both;
    width: 100%;
    height: 30px; }
  #collectionIntro #pageMainHeading {
    clear: both;
    width: 100%;
    position: relative; }
    #collectionIntro #pageMainHeading:after {
      content: "";
      display: block;
      clear: both;
      width: 100%;
      height: 1px; }
    @media (max-width: 1050px) {
      #collectionIntro #pageMainHeading .imageHolder {
        display: none; } }
    #collectionIntro #pageMainHeading .desktopHeading {
      width: 100%;
      height: 220px; }
      @media (max-width: 1050px) {
        #collectionIntro #pageMainHeading .desktopHeading {
          display: none; } }
    #collectionIntro #pageMainHeading .mobileHeading {
      max-width: 100%; }
      @media (min-width: 1051px) {
        #collectionIntro #pageMainHeading .mobileHeading {
          display: none; } }
      @media (max-width: 1050px) and (orientation: landscape) {
        #collectionIntro #pageMainHeading .mobileHeading {
          height: 220px;
          width: 100%; } }
    #collectionIntro #pageMainHeading .headingText {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      box-sizing: border-box;
      padding-left: 30px;
      padding-right: 30px;
      height: 100%;
      color: white; }
      #collectionIntro #pageMainHeading .headingText .inner {
        display: table;
        width: 100%;
        height: 100%; }
        #collectionIntro #pageMainHeading .headingText .inner .text {
          display: table-cell;
          text-align: center;
          vertical-align: middle;
          font-size: 35px;
          letter-spacing: 9px;
          text-transform: uppercase; }
  #collectionIntro .headingIcon {
    clear: both;
    width: 100%;
    height: 24px;
    text-align: center;
    margin-top: 60px; }
    #collectionIntro .headingIcon img {
      width: 175px;
      height: 24px;
      margin: 0 auto; }
  #collectionIntro .heading {
    clear: both;
    text-align: center;
    margin-top: 0px;
    font-size: 35px;
    font-weight: normal;
    letter-spacing: 9px;
    margin: 0;
    margin-top: 25px;
    text-transform: uppercase; }
    @media (max-width: 979px) {
      #collectionIntro .heading {
        font-size: 2.3rem; } }
  #collectionIntro .subheadingWrapper {
    clear: both;
    width: 100%;
    padding-top: 25px;
    text-align: center; }
    #collectionIntro .subheadingWrapper p.subheading {
      width: 100%;
      font-size: 19px;
      line-height: 34px;
      text-align: center;
      margin: 0;
      max-width: 800px;
      margin: 0 auto; }
  #collectionIntro .collectionGrid {
    clear: both;
    width: 100%;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 60px; }
    #collectionIntro .collectionGrid:after {
      content: "";
      display: block;
      clear: both;
      width: 100%;
      height: 15px; }
    #collectionIntro .collectionGrid .gridRow {
      clear: both;
      width: 100%;
      margin: 0 auto; }
      @media (min-width: 781px) {
        #collectionIntro .collectionGrid .gridRow {
          max-width: 1100px; } }
      @media (min-width: 781px) {
        #collectionIntro .collectionGrid .gridRow .gridItem:nth-child(1) {
          width: 50%;
          float: left;
          box-sizing: border-box;
          padding-right: 7.5px; } }
      @media (min-width: 781px) {
        #collectionIntro .collectionGrid .gridRow .gridItem:nth-child(2) {
          width: 50%;
          float: right;
          box-sizing: border-box;
          padding-left: 7.5px; } }
      @media (max-width: 780px) {
        #collectionIntro .collectionGrid .gridRow .gridItem:nth-child(2) {
          margin-top: 60px; } }
    #collectionIntro .collectionGrid .gridItem {
      text-align: center; }
      @media (max-width: 600px) {
        #collectionIntro .collectionGrid .gridItem {
          margin: 0 auto; } }
      @media (max-width: 985px) {
        #collectionIntro .collectionGrid .gridItem {
          margin: 0 auto;
          max-width: 537px; } }
      #collectionIntro .collectionGrid .gridItem .text {
        clear: both;
        width: 100%;
        padding-top: 20px;
        padding-bottom: 50px;
        font-size: 14px;
        line-height: 23px;
        color: #a3a3a3;
        text-align: left;
        margin: 0 auto; }
        @media (max-width: 985px) {
          #collectionIntro .collectionGrid .gridItem .text {
            max-width: 537px; } }
      #collectionIntro .collectionGrid .gridItem .image {
        clear: both;
        width: 100%;
        position: relative; }
        #collectionIntro .collectionGrid .gridItem .image:hover {
          cursor: pointer; }
          #collectionIntro .collectionGrid .gridItem .image:hover .content .intro {
            opacity: 0; }
          #collectionIntro .collectionGrid .gridItem .image:hover .content .text {
            opacity: 1; }
        #collectionIntro .collectionGrid .gridItem .image img {
          max-width: 100%; }
        #collectionIntro .collectionGrid .gridItem .image .overlay {
          position: absolute;
          left: 0px;
          top: 0px;
          width: 100%;
          height: 100%;
          background-color: black;
          opacity: 0.4;
          -webkit-transition: opacity 700ms;
          -moz-transition: opacity 700ms;
          -ms-transition: opacity 700ms;
          -o-transition: opacity 700ms;
          transition: opacity 700ms; }
        #collectionIntro .collectionGrid .gridItem .image .content {
          position: absolute;
          left: 0px;
          top: 50%;
          margin-top: -42px;
          height: 85px;
          padding-left: 40px;
          padding-right: 40px;
          box-sizing: border-box;
          width: 100%; }
          #collectionIntro .collectionGrid .gridItem .image .content .intro {
            clear: both;
            width: 100%;
            opacity: 1;
            -webkit-transition: opacity 700ms;
            -moz-transition: opacity 700ms;
            -ms-transition: opacity 700ms;
            -o-transition: opacity 700ms;
            transition: opacity 700ms; }
            #collectionIntro .collectionGrid .gridItem .image .content .intro .icon:after {
              content: "\f103";
              font-family: FontAwesome;
              font-style: normal;
              font-weight: normal;
              color: white;
              font-size: 30px;
              position: absolute;
              top: 0px;
              left: 50%;
              margin-left: -15px; }
            #collectionIntro .collectionGrid .gridItem .image .content .intro .legend {
              position: absolute;
              bottom: 0px;
              width: 100%;
              text-align: center;
              left: 0px;
              font-size: 16px;
              letter-spacing: 3px;
              text-transform: uppercase;
              color: white; }
          #collectionIntro .collectionGrid .gridItem .image .content .text {
            clear: both;
            width: 100%;
            font-size: 14px;
            line-height: 23px;
            text-align: center;
            color: white;
            opacity: 0;
            -webkit-transition: opacity 700ms;
            -moz-transition: opacity 700ms;
            -ms-transition: opacity 700ms;
            -o-transition: opacity 700ms;
            transition: opacity 700ms; }
  #collectionIntro .catalogImage {
    clear: both;
    width: 100%;
    text-align: center; }
    #collectionIntro .catalogImage img {
      width: 653px;
      height: 283px;
      margin: 0 auto; }
      @media (min-width: 601px) and (max-width: 760px) {
        #collectionIntro .catalogImage img {
          width: 450px;
          height: 220px; } }
      @media (min-width: 481px) and (max-width: 600px) {
        #collectionIntro .catalogImage img {
          width: 390px;
          height: 190px; } }
      @media (max-width: 480px) {
        #collectionIntro .catalogImage img {
          width: 290px;
          height: 140px; } }
  #collectionIntro .linksGrid {
    clear: both;
    width: 100%;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 40px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto; }
    #collectionIntro .linksGrid:after {
      content: "";
      display: block;
      clear: both;
      width: 100%;
      height: 1px; }
    @media (max-width: 780px) {
      #collectionIntro .linksGrid .gridItem:not(:first-child) {
        margin-top: 60px; } }
    #collectionIntro .linksGrid .gridItem {
      text-align: center; }
      @media (max-width: 780px) {
        #collectionIntro .linksGrid .gridItem {
          clear: both;
          width: 100%; } }
      @media (min-width: 781px) {
        #collectionIntro .linksGrid .gridItem {
          float: left;
          width: 33.33%; } }
      #collectionIntro .linksGrid .gridItem .downloadLink {
        position: relative;
        margin-top: 15px;
        margin-left: auto;
        margin-right: auto;
        clear: both; }
        #collectionIntro .linksGrid .gridItem .downloadLink:after {
          content: "";
          display: block;
          clear: both;
          width: 100%;
          height: 1px; }
        #collectionIntro .linksGrid .gridItem .downloadLink .image {
          width: 120px;
          height: 120px;
          margin: 0 auto; }
          #collectionIntro .linksGrid .gridItem .downloadLink .image img {
            max-width: 100%;
            box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
            border-radius: 50%; }
        #collectionIntro .linksGrid .gridItem .downloadLink .left {
          position: absolute;
          left: 0px;
          top: 0px;
          width: 70px;
          height: 70px; }
          #collectionIntro .linksGrid .gridItem .downloadLink .left:after {
            content: "\f1c1";
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
            color: #d9ac86;
            font-size: 55px;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -14px;
            margin-top: -39px; }
        #collectionIntro .linksGrid .gridItem .downloadLink .right {
          width: 100%;
          box-sizing: border-box;
          height: 70px;
          text-align: left; }
          #collectionIntro .linksGrid .gridItem .downloadLink .right .top {
            padding-top: 7px;
            clear: both;
            width: 100%;
            font-size: 22px;
            text-align: center;
            margin-top: 10px; }
            @media (min-width: 781px) and (max-width: 979px) {
              #collectionIntro .linksGrid .gridItem .downloadLink .right .top {
                font-size: 20px;
                padding-top: 8px; } }
          #collectionIntro .linksGrid .gridItem .downloadLink .right .bottom {
            clear: both;
            width: 100%;
            font-size: 16px;
            text-align: center;
            margin-top: 5px; }
            #collectionIntro .linksGrid .gridItem .downloadLink .right .bottom a {
              color: #6e6e6e;
              -webkit-transition: color 400ms;
              -moz-transition: color 400ms;
              -ms-transition: color 400ms;
              -o-transition: color 400ms;
              transition: color 400ms; }
              #collectionIntro .linksGrid .gridItem .downloadLink .right .bottom a:hover {
                color: #c79a73;
                text-decoration: none; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.collectionsLoader {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -70px;
  margin-top: -70px;
  width: 170px;
  height: 170px;
  z-index: 500;
  opacity: 1; }
  .collectionsLoader .cssload-loader {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    margin: 3em;
    display: inline-block;
    position: relative;
    vertical-align: middle; }
  .collectionsLoader .cssload-loader,
  .collectionsLoader .cssload-loader:before,
  .collectionsLoader .cssload-loader:after {
    animation: 1.15s infinite ease-in-out;
    -o-animation: 1.15s infinite ease-in-out;
    -ms-animation: 1.15s infinite ease-in-out;
    -webkit-animation: 1.15s infinite ease-in-out;
    -moz-animation: 1.15s infinite ease-in-out; }
  .collectionsLoader .cssload-loader:before,
  .collectionsLoader .cssload-loader:after {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0; }
  .collectionsLoader .cssload-loader:before,
  .collectionsLoader .cssload-loader:after {
    content: ""; }
  .collectionsLoader .cssload-loader {
    animation: cssload-animation1 1.15s infinite linear;
    -o-animation: cssload-animation1 1.15s infinite linear;
    -ms-animation: cssload-animation1 1.15s infinite linear;
    -webkit-animation: cssload-animation1 1.15s infinite linear;
    -moz-animation: cssload-animation1 1.15s infinite linear; }
  .collectionsLoader .cssload-loader:before,
  .collectionsLoader .cssload-loader:after {
    content: "";
    width: 80%;
    height: 80%;
    background-color: #d9ac86;
    top: 5%; }
  .collectionsLoader .cssload-loader:before {
    left: -5%;
    animation: cssload-animation2 1.15s infinite alternate ease-in-out;
    -o-animation: cssload-animation2 1.15s infinite alternate ease-in-out;
    -ms-animation: cssload-animation2 1.15s infinite alternate ease-in-out;
    -webkit-animation: cssload-animation2 1.15s infinite alternate ease-in-out;
    -moz-animation: cssload-animation2 1.15s infinite alternate ease-in-out;
    transform-origin: 10% 50%;
    -o-transform-origin: 10% 50%;
    -ms-transform-origin: 10% 50%;
    -webkit-transform-origin: 10% 50%;
    -moz-transform-origin: 10% 50%; }
  .collectionsLoader .cssload-loader:after {
    left: auto;
    right: -5%;
    animation: cssload-animation2 1.15s 1.15s infinite alternate ease-in-out;
    -o-animation: cssload-animation2 1.15s 1.15s infinite alternate ease-in-out;
    -ms-animation: cssload-animation2 1.15s 1.15s infinite alternate ease-in-out;
    -webkit-animation: cssload-animation2 1.15s 1.15s infinite alternate ease-in-out;
    -moz-animation: cssload-animation2 1.15s 1.15s infinite alternate ease-in-out;
    transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform-origin: 90% 50%; }

@keyframes cssload-animation1 {
  0% {
    transform: rotate(20deg); }
  100% {
    transform: rotate(380deg); } }

@-o-keyframes cssload-animation1 {
  0% {
    -o-transform: rotate(20deg); }
  100% {
    -o-transform: rotate(380deg); } }

@-webkit-keyframes cssload-animation1 {
  0% {
    -webkit-transform: rotate(20deg); }
  100% {
    -webkit-transform: rotate(380deg); } }

@-moz-keyframes cssload-animation1 {
  0% {
    -moz-transform: rotate(20deg); }
  100% {
    -moz-transform: rotate(380deg); } }

@keyframes cssload-animation2 {
  0% {
    transform: scale(0); }
  100% {
    transform: scale(1); } }

@-o-keyframes cssload-animation2 {
  0% {
    -o-transform: scale(0); }
  100% {
    -o-transform: scale(1); } }

@-webkit-keyframes cssload-animation2 {
  0% {
    -webkit-transform: scale(0); }
  100% {
    -webkit-transform: scale(1); } }

@-moz-keyframes cssload-animation2 {
  0% {
    -moz-transform: scale(0); }
  100% {
    -moz-transform: scale(1); } }

.collectionsLoader.hide {
  opacity: 0; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

#contactUs {
  clear: both; }
  #contactUs #pageMainHeading {
    clear: both;
    width: 100%;
    position: relative; }
    #contactUs #pageMainHeading:after {
      content: "";
      display: block;
      clear: both;
      width: 100%;
      height: 1px; }
    @media (max-width: 1050px) {
      #contactUs #pageMainHeading .imageHolder {
        display: none; } }
    #contactUs #pageMainHeading .desktopHeading {
      width: 100%;
      height: 220px; }
      @media (max-width: 1050px) {
        #contactUs #pageMainHeading .desktopHeading {
          display: none; } }
    #contactUs #pageMainHeading .mobileHeading {
      max-width: 100%; }
      @media (min-width: 1051px) {
        #contactUs #pageMainHeading .mobileHeading {
          display: none; } }
      @media (max-width: 1050px) and (orientation: landscape) {
        #contactUs #pageMainHeading .mobileHeading {
          height: 220px;
          width: 100%; } }
    #contactUs #pageMainHeading .headingText {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      box-sizing: border-box;
      padding-left: 30px;
      padding-right: 30px;
      height: 100%;
      color: white; }
      #contactUs #pageMainHeading .headingText .inner {
        display: table;
        width: 100%;
        height: 100%; }
        #contactUs #pageMainHeading .headingText .inner .text {
          display: table-cell;
          text-align: center;
          vertical-align: middle;
          font-size: 35px;
          letter-spacing: 9px;
          text-transform: uppercase; }
  #contactUs .headingIcon {
    clear: both;
    width: 100%;
    height: 24px;
    text-align: center;
    margin-top: 60px; }
    #contactUs .headingIcon img {
      width: 175px;
      height: 24px;
      margin: 0 auto; }
  #contactUs .heading {
    clear: both;
    text-align: center;
    margin-top: 0px;
    font-size: 35px;
    font-weight: normal;
    letter-spacing: 9px;
    margin: 0;
    margin-top: 25px;
    text-transform: uppercase; }
    @media (max-width: 979px) {
      #contactUs .heading {
        font-size: 2.3rem; } }
  #contactUs .subheadingWrapper {
    clear: both;
    width: 100%;
    padding-top: 25px;
    text-align: center; }
    #contactUs .subheadingWrapper p.subheading {
      width: 100%;
      font-size: 19px;
      line-height: 34px;
      text-align: center;
      margin: 0;
      max-width: 800px;
      margin: 0 auto; }
  #contactUs .contactForm {
    width: 100%;
    clear: both;
    margin: 0 auto;
    margin-top: 50px;
    max-width: 1100px; }
    #contactUs .contactForm .inputGroup {
      width: 100%;
      clear: both; }
      #contactUs .contactForm .inputGroup .input {
        float: left;
        width: 30%;
        margin-left: 1.66%;
        margin-right: 1.66%; }
        @media (max-width: 979px) {
          #contactUs .contactForm .inputGroup .input {
            clear: both;
            width: 80%;
            margin-left: 10%;
            margin-right: 10%;
            margin-top: 1.5rem; } }
        #contactUs .contactForm .inputGroup .input input {
          width: 100%;
          line-height: 2.5rem;
          height: 40px;
          box-sizing: border-box;
          padding-left: 10px;
          padding-right: 10px;
          border: 1px #c8c8c8 solid;
          outline: 0;
          -webkit-transition: border-color 400ms;
          -moz-transition: border-color 400ms;
          -ms-transition: border-color 400ms;
          -o-transition: border-color 400ms;
          transition: border-color 400ms; }
          #contactUs .contactForm .inputGroup .input input:hover {
            border-color: #33a4f3; }
          #contactUs .contactForm .inputGroup .input input:focus {
            border-color: #33a4f3; }
      #contactUs .contactForm .inputGroup:after {
        content: " ";
        clear: both;
        width: 100%;
        height: 1px;
        display: block; }
    #contactUs .contactForm .inputGroupMargin {
      margin-top: 30px; }
      @media (max-width: 979px) {
        #contactUs .contactForm .inputGroupMargin {
          margin-top: 0rem; } }
    #contactUs .contactForm:after {
      content: " ";
      clear: both;
      width: 100%;
      height: 1px;
      display: block; }
    #contactUs .contactForm .textarea {
      clear: both;
      width: 100%;
      margin-top: 30px; }
      #contactUs .contactForm .textarea textarea {
        width: 96.6%;
        min-height: 100px;
        margin-left: 1.66%;
        margin-right: 1.66%;
        box-sizing: border-box;
        padding: 10px;
        border: 1px #c8c8c8 solid;
        outline: 0;
        -webkit-transition: border-color 400ms;
        -moz-transition: border-color 400ms;
        -ms-transition: border-color 400ms;
        -o-transition: border-color 400ms;
        transition: border-color 400ms; }
        @media (max-width: 979px) {
          #contactUs .contactForm .textarea textarea {
            width: 80%;
            margin-left: 10%;
            margin-right: 10%; } }
        #contactUs .contactForm .textarea textarea:hover {
          border-color: #8c8c8c; }
        #contactUs .contactForm .textarea textarea:focus {
          border-color: #d9ac86; }
    #contactUs .contactForm .info {
      clear: both;
      margin-top: 35px; }
      #contactUs .contactForm .info:after {
        content: "";
        display: block;
        clear: both;
        width: 100%;
        height: 1px; }
      @media (min-width: 1001px) {
        #contactUs .contactForm .info .radioInputs {
          float: left;
          width: 50%; } }
      @media (max-width: 1000px) {
        #contactUs .contactForm .info .radioInputs {
          clear: both;
          width: 100%; } }
      #contactUs .contactForm .info .map {
        height: 300px;
        box-shadow: 0 1px 10px rgba(0, 0, 0, 0.7); }
        @media (min-width: 1001px) {
          #contactUs .contactForm .info .map {
            float: left;
            width: 48.4%; } }
        @media (max-width: 1000px) {
          #contactUs .contactForm .info .map {
            clear: both;
            width: 96.6%;
            margin-left: 1.66%;
            margin-right: 1.66%;
            margin-top: 35px; } }
        @media (max-width: 979px) {
          #contactUs .contactForm .info .map {
            width: 80%;
            margin-left: 10%;
            margin-right: 10%; } }
        #contactUs .contactForm .info .map #contactsMap {
          width: 100%;
          height: 100%; }
    #contactUs .contactForm .radioGroup {
      clear: both;
      width: 100%;
      text-align: center;
      margin-top: 30px; }
      #contactUs .contactForm .radioGroup .inner {
        display: inline-block;
        font-size: 1rem;
        text-align: center;
        overflow: hidden; }
        #contactUs .contactForm .radioGroup .inner .legend {
          clear: both;
          margin: 0 auto; }
        #contactUs .contactForm .radioGroup .inner .buttons {
          text-align: center;
          clear: both;
          margin: 0 auto;
          margin-top: 1rem;
          display: inline-block; }
          #contactUs .contactForm .radioGroup .inner .buttons .button {
            float: left;
            padding-left: 1rem; }
    #contactUs .contactForm .submitButton {
      position: relative;
      clear: both;
      width: 100%;
      text-align: center;
      margin-top: 35px;
      padding-bottom: 30px; }
      #contactUs .contactForm .submitButton .buttonLoader {
        position: absolute;
        width: 180px;
        height: 50px;
        line-height: 50px;
        color: white;
        background: #d9ac86;
        left: 50%;
        top: 0px;
        margin-left: -90px;
        display: none; }
      #contactUs .contactForm .submitButton input[type=submit] {
        width: 180px;
        height: 50px;
        line-height: 45px;
        background: #d9ac86;
        color: white;
        outline: 0;
        border: 0;
        -webkit-transition: background 400ms;
        -moz-transition: background 400ms;
        -ms-transition: background 400ms;
        -o-transition: background 400ms;
        transition: background 400ms; }
        #contactUs .contactForm .submitButton input[type=submit]:hover {
          background: #e5c7ad; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

#overlayLoader {
  margin-left: -37px;
  margin-top: -37px;
  padding-left: 0em;
  padding-right: 0em;
  margin: auto;
  display: block;
  width: 75px; }
  #overlayLoader .cssload-loader {
    width: 19px;
    height: 19px;
    border-radius: 50%;
    margin: 1em;
    display: inline-block;
    position: relative;
    vertical-align: middle; }
  #overlayLoader .cssload-loader {
    width: 19px;
    height: 19px;
    border-radius: 50%;
    margin: 1em;
    display: inline-block;
    position: relative;
    vertical-align: middle; }
  #overlayLoader .cssload-loader,
  #overlayLoader .cssload-loader:before,
  #overlayLoader .cssload-loader:after {
    animation: 1.15s infinite ease-in-out;
      animation--o-animation: 1.15s infinite ease-in-out;
      animation--ms-animation: 1.15s infinite ease-in-out;
      animation--webkit-animation: 1.15s infinite ease-in-out;
      animation--moz-animation: 1.15s infinite ease-in-out; }
  #overlayLoader .cssload-loader:before,
  #overlayLoader .cssload-loader:after {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0; }
  #overlayLoader .cssload-loader:before,
  #overlayLoader .cssload-loader:after {
    content: ""; }
  #overlayLoader .cssload-loader {
    animation: cssload-animation1 1.15s infinite linear;
    -o-animation: cssload-animation1 1.15s infinite linear;
    -ms-animation: cssload-animation1 1.15s infinite linear;
    -webkit-animation: cssload-animation1 1.15s infinite linear;
    -moz-animation: cssload-animation1 1.15s infinite linear; }
  #overlayLoader .cssload-loader:before,
  #overlayLoader .cssload-loader:after {
    content: "";
    width: 80%;
    height: 80%;
    background-color: white;
    top: 5%; }
  #overlayLoader .cssload-loader:before {
    left: -5%;
    animation: cssload-animation2 1.15s infinite alternate ease-in-out;
    -o-animation: cssload-animation2 1.15s infinite alternate ease-in-out;
    -ms-animation: cssload-animation2 1.15s infinite alternate ease-in-out;
    -webkit-animation: cssload-animation2 1.15s infinite alternate ease-in-out;
    -moz-animation: cssload-animation2 1.15s infinite alternate ease-in-out;
    transform-origin: 10% 50%;
    -o-transform-origin: 10% 50%;
    -ms-transform-origin: 10% 50%;
    -webkit-transform-origin: 10% 50%;
    -moz-transform-origin: 10% 50%; }
  #overlayLoader .cssload-loader:after {
    left: auto;
    right: -5%;
    animation: cssload-animation2 1.15s 1.15s infinite alternate ease-in-out;
    -o-animation: cssload-animation2 1.15s 1.15s infinite alternate ease-in-out;
    -ms-animation: cssload-animation2 1.15s 1.15s infinite alternate ease-in-out;
    -webkit-animation: cssload-animation2 1.15s 1.15s infinite alternate ease-in-out;
    -moz-animation: cssload-animation2 1.15s 1.15s infinite alternate ease-in-out;
    transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform-origin: 90% 50%; }

@keyframes cssload-animation1 {
  0% {
    transform: rotate(20deg); }
  100% {
    transform: rotate(380deg); } }

@-o-keyframes cssload-animation1 {
  0% {
    -o-transform: rotate(20deg); }
  100% {
    -o-transform: rotate(380deg); } }

@-webkit-keyframes cssload-animation1 {
  0% {
    -webkit-transform: rotate(20deg); }
  100% {
    -webkit-transform: rotate(380deg); } }

@-moz-keyframes cssload-animation1 {
  0% {
    -moz-transform: rotate(20deg); }
  100% {
    -moz-transform: rotate(380deg); } }

@keyframes cssload-animation2 {
  0% {
    transform: scale(0); }
  100% {
    transform: scale(1); } }

@-o-keyframes cssload-animation2 {
  0% {
    -o-transform: scale(0); }
  100% {
    -o-transform: scale(1); } }

@-webkit-keyframes cssload-animation2 {
  0% {
    -webkit-transform: scale(0); }
  100% {
    -webkit-transform: scale(1); } }

@-moz-keyframes cssload-animation2 {
  0% {
    -moz-transform: scale(0); }
  100% {
    -moz-transform: scale(1); } }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

#catalog {
  clear: both;
  margin-top: 20px; }
  #catalog .heading {
    clear: both;
    text-align: center;
    margin-top: 0px;
    font-size: 35px;
    font-weight: normal;
    letter-spacing: 9px;
    margin: 0;
    margin-top: 25px;
    text-transform: uppercase; }
    @media (max-width: 979px) {
      #catalog .heading {
        font-size: 2.3rem; } }
  #catalog .subheadingWrapper {
    clear: both;
    width: 100%;
    padding-top: 25px;
    padding-bottom: 10px;
    text-align: center; }
    #catalog .subheadingWrapper p.subheading {
      width: 100%;
      font-size: 19px;
      line-height: 34px;
      text-align: center;
      margin: 0;
      max-width: 800px;
      margin: 0 auto; }
  #catalog .catalogImage {
    clear: both;
    width: 100%;
    text-align: center; }
    #catalog .catalogImage img {
      width: 653px;
      height: 283px;
      margin: 0 auto; }
      @media (min-width: 601px) and (max-width: 760px) {
        #catalog .catalogImage img {
          width: 450px;
          height: 220px; } }
      @media (min-width: 481px) and (max-width: 600px) {
        #catalog .catalogImage img {
          width: 390px;
          height: 190px; } }
      @media (max-width: 480px) {
        #catalog .catalogImage img {
          width: 290px;
          height: 140px; } }
  #catalog .linksGrid {
    clear: both;
    width: 100%;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 40px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto; }
    #catalog .linksGrid:after {
      content: "";
      display: block;
      clear: both;
      width: 100%;
      height: 1px; }
    @media (max-width: 780px) {
      #catalog .linksGrid .gridItem:not(:first-child) {
        margin-top: 60px; } }
    #catalog .linksGrid .gridItem {
      text-align: center; }
      @media (max-width: 780px) {
        #catalog .linksGrid .gridItem {
          clear: both;
          width: 100%; } }
      @media (min-width: 781px) {
        #catalog .linksGrid .gridItem {
          float: left;
          width: 33.33%; } }
      #catalog .linksGrid .gridItem .downloadLink {
        position: relative;
        margin-top: 15px;
        margin-left: auto;
        margin-right: auto;
        clear: both; }
        #catalog .linksGrid .gridItem .downloadLink:after {
          content: "";
          display: block;
          clear: both;
          width: 100%;
          height: 1px; }
        #catalog .linksGrid .gridItem .downloadLink .image {
          width: 120px;
          height: 120px;
          margin: 0 auto; }
          #catalog .linksGrid .gridItem .downloadLink .image img {
            max-width: 100%;
            box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
            border-radius: 50%; }
        #catalog .linksGrid .gridItem .downloadLink .left {
          position: absolute;
          left: 0px;
          top: 0px;
          width: 70px;
          height: 70px; }
          #catalog .linksGrid .gridItem .downloadLink .left:after {
            content: "\f1c1";
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
            color: #d9ac86;
            font-size: 55px;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -14px;
            margin-top: -39px; }
        #catalog .linksGrid .gridItem .downloadLink .right {
          width: 100%;
          box-sizing: border-box;
          height: 70px;
          text-align: left; }
          #catalog .linksGrid .gridItem .downloadLink .right .top {
            padding-top: 7px;
            clear: both;
            width: 100%;
            font-size: 22px;
            text-align: center;
            margin-top: 10px; }
            @media (min-width: 781px) and (max-width: 979px) {
              #catalog .linksGrid .gridItem .downloadLink .right .top {
                font-size: 20px;
                padding-top: 8px; } }
          #catalog .linksGrid .gridItem .downloadLink .right .bottom {
            clear: both;
            width: 100%;
            font-size: 16px;
            text-align: center;
            margin-top: 5px; }
            #catalog .linksGrid .gridItem .downloadLink .right .bottom a {
              color: #6e6e6e;
              -webkit-transition: color 400ms;
              -moz-transition: color 400ms;
              -ms-transition: color 400ms;
              -o-transition: color 400ms;
              transition: color 400ms; }
              #catalog .linksGrid .gridItem .downloadLink .right .bottom a:hover {
                color: #c79a73;
                text-decoration: none; }
  #catalog .collectionGrid {
    clear: both;
    width: 100%;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 60px; }
    #catalog .collectionGrid:after {
      content: "";
      display: block;
      clear: both;
      width: 100%;
      height: 15px; }
    #catalog .collectionGrid .gridRow {
      clear: both;
      width: 100%;
      margin: 0 auto; }
      @media (min-width: 781px) {
        #catalog .collectionGrid .gridRow {
          max-width: 1100px; } }
      @media (min-width: 781px) {
        #catalog .collectionGrid .gridRow .gridItem:nth-child(1) {
          width: 50%;
          float: left;
          box-sizing: border-box;
          padding-right: 7.5px; } }
      @media (min-width: 781px) {
        #catalog .collectionGrid .gridRow .gridItem:nth-child(2) {
          width: 50%;
          float: right;
          box-sizing: border-box;
          padding-left: 7.5px; } }
      @media (max-width: 780px) {
        #catalog .collectionGrid .gridRow .gridItem:nth-child(2) {
          margin-top: 60px; } }
    #catalog .collectionGrid .gridItem {
      text-align: center; }
      @media (max-width: 600px) {
        #catalog .collectionGrid .gridItem {
          margin: 0 auto; } }
      @media (max-width: 780px) {
        #catalog .collectionGrid .gridItem {
          max-width: 537px;
          margin: 0 auto; } }
      #catalog .collectionGrid .gridItem .text {
        clear: both;
        width: 100%;
        padding-top: 20px;
        padding-bottom: 50px;
        font-size: 14px;
        line-height: 23px;
        color: #a3a3a3;
        text-align: left;
        margin: 0 auto; }
        @media (max-width: 780px) {
          #catalog .collectionGrid .gridItem .text {
            max-width: 537px; } }
      #catalog .collectionGrid .gridItem .image {
        clear: both;
        width: 100%;
        position: relative; }
        #catalog .collectionGrid .gridItem .image:hover {
          cursor: pointer; }
          #catalog .collectionGrid .gridItem .image:hover .content .intro {
            opacity: 0; }
          #catalog .collectionGrid .gridItem .image:hover .content .text {
            opacity: 1; }
        #catalog .collectionGrid .gridItem .image img {
          max-width: 100%; }
        #catalog .collectionGrid .gridItem .image .overlay {
          position: absolute;
          left: 0px;
          top: 0px;
          width: 100%;
          height: 100%;
          background-color: #2f2f45;
          opacity: 0.4;
          -webkit-transition: opacity 700ms;
          -moz-transition: opacity 700ms;
          -ms-transition: opacity 700ms;
          -o-transition: opacity 700ms;
          transition: opacity 700ms; }
        #catalog .collectionGrid .gridItem .image .content {
          position: absolute;
          left: 0px;
          top: 50%;
          margin-top: -42px;
          height: 85px;
          padding-left: 40px;
          padding-right: 40px;
          box-sizing: border-box;
          width: 100%; }
          #catalog .collectionGrid .gridItem .image .content .intro {
            clear: both;
            width: 100%;
            opacity: 1;
            -webkit-transition: opacity 700ms;
            -moz-transition: opacity 700ms;
            -ms-transition: opacity 700ms;
            -o-transition: opacity 700ms;
            transition: opacity 700ms; }
            #catalog .collectionGrid .gridItem .image .content .intro .icon:after {
              content: "\f103";
              font-family: FontAwesome;
              font-style: normal;
              font-weight: normal;
              color: white;
              font-size: 30px;
              position: absolute;
              top: 0px;
              left: 50%;
              margin-left: -15px; }
            #catalog .collectionGrid .gridItem .image .content .intro .legend {
              position: absolute;
              bottom: 0px;
              width: 100%;
              text-align: center;
              left: 0px;
              font-size: 16px;
              letter-spacing: 3px;
              text-transform: uppercase;
              color: white; }
          #catalog .collectionGrid .gridItem .image .content .text {
            clear: both;
            width: 100%;
            font-size: 14px;
            line-height: 23px;
            text-align: center;
            color: white;
            opacity: 0;
            -webkit-transition: opacity 700ms;
            -moz-transition: opacity 700ms;
            -ms-transition: opacity 700ms;
            -o-transition: opacity 700ms;
            transition: opacity 700ms; }
  #catalog .collectionInfo {
    clear: both;
    width: 100%;
    position: relative; }
    @media (max-width: 1050px) {
      #catalog .collectionInfo {
        height: 1150px; } }
    @media (max-width: 1050px) and (orientation: landscape) {
      #catalog .collectionInfo {
        height: 550px; } }
    @media (max-width: 1050px) {
      #catalog .collectionInfo .desktopImage {
        display: none; } }
    @media (max-width: 1050px) {
      #catalog .collectionInfo .imageHolder {
        display: none; } }
    #catalog .collectionInfo .mobileImage {
      width: 100%;
      height: 100%;
      background-position: center center;
      background-size: cover;
      position: absolute;
      left: 0px;
      top: 0px;
      background-image: url(/bundles/ntechclient/img/parallax.jpg); }
      @media (min-width: 1050px) {
        #catalog .collectionInfo .mobileImage {
          display: none; } }
    #catalog .collectionInfo .contentWrapper {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      height: 100%;
      z-index: 100;
      box-sizing: border-box;
      padding: 80px 80px;
      overflow: hidden; }
      @media (min-width: 840px) and (max-width: 960px) {
        #catalog .collectionInfo .contentWrapper {
          padding-left: 50px;
          padding-right: 50px; } }
      @media (max-width: 600px) {
        #catalog .collectionInfo .contentWrapper {
          padding-left: 10px;
          padding-right: 10px; } }
      #catalog .collectionInfo .contentWrapper .content {
        width: 100%;
        height: 100%;
        max-width: 1150px;
        margin: 0 auto; }
        @media (max-width: 985px) {
          #catalog .collectionInfo .contentWrapper .content .item:nth-child(2) {
            margin-top: 40px; } }
        @media (max-width: 985px) {
          #catalog .collectionInfo .contentWrapper .content .item:nth-child(3) {
            margin-top: 80px; } }
        #catalog .collectionInfo .contentWrapper .content .item {
          height: 100%;
          text-align: center;
          color: white; }
          @media (min-width: 986px) {
            #catalog .collectionInfo .contentWrapper .content .item {
              float: left;
              width: 33.33%; } }
          @media (max-width: 985px) {
            #catalog .collectionInfo .contentWrapper .content .item {
              clear: both;
              width: 100%;
              max-height: 290px; } }
          @media (min-width: 1340px) {
            #catalog .collectionInfo .contentWrapper .content .item {
              margin-top: 15px; } }
          #catalog .collectionInfo .contentWrapper .content .item .icon {
            clear: both;
            margin: 0 auto;
            width: 90px;
            height: 90px; }
          #catalog .collectionInfo .contentWrapper .content .item .name {
            clear: both;
            margin-top: 38px;
            font-size: 16px;
            letter-spacing: 3px;
            text-transform: uppercase; }
          #catalog .collectionInfo .contentWrapper .content .item .separator {
            position: relative;
            clear: both;
            width: 100%;
            height: 30px; }
            #catalog .collectionInfo .contentWrapper .content .item .separator .icon {
              position: absolute;
              left: 50%;
              top: 50%;
              margin-left: -7.5px;
              margin-top: -1px;
              width: 15px;
              height: 2px;
              background: white; }
          #catalog .collectionInfo .contentWrapper .content .item .text {
            clear: both;
            width: 100%;
            box-sizing: border-box;
            padding-left: 10px;
            padding-right: 10px;
            font-size: 14px;
            line-height: 23px; }
        #catalog .collectionInfo .contentWrapper .content:after {
          content: "";
          clear: both;
          display: block;
          width: 100%;
          height: 1px; }
  #catalog .spacer {
    clear: both;
    width: 100%;
    height: 75px; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

#collection {
  clear: both;
  margin-top: 65px; }
  #collection .headingIcon {
    clear: both;
    width: 100%;
    height: 24px;
    text-align: center; }
    @media (max-width: 1000px) {
      #collection .headingIcon {
        margin-top: 1rem; } }
    #collection .headingIcon img {
      width: 175px;
      height: 24px;
      margin: 0 auto; }
  #collection .heading {
    clear: both;
    text-align: center;
    margin-top: 0px;
    font-size: 35px;
    font-weight: normal;
    letter-spacing: 9px;
    margin: 0;
    margin-top: 25px;
    text-transform: uppercase; }
    @media (max-width: 979px) {
      #collection .heading {
        font-size: 2.3rem; } }
  #collection .subheadingWrapper {
    clear: both;
    width: 100%;
    padding-top: 25px;
    padding-bottom: 25px;
    text-align: center; }
    #collection .subheadingWrapper p.subheading {
      width: 100%;
      font-size: 19px;
      line-height: 34px;
      text-align: center;
      margin: 0;
      max-width: 800px;
      margin: 0 auto; }
  #collection .collectionGrid {
    clear: both;
    width: 100%;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 25px; }
    #collection .collectionGrid:after {
      content: "";
      display: block;
      clear: both;
      width: 100%;
      height: 15px; }
    #collection .collectionGrid .gridRow {
      clear: both;
      width: 100%;
      margin: 0 auto; }
      @media (min-width: 601px) and (max-width: 768px) {
        #collection .collectionGrid .gridRow {
          max-width: 550px; } }
      @media (min-width: 769px) and (max-width: 1000px) {
        #collection .collectionGrid .gridRow {
          max-width: 720px; } }
      @media (min-width: 1001px) and (max-width: 1200px) {
        #collection .collectionGrid .gridRow {
          max-width: 900px; } }
      @media (min-width: 1201px) {
        #collection .collectionGrid .gridRow {
          max-width: 1100px; } }
      @media (min-width: 601px) {
        #collection .collectionGrid .gridRow .gridItem:nth-child(1) {
          width: 50%;
          float: left;
          box-sizing: border-box;
          padding-right: 7.5px; } }
      @media (min-width: 601px) {
        #collection .collectionGrid .gridRow .gridItem:nth-child(2) {
          width: 50%;
          float: right;
          box-sizing: border-box;
          padding-left: 7.5px; } }
    #collection .collectionGrid .gridItem {
      text-align: center; }
      @media (max-width: 600px) {
        #collection .collectionGrid .gridItem {
          margin: 0 auto; } }
      @media (max-width: 480px) {
        #collection .collectionGrid .gridItem {
          max-width: 250px; } }
      @media (min-width: 481px) and (max-width: 600px) {
        #collection .collectionGrid .gridItem {
          max-width: 400px; } }
      #collection .collectionGrid .gridItem:hover {
        cursor: pointer; }
      #collection .collectionGrid .gridItem .image {
        clear: both;
        width: 100%;
        position: relative; }
        #collection .collectionGrid .gridItem .image img {
          max-width: 100%; }
        #collection .collectionGrid .gridItem .image .overlay {
          position: absolute;
          left: 0px;
          top: 0px;
          width: 100%;
          height: 100%;
          background: white;
          opacity: 0;
          -webkit-transition: opacity 400ms;
          -moz-transition: opacity 400ms;
          -ms-transition: opacity 400ms;
          -o-transition: opacity 400ms;
          transition: opacity 400ms; }
        #collection .collectionGrid .gridItem .image .overlay.show {
          opacity: 0.7; }
      #collection .collectionGrid .gridItem .name {
        clear: both;
        width: 100%;
        padding-top: 20px;
        padding-bottom: 20px;
        font-size: 14px;
        line-height: 28px;
        letter-spacing: 2px;
        text-transform: uppercase;
        color: black;
        -webkit-transition: color 400ms;
        -moz-transition: color 400ms;
        -ms-transition: color 400ms;
        -o-transition: color 400ms;
        transition: color 400ms; }
      #collection .collectionGrid .gridItem .name.selected {
        color: #c79a73; }
      #collection .collectionGrid .gridItem .price {
        clear: both;
        width: 100%;
        padding-bottom: 40px;
        color: #c79a73;
        font-size: 13px;
        font-weight: 800; }
  #collection .catalogInfo {
    clear: both;
    width: 100%;
    position: relative;
    margin-top: 30px; }
    @media (max-width: 840px) {
      #collection .catalogInfo {
        height: 450px; } }
    @media (max-width: 840px) {
      #collection .catalogInfo .desktopImage {
        display: none; } }
    @media (max-width: 840px) {
      #collection .catalogInfo .imageHolder {
        display: none; } }
    #collection .catalogInfo .mobileImage {
      width: 100%;
      height: 100%;
      background-position: center center;
      background-size: cover;
      position: absolute;
      left: 0px;
      top: 0px;
      background-image: url(/bundles/ntechclient/img/parallax-2.jpg); }
      @media (min-width: 840px) {
        #collection .catalogInfo .mobileImage {
          display: none; } }
    #collection .catalogInfo .contentWrapper {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      height: 100%;
      z-index: 100; }
      #collection .catalogInfo .contentWrapper .content {
        width: 100%;
        max-width: 720px;
        position: absolute;
        left: 0px;
        top: 0px;
        -webkit-transition: top 400ms;
        -moz-transition: top 400ms;
        -ms-transition: top 400ms;
        -o-transition: top 400ms;
        transition: top 400ms; }
        #collection .catalogInfo .contentWrapper .content .item {
          text-align: center;
          color: white;
          visibility: hidden;
          position: absolute;
          left: 0px;
          top: 0px;
          box-sizing: border-box;
          padding: 10px; }
          #collection .catalogInfo .contentWrapper .content .item .icon {
            clear: both;
            margin: 0 auto;
            width: 175px;
            height: 43px; }
          #collection .catalogInfo .contentWrapper .content .item .name {
            clear: both;
            margin-top: 20px;
            font-size: 35px;
            letter-spacing: 9px;
            text-transform: uppercase; }
            @media (min-width: 401px) and (max-width: 490px) {
              #collection .catalogInfo .contentWrapper .content .item .name {
                font-size: 20px; } }
            @media (max-width: 400px) {
              #collection .catalogInfo .contentWrapper .content .item .name {
                display: none; } }
          #collection .catalogInfo .contentWrapper .content .item .text {
            clear: both;
            width: 100%;
            box-sizing: border-box;
            padding-left: 10px;
            padding-right: 10px;
            padding-top: 20px;
            padding-bottom: 20px;
            font-size: 19px;
            line-height: 1.666666666666667em; }
          #collection .catalogInfo .contentWrapper .content .item .subtext {
            clear: both;
            width: 100%;
            font-size: 13px;
            letter-spacing: 3px;
            text-transform: uppercase; }
  #collection .spacer {
    clear: both;
    width: 100%;
    height: 50px; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

#contacts {
  width: 100%;
  clear: both;
  margin: 0 auto;
  margin-top: 5px; }
  @media (max-width: 979px) {
    #contacts {
      margin-top: 0px; } }
  #contacts form {
    max-width: 980px;
    margin: 0 auto;
    margin-top: 35px; }
    #contacts form .input .icon, #contacts form .textarea .icon {
      background-size: cover; }
    #contacts form input[type=text], #contacts form textarea {
      background: #fafafa; }
  #contacts .spacer {
    clear: both;
    width: 100%;
    height: 50px; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

#features {
  clear: both;
  position: relative;
  font-family: Roboto; }
  #features #pageMainHeading {
    clear: both;
    width: 100%;
    position: relative; }
    #features #pageMainHeading:after {
      content: "";
      display: block;
      clear: both;
      width: 100%;
      height: 1px; }
    #features #pageMainHeading .desktopHeading {
      width: 100%;
      height: 220px;
      background-position: center center;
      background-size: cover;
      background-image: url(/bundles/ntechclient/img/clients/clientsHeading.jpg); }
      @media (max-width: 1000px) {
        #features #pageMainHeading .desktopHeading {
          display: none; } }
    #features #pageMainHeading .mobileHeading {
      max-width: 100%; }
      @media (min-width: 1001px) {
        #features #pageMainHeading .mobileHeading {
          display: none; } }
    #features #pageMainHeading .headingText {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      box-sizing: border-box;
      padding-left: 30px;
      padding-right: 30px;
      height: 100%;
      color: white; }
      #features #pageMainHeading .headingText .inner {
        display: table;
        width: 100%;
        height: 100%; }
        #features #pageMainHeading .headingText .inner .text {
          display: table-cell;
          text-align: center;
          vertical-align: middle;
          font-size: 35px;
          letter-spacing: 9px;
          text-transform: uppercase; }
  #features .grid {
    max-width: 980px;
    margin: 0 auto;
    min-height: 350px;
    -webkit-transition: height 500ms;
    -moz-transition: height 500ms;
    -ms-transition: height 500ms;
    -o-transition: height 500ms;
    transition: height 500ms;
    margin-top: 55px;
    margin-bottom: 20px;
    box-sizing: border-box;
    font-size: 0; }
    #features .grid .gridItem {
      position: relative;
      display: inline-block;
      vertical-align: top;
      width: 33.33%;
      text-align: center;
      box-sizing: border-box;
      padding-left: 10px;
      padding-right: 10px; }
      @media (max-width: 800px) {
        #features .grid .gridItem {
          width: 50%;
          box-sizing: border-box;
          padding-left: 2.5%;
          padding-right: 2.5%;
          margin-left: 0;
          margin-right: 0; } }
      #features .grid .gridItem .icon {
        clear: both;
        width: 90px;
        height: 90px;
        border-radius: 50%;
        background: #33a4f3;
        margin: 0 auto; }
      #features .grid .gridItem .iconImg {
        position: absolute;
        width: 60px;
        height: 60px;
        top: 10px;
        left: 50%;
        margin-left: -30px; }
      #features .grid .gridItem h3 {
        margin-top: 12px;
        clear: both;
        text-align: center;
        padding-bottom: 0;
        margin-bottom: 0;
        font-size: 1.3rem;
        color: #5a5a5a;
        font-size: 18px;
        color: #4e4e73;
        font-weight: bold;
        font-size: 16px;
        text-transform: uppercase; }
        @media (max-width: 599px) {
          #features .grid .gridItem h3 {
            font-size: 14px; } }
      #features .grid .gridItem p {
        clear: both;
        text-align: center;
        margin-top: 10px;
        padding-top: 0px;
        padding-bottom: 30px;
        color: #828282;
        font-size: 16px; }
      #features .grid .gridItem img {
        max-width: 85%;
        margin: 0 auto; }
        @media (max-width: 610px) {
          #features .grid .gridItem img {
            max-width: 100%; } }
  #features .spacer {
    clear: both;
    width: 100%;
    height: 50px; }
    @media (max-width: 699px) {
      #features .spacer {
        height: 20px; } }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.infoView {
  width: 100%;
  z-index: 0;
  overflow: hidden;
  opacity: 1;
  position: relative; }
  .infoView .gridItem {
    width: 100%;
    max-width: 1200px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    background: #37bdb1; }
    @media (max-width: 1199px) {
      .infoView .gridItem {
        padding-bottom: 30%;
        height: 0; } }
    @media (max-width: 799px) and (orientation: portrait) {
      .infoView .gridItem {
        padding-bottom: 0;
        height: auto; } }
    .infoView .gridItem:not(:first-child) {
      position: absolute;
      left: 100%;
      top: 0px; }
    .infoView .gridItem .slideBg {
      z-index: 1;
      width: 100%;
      height: 0;
      background: #37bdb1; }
      .infoView .gridItem .slideBg img {
        float: left;
        width: 50%;
        max-width: 100%; }
        @media (max-width: 799px) and (orientation: portrait) {
          .infoView .gridItem .slideBg img:nth-child(1) {
            display: none; } }
        @media (max-width: 799px) and (orientation: portrait) {
          .infoView .gridItem .slideBg img:nth-child(2) {
            width: 100%; } }
    .infoView .gridItem .slideContentWrapper {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      height: 100%;
      display: flex;
      flex-wrap: wrap;
      align-items: center; }
      .infoView .gridItem .slideContentWrapper .slideContent {
        z-index: 11;
        display: block;
        width: 100%;
        text-align: center; }
        .infoView .gridItem .slideContentWrapper .slideContent .slideOverlay {
          position: absolute;
          left: 0px;
          top: 0px;
          width: 100%;
          height: 100%;
          background: black;
          opacity: 0.5;
          z-index: 1; }
        .infoView .gridItem .slideContentWrapper .slideContent .slideText {
          position: relative;
          z-index: 2;
          box-sizing: border-box;
          width: 100%;
          padding: 10px 30px; }
        .infoView .gridItem .slideContentWrapper .slideContent h2 {
          color: white;
          text-align: center;
          margin-top: 0px;
          font-weight: normal;
          font-size: 36px;
          padding-bottom: 0px;
          margin-bottom: 0px; }
          @media (min-width: 700px) and (max-width: 979px) {
            .infoView .gridItem .slideContentWrapper .slideContent h2 {
              font-size: 36px; } }
          @media (max-width: 699px) and (orientation: landscape) {
            .infoView .gridItem .slideContentWrapper .slideContent h2 {
              font-size: 26px; } }
          @media (max-width: 430px) {
            .infoView .gridItem .slideContentWrapper .slideContent h2 {
              font-size: 26px; } }
        .infoView .gridItem .slideContentWrapper .slideContent p {
          color: white;
          text-align: center;
          font-size: 18px;
          margin-top: 0px;
          margin-bottom: 15px; }
          @media (min-width: 700px) and (max-width: 979px) {
            .infoView .gridItem .slideContentWrapper .slideContent p {
              font-size: 16px; } }
          @media (max-width: 699px) and (orientation: landscape) {
            .infoView .gridItem .slideContentWrapper .slideContent p {
              font-size: 18px; } }
        .infoView .gridItem .slideContentWrapper .slideContent button {
          margin-left: 0;
          padding: 5px 24px;
          background-color: white;
          opacity: 1;
          font-size: 14px;
          line-height: 24px;
          border-radius: 69px;
          margin-top: 0px;
          box-sizing: border-box;
          color: white;
          margin-right: 3px;
          -webkit-transition: background-color 600ms;
          -moz-transition: background-color 600ms;
          -ms-transition: background-color 600ms;
          -o-transition: background-color 600ms;
          transition: background-color 600ms;
          border: 1px solid;
          border-color: #37bdb1;
          color: #339a99; }
          @media (min-width: 700px) and (max-width: 979px) {
            .infoView .gridItem .slideContentWrapper .slideContent button {
              font-size: 12px; } }
          @media (max-width: 699px) and (orientation: landscape) {
            .infoView .gridItem .slideContentWrapper .slideContent button {
              font-size: 10px; } }
          .infoView .gridItem .slideContentWrapper .slideContent button:hover {
            background-color: #eff3f4;
            color: #37bdb1; }
      .infoView .gridItem .slideContentWrapper .slideContent.goldBg {
        background: #d9ac86; }
      .infoView .gridItem .slideContentWrapper .slideContent.slideContentBorders {
        border: 3px white solid;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
        .infoView .gridItem .slideContentWrapper .slideContent.slideContentBorders h2 {
          border-top: 2px white solid;
          border-bottom: 2px white solid;
          padding-top: 10px;
          padding-bottom: 10px; }
  .infoView .slideshowGrid.active {
    opacity: 1; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

#spacer {
  clear: both;
  width: 100%;
  height: 1px;
  background: white; }

#intro {
  width: 100%;
  position: relative;
  clear: both;
  max-width: 1200px;
  overflow: hidden;
  margin: 0 auto; }
  #intro .slideshowButtonWrapper {
    position: absolute;
    top: 0px;
    width: 100px;
    height: 100%;
    z-index: 4;
    -webkit-transition: width 400ms;
    -moz-transition: width 400ms;
    -ms-transition: width 400ms;
    -o-transition: width 400ms;
    transition: width 400ms; }
    #intro .slideshowButtonWrapper .button {
      position: absolute;
      top: 50%;
      width: 60px;
      height: 60px;
      margin-top: -30px;
      background: none;
      opacity: 0;
      -webkit-transition: width 400ms;
      -moz-transition: width 400ms;
      -ms-transition: width 400ms;
      -o-transition: width 400ms;
      transition: width 400ms;
      -webkit-transition: height 400ms;
      -moz-transition: height 400ms;
      -ms-transition: height 400ms;
      -o-transition: height 400ms;
      transition: height 400ms;
      -webkit-transition: opacity 400ms;
      -moz-transition: opacity 400ms;
      -ms-transition: opacity 400ms;
      -o-transition: opacity 400ms;
      transition: opacity 400ms;
      box-sizing: border-box; }
      #intro .slideshowButtonWrapper .button:hover {
        cursor: pointer; }
      @media (max-width: 1049px) {
        #intro .slideshowButtonWrapper .button {
          margin-top: -15px; } }
      @media (max-width: 700px) and (orientation: portrait) {
        #intro .slideshowButtonWrapper .button {
          margin-top: -30px; } }
      #intro .slideshowButtonWrapper .button .arrow {
        position: absolute;
        top: 50%;
        margin-top: -60px;
        margin-top: -50px; }
        @media (max-width: 600px) {
          #intro .slideshowButtonWrapper .button .arrow {
            margin-top: -36px; } }
        #intro .slideshowButtonWrapper .button .arrow:after {
          display: "block"; }
    #intro .slideshowButtonWrapper .button.active {
      opacity: 1; }
    #intro .slideshowButtonWrapper .button.afterActive {
      opacity: 0.3; }
    #intro .slideshowButtonWrapper .button.forceActive {
      opacity: 1 !important; }
  #intro .prevButtonWrapper {
    left: 0px; }
    @media (max-width: 950px) {
      #intro .prevButtonWrapper {
        left: 0px; } }
    @media (max-width: 1049px) {
      #intro .prevButtonWrapper img {
        max-height: 60px; } }
    #intro .prevButtonWrapper .button {
      left: 0px; }
      #intro .prevButtonWrapper .button .arrow {
        left: 35px;
        margin-left: 0px; }
        @media (max-width: 1000px) {
          #intro .prevButtonWrapper .button .arrow {
            left: 10px; } }
  #intro .nextButtonWrapper {
    right: 0px; }
    @media (max-width: 950px) {
      #intro .nextButtonWrapper {
        right: 0px; } }
    @media (max-width: 1049px) {
      #intro .nextButtonWrapper img {
        max-height: 60px; } }
    #intro .nextButtonWrapper .button {
      right: 0px; }
      #intro .nextButtonWrapper .button .arrow {
        right: 35px;
        margin-left: 0px; }
        @media (max-width: 1000px) {
          #intro .nextButtonWrapper .button .arrow {
            right: 10px; } }
  #intro .slidesNavWrapper {
    position: absolute;
    top: 13px;
    width: 100%;
    height: 25px;
    z-index: 4;
    text-align: center; }
    @media (max-width: 749px) {
      #intro .slidesNavWrapper {
        top: 13px; } }
    @media (max-width: 699px) and (orientation: landscape) {
      #intro .slidesNavWrapper {
        top: 0px; } }
    @media (min-width: 750px) and (max-width: 979px) {
      #intro .slidesNavWrapper {
        top: 13px; } }
    #intro .slidesNavWrapper .slidesNav {
      margin: 0 auto;
      display: inline-block;
      position: relative;
      text-align: center; }
      #intro .slidesNavWrapper .slidesNav .item {
        display: inline-block;
        vertical-align: top;
        margin-left: 3px;
        margin-right: 3px;
        width: 15px;
        height: 15px;
        line-height: 50px;
        border-radius: 50%;
        background: white;
        opacity: 0.4;
        border: 3px white solid;
        visibility: hidden;
        -webkit-transition: opacity 400;
        -moz-transition: opacity 400;
        -ms-transition: opacity 400;
        -o-transition: opacity 400;
        transition: opacity 400; }
        #intro .slidesNavWrapper .slidesNav .item:hover {
          cursor: pointer;
          opacity: 1; }
        @media (max-width: 769px) {
          #intro .slidesNavWrapper .slidesNav .item {
            width: 12px;
            height: 12px;
            margin-left: 5px;
            margin-right: 5px; } }
        @media (max-width: 699px) {
          #intro .slidesNavWrapper .slidesNav .item {
            width: 12px;
            height: 12px; } }
        @media (max-width: 549px) {
          #intro .slidesNavWrapper .slidesNav .item {
            width: 10px;
            height: 10px; } }
        @media (min-width: 770px) {
          #intro .slidesNavWrapper .slidesNav .item {
            width: 12px;
            height: 12px;
            background: #4e4e73;
            border: 3px #2f2f45 solid; } }
      #intro .slidesNavWrapper .slidesNav .navItem {
        position: absolute;
        left: 0px;
        top: 0px; }
      #intro .slidesNavWrapper .slidesNav .item.active {
        opacity: 1; }
  #intro .slideshowGrid {
    width: 100%;
    z-index: 0;
    overflow: hidden;
    opacity: 1; }
    #intro .slideshowGrid .gridItem {
      width: 100%;
      max-width: 1200px;
      background-position: center center;
      background-size: cover;
      position: relative;
      z-index: 2; }
      #intro .slideshowGrid .gridItem:not(:first-child) {
        position: absolute;
        left: 100%;
        top: 0px;
        opacity: 0;
        z-index: 1; }
      #intro .slideshowGrid .gridItem .slideBg {
        z-index: 1;
        width: 100%;
        height: 0;
        background: #4e4e73; }
        @media (max-width: 769px) {
          #intro .slideshowGrid .gridItem .slideBg {
            padding-bottom: 100%; } }
        @media (min-width: 770px) {
          #intro .slideshowGrid .gridItem .slideBg {
            padding-bottom: 42.91%; } }
      #intro .slideshowGrid .gridItem .slideBgImage {
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 2;
        width: 100%;
        height: 0; }
        @media (min-width: 770px) {
          #intro .slideshowGrid .gridItem .slideBgImage {
            padding-bottom: 42.91%;
            background-size: cover;
            background-position: center center; } }
        @media (max-width: 769px) {
          #intro .slideshowGrid .gridItem .slideBgImage {
            visibility: hidden; } }
      #intro .slideshowGrid .gridItem img {
        max-width: 100%;
        z-index: 2;
        position: absolute;
        left: 0px;
        top: 0px;
        background: #4e4e73; }
        @media (min-width: 770px) {
          #intro .slideshowGrid .gridItem img {
            visibility: hidden; } }
      @media (min-width: 700px) {
        #intro .slideshowGrid .gridItem .slideDesktopBgImg {
          display: block; } }
      @media (max-width: 699px) and (orientation: portrait) {
        #intro .slideshowGrid .gridItem .slideDesktopBgImg {
          display: none; } }
      @media (min-width: 700px) {
        #intro .slideshowGrid .gridItem .slideMobileBgImg {
          display: none; } }
      @media (max-width: 699px) and (orientation: portrait) {
        #intro .slideshowGrid .gridItem .slideMobileBgImg {
          display: block; } }
      #intro .slideshowGrid .gridItem .slideImage {
        z-index: 3;
        right: 0px;
        bottom: 0px;
        left: auto;
        top: auto;
        max-width: 810px; }
        @media (max-width: 769px) {
          #intro .slideshowGrid .gridItem .slideImage {
            max-width: none; } }
        @media (min-width: 770px) {
          #intro .slideshowGrid .gridItem .slideImage {
            visibility: hidden; } }
        @media (min-width: 770px) and (max-width: 799px) {
          #intro .slideshowGrid .gridItem .slideImage {
            max-height: 295px; } }
        @media (min-width: 800px) and (max-width: 859px) {
          #intro .slideshowGrid .gridItem .slideImage {
            max-height: 320px; } }
        @media (min-width: 860px) and (max-width: 909px) {
          #intro .slideshowGrid .gridItem .slideImage {
            max-height: 345px; } }
        @media (min-width: 910px) and (max-width: 949px) {
          #intro .slideshowGrid .gridItem .slideImage {
            max-height: 355px; } }
        @media (min-width: 950px) and (max-width: 999px) {
          #intro .slideshowGrid .gridItem .slideImage {
            max-height: 380px; } }
        @media (min-width: 1000px) and (max-width: 1049px) {
          #intro .slideshowGrid .gridItem .slideImage {
            max-height: 400px; } }
        @media (min-width: 1050px) and (max-width: 1109px) {
          #intro .slideshowGrid .gridItem .slideImage {
            max-height: 415px; } }
        @media (min-width: 1110px) and (max-width: 1164px) {
          #intro .slideshowGrid .gridItem .slideImage {
            max-height: 440px; } }
        @media (min-width: 1165px) and (max-width: 1199px) {
          #intro .slideshowGrid .gridItem .slideImage {
            max-height: 450px; } }
        @media (max-width: 769px) {
          #intro .slideshowGrid .gridItem .slideImage {
            max-width: 100%; } }
      #intro .slideshowGrid .gridItem .overlayBg {
        z-index: 10;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0px;
        top: 0px;
        background: black;
        opacity: 0.3;
        display: none; }
      #intro .slideshowGrid .gridItem .slideContent {
        z-index: 11;
        position: absolute;
        left: 0%;
        bottom: 0px;
        display: block;
        background: #4e4e73; }
        @media (max-width: 769px) {
          #intro .slideshowGrid .gridItem .slideContent {
            top: 20px !important;
            width: 100%;
            text-align: center; } }
        @media (min-width: 610px) and (max-width: 769px) and (orientation: portrait) {
          #intro .slideshowGrid .gridItem .slideContent {
            top: 50px !important; } }
        @media (max-width: 769px) {
          #intro .slideshowGrid .gridItem .slideContent {
            bottom: auto;
            top: 80px !important; } }
        @media (max-width: 659px) {
          #intro .slideshowGrid .gridItem .slideContent {
            top: 65px !important; } }
        @media (max-width: 569px) {
          #intro .slideshowGrid .gridItem .slideContent {
            top: 50px !important; } }
        @media (max-width: 459px) {
          #intro .slideshowGrid .gridItem .slideContent {
            top: 35px !important; } }
        @media (min-width: 400px) and (max-width: 459px) {
          #intro .slideshowGrid .gridItem .slideContent {
            top: 45px !important; } }
        #intro .slideshowGrid .gridItem .slideContent .contentSeparator {
          border-top: 1px #cbcbcf solid;
          margin-top: 15px;
          margin-bottom: 5px; }
          @media (min-width: 770px) {
            #intro .slideshowGrid .gridItem .slideContent .contentSeparator {
              display: none; } }
          @media (max-width: 499px) {
            #intro .slideshowGrid .gridItem .slideContent .contentSeparator {
              display: none; } }
        #intro .slideshowGrid .gridItem .slideContent .slideOverlay {
          position: absolute;
          left: 0px;
          top: 0px;
          width: 100%;
          height: 100%;
          background: black;
          opacity: 0.5;
          z-index: 1; }
        #intro .slideshowGrid .gridItem .slideContent .slideText {
          position: relative;
          z-index: 2;
          box-sizing: border-box;
          padding: 10px 90px;
          vertical-align: top;
          display: inline-block; }
          @media (min-width: 770px) and (max-width: 829px) {
            #intro .slideshowGrid .gridItem .slideContent .slideText {
              padding: 10px 60px; } }
          @media (min-width: 830px) and (max-width: 979px) {
            #intro .slideshowGrid .gridItem .slideContent .slideText {
              padding: 10px 90px; } }
          @media (max-width: 769px) and (orientation: portrait) {
            #intro .slideshowGrid .gridItem .slideContent .slideText {
              padding: 10px 30px; } }
        #intro .slideshowGrid .gridItem .slideContent .slideTextLink {
          padding: 13px 60px;
          vertical-align: top;
          display: inline-block;
          background: #33a4f3;
          color: white;
          font-size: 16px;
          font-family: Roboto; }
          @media (max-width: 899px) {
            #intro .slideshowGrid .gridItem .slideContent .slideTextLink {
              font-size: 14px; } }
          @media (max-width: 769px) {
            #intro .slideshowGrid .gridItem .slideContent .slideTextLink {
              display: none; } }
          #intro .slideshowGrid .gridItem .slideContent .slideTextLink:hover {
            background: #7bc4f7; }
        @media (min-width: 770px) {
          #intro .slideshowGrid .gridItem .slideContent .viewButtonLink {
            display: none !important; } }
        #intro .slideshowGrid .gridItem .slideContent h2 {
          color: white;
          text-align: left;
          margin-top: 0px;
          font-weight: normal;
          font-size: 16px;
          padding-bottom: 0px;
          margin-bottom: 0px;
          font-family: Roboto; }
          @media (max-width: 899px) {
            #intro .slideshowGrid .gridItem .slideContent h2 {
              font-size: 14px; } }
          @media (min-width: 770px) {
            #intro .slideshowGrid .gridItem .slideContent h2 {
              padding-top: 5px;
              padding-bottom: 5px; } }
          @media (max-width: 769px) {
            #intro .slideshowGrid .gridItem .slideContent h2 {
              font-size: 30px; } }
          @media (max-width: 699px) {
            #intro .slideshowGrid .gridItem .slideContent h2 {
              font-size: 26px; } }
          @media (max-width: 599px) {
            #intro .slideshowGrid .gridItem .slideContent h2 {
              font-size: 20px; } }
        #intro .slideshowGrid .gridItem .slideContent p {
          color: white;
          text-align: left;
          font-size: 18px;
          margin-top: 0px;
          margin-bottom: 15px; }
          @media (min-width: 770px) {
            #intro .slideshowGrid .gridItem .slideContent p {
              max-width: 390px; } }
          @media (min-width: 770px) and (max-width: 979px) {
            #intro .slideshowGrid .gridItem .slideContent p {
              font-size: 14px;
              max-width: 270px; } }
          @media (max-width: 769px) and (orientation: landscape) {
            #intro .slideshowGrid .gridItem .slideContent p {
              font-size: 22px; } }
          @media (max-width: 769px) and (orientation: portrait) {
            #intro .slideshowGrid .gridItem .slideContent p {
              text-align: center; } }
          @media (max-width: 769px) and (orientation: landscape) {
            #intro .slideshowGrid .gridItem .slideContent p {
              font-size: 16px;
              max-width: 240px; } }
          @media (max-width: 430px) {
            #intro .slideshowGrid .gridItem .slideContent p {
              font-size: 14px; } }
          @media (max-width: 349px) {
            #intro .slideshowGrid .gridItem .slideContent p {
              font-size: 12px; } }
        #intro .slideshowGrid .gridItem .slideContent button {
          margin-left: 0;
          padding: 5px 24px;
          background-color: white;
          opacity: 1;
          font-size: 14px;
          line-height: 24px;
          border-radius: 9px;
          margin-top: 15px;
          box-sizing: border-box;
          color: white;
          margin-right: 3px;
          color: #339a99;
          background: #33a4f3;
          color: white;
          outline: none;
          border: 0px;
          width: 100%; }
          @media (min-width: 770px) and (max-width: 979px) {
            #intro .slideshowGrid .gridItem .slideContent button {
              font-size: 12px; } }
          #intro .slideshowGrid .gridItem .slideContent button:hover {
            background-color: #7bc4f7;
            cursor: pointer; }
        @media (min-width: 770px) {
          #intro .slideshowGrid .gridItem .slideContent {
            background: none; }
            #intro .slideshowGrid .gridItem .slideContent h2, #intro .slideshowGrid .gridItem .slideContent .viewButtonLink {
              z-index: 2;
              position: relative; }
            #intro .slideshowGrid .gridItem .slideContent .slideText {
              position: relative; }
              #intro .slideshowGrid .gridItem .slideContent .slideText .bgOverlay {
                position: absolute;
                left: 0px;
                top: 0px;
                width: 100%;
                height: 100%;
                background: #4e4e73;
                z-index: 1;
                opacity: 0.7; }
            #intro .slideshowGrid .gridItem .slideContent .slideTextLink {
              position: relative;
              background: none;
              margin-left: -4px;
              padding-bottom: 12px; }
              #intro .slideshowGrid .gridItem .slideContent .slideTextLink .viewButtonWrap {
                position: relative;
                z-index: 2; }
              #intro .slideshowGrid .gridItem .slideContent .slideTextLink .bgOverlay {
                position: absolute;
                left: 0px;
                top: 0px;
                width: 100%;
                height: 100%;
                background: #33a4f3;
                z-index: 1;
                opacity: 0.7; } }
      #intro .slideshowGrid .gridItem .slideContent.goldBg {
        background: #d9ac86; }
      #intro .slideshowGrid .gridItem .slideContent.slideContentBorders {
        border: 3px white solid;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
        #intro .slideshowGrid .gridItem .slideContent.slideContentBorders h2 {
          border-top: 2px white solid;
          border-bottom: 2px white solid;
          padding-top: 10px;
          padding-bottom: 10px; }
  #intro .slideshowGrid.active {
    opacity: 1; }

#introBottomSpacer {
  clear: both;
  width: 100%;
  height: 1px; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.pageArrow {
  position: absolute;
  left: 50%;
  bottom: -28px;
  width: 160px;
  height: 60px;
  margin-left: -80px;
  z-index: 999; }
  .pageArrow img {
    width: 100%;
    max-width: 100%; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

#team {
  clear: both;
  overflow: hidden; }
  #team .teamLegendHeading {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    text-align: center;
    color: #34495e;
    text-decoration: underline; }
  #team .teamLegend {
    margin: 0 auto;
    width: 100%;
    max-width: 700px;
    padding-top: 0;
    margin-top: 0;
    text-align: center;
    color: #aaaaaa;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 35px;
    padding-top: 35px; }
  #team .grid {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    -webkit-transition: height 500ms;
    -moz-transition: height 500ms;
    -ms-transition: height 500ms;
    -o-transition: height 500ms;
    transition: height 500ms; }
    #team .grid .gridItem {
      width: 100%;
      position: absolute;
      visibility: hidden;
      text-align: center;
      box-sizing: border-box;
      text-align: center; }
      #team .grid .gridItem .icon {
        clear: both;
        width: 90px;
        height: 90px;
        border-radius: 50%;
        background: #37bdb1;
        margin: 0 auto; }
      #team .grid .gridItem h3 {
        margin-top: 12px;
        clear: both;
        text-align: center;
        padding-bottom: 0;
        margin-bottom: 0;
        font-size: 1.3rem;
        color: #5a5a5a; }
      #team .grid .gridItem p {
        clear: both;
        text-align: center;
        margin-top: 10px;
        padding-top: 0px;
        padding-bottom: 15px;
        color: #828282; }
      #team .grid .gridItem img {
        max-width: 65%;
        margin: 0 auto; }
        @media (max-width: 630px) {
          #team .grid .gridItem img {
            max-width: 85%; } }
  #team .spacer {
    clear: both;
    width: 100%;
    height: 50px; }
    @media (max-width: 699px) {
      #team .spacer {
        height: 20px; } }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

#mapFilters {
  z-index: 2; }

@media (max-width: 999px) {
  #mapFilters.hideScrollOnMobiles {
    overflow-y: visible !important; } }

@media (max-width: 999px) {
  #mapFilters {
    -webkit-transform: translate3d(-100%, 0, 0) !important;
    -ms-transform: translate3d(-100%, 0, 0) !important;
    transform: translate3d(-100%, 0, 0) !important; } }

@media (max-width: 999px) {
  #mapFilters.openedFilters {
    -webkit-transform: translate3d(0px, 0, 0) !important;
    -ms-transform: translate3d(0px, 0, 0) !important;
    transform: translate3d(0px, 0, 0) !important; } }

#mapFilters, #mapFilters .allFilter {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 250px;
  min-height: -webkit-calc(100vh - 65px);
  min-height: -moz-calc(100vh - 65px);
  min-height: calc(100vh - 65px);
  background: #34495e;
  -webkit-transition: transform 400ms ease;
  -moz-transition: transform 400ms ease;
  -ms-transition: transform 400ms ease;
  -o-transition: transform 400ms ease;
  transition: transform 400ms ease;
  -webkit-transform: translate3d(0px, 0, 0);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0); }
  @media (max-width: 999px) {
    #mapFilters, #mapFilters .allFilter {
      position: fixed;
      z-index: 1000;
      overflow-y: auto;
      height: 100% !important;
      width: 150px; } }
  #mapFilters .mobileTop, #mapFilters .allFilter .mobileTop {
    clear: both;
    width: 100%;
    height: 40px;
    line-height: 41px;
    text-align: left;
    color: white;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    font-size: 12px; }
    @media (min-width: 1000px) {
      #mapFilters .mobileTop, #mapFilters .allFilter .mobileTop {
        display: none; } }
    #mapFilters .mobileTop .close, #mapFilters .allFilter .mobileTop .close {
      position: absolute;
      top: 12px;
      right: 20px;
      width: 40px;
      height: 17px;
      line-height: 17px;
      border-radius: 69px;
      background: #339a99;
      text-align: center;
      font-size: 13px;
      color: white;
      padding-left: 10px;
      padding-right: 10px;
      font-size: 10px;
      left: 50%;
      right: auto;
      margin-left: -30px; }
    #mapFilters .mobileTop:hover, #mapFilters .allFilter .mobileTop:hover {
      color: white;
      background: #455971;
      cursor: pointer; }
  #mapFilters .sectionHeading, #mapFilters .allFilter .sectionHeading {
    clear: both;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    height: 50px;
    line-height: 50px;
    color: white;
    background: #455971;
    z-index: 1; }
    @media (max-width: 999px) {
      #mapFilters .sectionHeading, #mapFilters .allFilter .sectionHeading {
        display: none; } }
  #mapFilters .viewChooser, #mapFilters .allFilter .viewChooser {
    clear: both;
    box-sizing: border-box;
    width: 100%;
    padding: 30px 35px;
    z-index: 1; }
    @media (max-width: 999px) {
      #mapFilters .viewChooser, #mapFilters .allFilter .viewChooser {
        display: none; } }
    #mapFilters .viewChooser .itemsWrapper, #mapFilters .allFilter .viewChooser .itemsWrapper {
      width: 100%;
      height: 30px;
      position: relative; }
      #mapFilters .viewChooser .itemsWrapper .item, #mapFilters .allFilter .viewChooser .itemsWrapper .item {
        position: absolute;
        top: 0px;
        width: 56%;
        height: 30px;
        line-height: 30px;
        text-align: center;
        background: #263749;
        color: white;
        border-radius: 69px;
        z-index: 1; }
        #mapFilters .viewChooser .itemsWrapper .item:nth-child(1), #mapFilters .allFilter .viewChooser .itemsWrapper .item:nth-child(1) {
          left: 0px; }
        #mapFilters .viewChooser .itemsWrapper .item:nth-child(2), #mapFilters .allFilter .viewChooser .itemsWrapper .item:nth-child(2) {
          right: 0px; }
        #mapFilters .viewChooser .itemsWrapper .item a, #mapFilters .allFilter .viewChooser .itemsWrapper .item a {
          border-radius: 69px;
          display: block;
          width: 100%;
          height: 30px;
          color: white; }
          #mapFilters .viewChooser .itemsWrapper .item a:hover, #mapFilters .allFilter .viewChooser .itemsWrapper .item a:hover {
            background: #37bdb1;
            cursor: pointer;
            text-decoration: none; }
        #mapFilters .viewChooser .itemsWrapper .item.secondItem a:hover, #mapFilters .allFilter .viewChooser .itemsWrapper .item.secondItem a:hover {
          background: #dbe33e;
          color: black; }
      #mapFilters .viewChooser .itemsWrapper .item.selected, #mapFilters .allFilter .viewChooser .itemsWrapper .item.selected {
        z-index: 2;
        background: #37bdb1; }
        #mapFilters .viewChooser .itemsWrapper .item.selected.secondItem a, #mapFilters .allFilter .viewChooser .itemsWrapper .item.selected.secondItem a {
          background: #dbe33e;
          color: black; }
  #mapFilters .viewContent, #mapFilters .allFilter .viewContent {
    clear: both;
    box-sizing: border-box;
    width: 100%;
    padding: 25px 35px;
    padding-top: 12px;
    z-index: 1; }
    @media (max-width: 999px) {
      #mapFilters .viewContent, #mapFilters .allFilter .viewContent {
        padding-top: 4px;
        padding-left: 20px;
        padding-right: 20px; } }
    #mapFilters .viewContent .filtersGroupHeading, #mapFilters .allFilter .viewContent .filtersGroupHeading {
      clear: both;
      width: 100%;
      height: 30px;
      line-height: 30px;
      padding-top: 15px; }
      #mapFilters .viewContent .filtersGroupHeading:after, #mapFilters .allFilter .viewContent .filtersGroupHeading:after {
        content: "";
        display: block;
        clear: both;
        width: 100%;
        height: 1px; }
      @media (max-width: 999px) {
        #mapFilters .viewContent .filtersGroupHeading, #mapFilters .allFilter .viewContent .filtersGroupHeading {
          font-size: 12px;
          padding-top: 8px;
          height: auto; }
          #mapFilters .viewContent .filtersGroupHeading:first-child, #mapFilters .allFilter .viewContent .filtersGroupHeading:first-child {
            padding-top: 0px; } }
      #mapFilters .viewContent .filtersGroupHeading .left, #mapFilters .allFilter .viewContent .filtersGroupHeading .left {
        float: left;
        height: 30px;
        line-height: 30px;
        color: white; }
      #mapFilters .viewContent .filtersGroupHeading .right, #mapFilters .allFilter .viewContent .filtersGroupHeading .right {
        float: right;
        height: 30px;
        line-height: 30px;
        color: #37bdb1; }
        @media (max-width: 999px) {
          #mapFilters .viewContent .filtersGroupHeading .right, #mapFilters .allFilter .viewContent .filtersGroupHeading .right {
            clear: both;
            float: left;
            margin-top: -12px; } }
        @media (min-width: 1000px) {
          #mapFilters .viewContent .filtersGroupHeading .right:hover, #mapFilters .allFilter .viewContent .filtersGroupHeading .right:hover {
            cursor: pointer;
            color: #339a99; } }
    @media (max-width: 999px) {
      #mapFilters .viewContent .filtersGroupHeading:hover, #mapFilters .allFilter .viewContent .filtersGroupHeading:hover {
        cursor: pointer; }
        #mapFilters .viewContent .filtersGroupHeading:hover .right, #mapFilters .allFilter .viewContent .filtersGroupHeading:hover .right {
          color: #339a99; } }
    #mapFilters .viewContent .filtersGroupHeading.smallPadding, #mapFilters .allFilter .viewContent .filtersGroupHeading.smallPadding {
      padding-top: 0px; }
    #mapFilters .viewContent .filter, #mapFilters .allFilter .viewContent .filter {
      clear: both;
      width: 100%;
      position: relative;
      padding-top: 5px;
      padding-bottom: 5px;
      border-top: 1px #34495e solid;
      border-bottom: 1px #34495e solid;
      box-sizing: border-box;
      font-size: 13px; }
      #mapFilters .viewContent .filter:after, #mapFilters .allFilter .viewContent .filter:after {
        content: "";
        display: block;
        clear: both;
        width: 100%;
        height: 1px; }
      @media (max-width: 999px) {
        #mapFilters .viewContent .filter, #mapFilters .allFilter .viewContent .filter {
          font-size: 11px; } }
      #mapFilters .viewContent .filter .icon, #mapFilters .allFilter .viewContent .filter .icon {
        position: absolute;
        left: 0px;
        top: 5px;
        width: 20px;
        height: 20px;
        line-height: 20px;
        border-radius: 50%;
        border: 2px #37bdb1 solid;
        box-sizing: border-box; }
        @media (max-width: 999px) {
          #mapFilters .viewContent .filter .icon, #mapFilters .allFilter .viewContent .filter .icon {
            line-height: 21px; } }
        #mapFilters .viewContent .filter .icon img, #mapFilters .allFilter .viewContent .filter .icon img {
          visibility: hidden;
          max-width: 100%; }
      #mapFilters .viewContent .filter .text, #mapFilters .allFilter .viewContent .filter .text {
        float: left;
        width: 100%;
        line-height: 20px;
        box-sizing: border-box;
        padding-left: 30px;
        color: white; }
      #mapFilters .viewContent .filter.selected .icon, #mapFilters .allFilter .viewContent .filter.selected .icon {
        background: #37bdb1;
        border: 0px #37bdb1 solid; }
        #mapFilters .viewContent .filter.selected .icon img, #mapFilters .allFilter .viewContent .filter.selected .icon img {
          visibility: visible; }
      #mapFilters .viewContent .filter:hover, #mapFilters .allFilter .viewContent .filter:hover {
        cursor: pointer;
        border-top: 1px #37bdb1 solid;
        border-bottom: 1px #37bdb1 solid;
        box-sizing: border-box; }
    #mapFilters .viewContent .firstFilter, #mapFilters .allFilter .viewContent .firstFilter {
      margin-top: 7px; }
  #mapFilters.allFilter, #mapFilters .allFilter.allFilter {
    z-index: 2;
    width: 530px;
    left: 0px;
    -webkit-transition: transform 400ms ease;
    -moz-transition: transform 400ms ease;
    -ms-transition: transform 400ms ease;
    -o-transition: transform 400ms ease;
    transition: transform 400ms ease;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    box-sizing: border-box; }
    #mapFilters.allFilter:after, #mapFilters .allFilter.allFilter:after {
      content: "";
      display: block;
      clear: both;
      width: 100%;
      height: 1px; }
    @media (max-width: 999px) and (orientation: portrait) {
      #mapFilters.allFilter, #mapFilters .allFilter.allFilter {
        width: 330px; } }
    @media (max-width: 999px) and (orientation: landscape) {
      #mapFilters.allFilter, #mapFilters .allFilter.allFilter {
        width: 300px; } }
    #mapFilters.allFilter:after, #mapFilters .allFilter.allFilter:after {
      display: block;
      content: "";
      clear: both;
      width: 100%;
      height: 10px; }
    #mapFilters.allFilter .topButton, #mapFilters .allFilter.allFilter .topButton {
      clear: both;
      width: 100%;
      height: 55px;
      line-height: 55px;
      text-align: left;
      color: white;
      background: #34495e;
      box-sizing: border-box;
      padding-left: 37px;
      padding-right: 37px;
      position: relative; }
      @media (max-width: 999px) {
        #mapFilters.allFilter .topButton, #mapFilters .allFilter.allFilter .topButton {
          height: 40px;
          line-height: 41px;
          font-size: 12px;
          padding-left: 20px;
          padding-right: 20px; } }
      #mapFilters.allFilter .topButton .close, #mapFilters .allFilter.allFilter .topButton .close {
        position: absolute;
        top: 16px;
        right: 37px;
        width: 60px;
        height: 24px;
        line-height: 23px;
        border-radius: 69px;
        background: #339a99;
        text-align: center;
        font-size: 13px;
        color: white;
        padding-left: 10px;
        padding-right: 10px; }
        @media (max-width: 999px) {
          #mapFilters.allFilter .topButton .close, #mapFilters .allFilter.allFilter .topButton .close {
            top: 12px;
            width: 40px;
            height: 17px;
            line-height: 17px;
            font-size: 10px;
            right: 20px; } }
      #mapFilters.allFilter .topButton:hover, #mapFilters .allFilter.allFilter .topButton:hover {
        color: white;
        background: #455971;
        cursor: pointer; }
    #mapFilters.allFilter .disablePaddingTop, #mapFilters .allFilter.allFilter .disablePaddingTop {
      padding-top: 0px; }
    #mapFilters.allFilter .filtersHeadingWrap, #mapFilters .allFilter.allFilter .filtersHeadingWrap {
      clear: both;
      width: 100%;
      height: 40px;
      line-height: 30px;
      text-align: center; }
      #mapFilters.allFilter .filtersHeadingWrap:not(:first-child), #mapFilters .allFilter.allFilter .filtersHeadingWrap:not(:first-child) {
        height: 45px;
        line-height: 38px; }
      #mapFilters.allFilter .filtersHeadingWrap .filtersHeading, #mapFilters .allFilter.allFilter .filtersHeadingWrap .filtersHeading {
        height: 20px;
        line-height: 20px;
        border-bottom: 1px #37bdb1 solid;
        color: white;
        font-size: 14px;
        display: inline-block; }
        @media (max-width: 999px) {
          #mapFilters.allFilter .filtersHeadingWrap .filtersHeading, #mapFilters .allFilter.allFilter .filtersHeadingWrap .filtersHeading {
            font-size: 12px; } }
    #mapFilters.allFilter .filtersRow, #mapFilters .allFilter.allFilter .filtersRow {
      clear: both;
      width: 100%; }
    #mapFilters.allFilter .filter, #mapFilters .allFilter.allFilter .filter {
      width: 50%;
      float: left;
      clear: none;
      box-sizing: border-box;
      font-size: 13px;
      padding-right: 10px; }
      @media (max-width: 999px) {
        #mapFilters.allFilter .filter, #mapFilters .allFilter.allFilter .filter {
          font-size: 11px; } }
      #mapFilters.allFilter .filter .icon, #mapFilters .allFilter.allFilter .filter .icon {
        line-height: 20px; }
        @media (max-width: 999px) {
          #mapFilters.allFilter .filter .icon, #mapFilters .allFilter.allFilter .filter .icon {
            line-height: 21px; } }
  #mapFilters.allFilter.openedFilter, #mapFilters .allFilter.allFilter.openedFilter {
    -webkit-transform: translate3d(0px, 0, 0);
    -ms-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0); }
  #mapFilters.allFilterOverlay, #mapFilters .allFilter.allFilterOverlay {
    z-index: 3;
    background: #ebebeb; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

@media (min-width: 976px) {
  .paddingWrapper {
    padding: 0% 0% !important; } }

.mapSection {
  position: relative;
  width: 100%; }
  .mapSection:after {
    content: "";
    display: block;
    clear: both;
    width: 100%;
    height: 1px; }

#mapViewSwitcher {
  position: fixed;
  bottom: 0px;
  left: 0px;
  z-index: 1000; }
  @media (min-width: 1000px) {
    #mapViewSwitcher {
      display: none; } }
  #mapViewSwitcher a:hover, #mapViewSwitcher a:focus, #mapViewSwitcher a:active {
    outline: none; }
  #mapViewSwitcher a {
    display: block;
    padding: 14px 22px;
    background: #37bdb1;
    color: white;
    text-decoration: underline;
    color: white;
    font-size: 12px; }
    #mapViewSwitcher a:hover {
      background: white;
      color: #37bdb1; }

.footerSpacer {
  display: none !important; }

#footer {
  border-top: 0px white solid !important; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.jobsListButtonSideControl {
  position: absolute;
  right: 20px;
  top: 0px;
  z-index: 1000;
  height: 65px;
  display: flex;
  align-items: center;
  flex-wrap: wrap; }
  @media (min-width: 470px) {
    .jobsListButtonSideControl {
      right: 25px; } }
  @media (min-width: 1000px) {
    .jobsListButtonSideControl {
      display: none; } }
  .jobsListButtonSideControl .buttonControl {
    padding: 4px 12px;
    padding-bottom: 2px;
    border: 1px #34495e solid;
    color: #34495e;
    font-weight: bold;
    font-size: 10px;
    border-radius: 9px; }
    .jobsListButtonSideControl .buttonControl:hover {
      background: #ebebeb; }
  .jobsListButtonSideControl a:hover {
    text-decoration: none; }
  .jobsListButtonSideControl.snapToViewportTop {
    position: fixed;
    right: 0px;
    top: 0px;
    height: 40px;
    background: red;
    min-width: 60px;
    box-sizing: border-box;
    background: white; }
    .jobsListButtonSideControl.snapToViewportTop a {
      display: block;
      width: 100%;
      height: 100%;
      line-height: 40px;
      background: white; }
    .jobsListButtonSideControl.snapToViewportTop .buttonControl {
      width: 100%;
      border: 0px solid;
      text-align: center;
      box-sizing: border-box;
      padding: 0px;
      border-radius: 0px;
      background: white;
      color: #34495e;
      border: 1px #34495e solid; }
    .jobsListButtonSideControl.snapToViewportTop:hover a, .jobsListButtonSideControl.snapToViewportTop:hover .buttonControl {
      background: #ebebeb; }

.jobFiltersBottomStickyControl {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  z-index: 1;
  text-align: center;
  background: white;
  border-top: 1px #ebebeb solid;
  color: #34495e;
  font-weight: bold; }
  @media (max-width: 599px) {
    .jobFiltersBottomStickyControl {
      padding-top: 12px;
      padding-bottom: 12px;
      font-size: 12px; } }
  @media (min-width: 1000px) {
    .jobFiltersBottomStickyControl {
      display: none; } }
  .jobFiltersBottomStickyControl:after {
    content: "hidden";
    display: none; }
  @media (max-width: 999px) {
    .jobFiltersBottomStickyControl:after {
      content: "active"; } }
  .jobFiltersBottomStickyControl .filtersIcon:after {
    font-family: FontAwesome;
    content: "\f0b0";
    color: #34495e;
    padding-right: 7px;
    font-size: 16px; }
  .jobFiltersBottomStickyControl:hover {
    cursor: pointer;
    background: whitesmoke; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

#mapView {
  width: 100%;
  box-sizing: border-box;
  padding-left: 250px;
  float: left;
  z-index: 1;
  position: relative; }
  @media (max-width: 999px) {
    #mapView {
      padding-left: 0px; } }
  #mapView .mapControls {
    clear: both;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    background: whitesmoke;
    box-sizing: border-box;
    padding-left: 30px;
    padding-right: 30px; }
    @media (max-width: 599px) {
      #mapView .mapControls {
        padding: 10px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 12px;
        background: whitesmoke; } }
    @media (max-width: 599px) and (orientation: landscape) {
      #mapView .mapControls {
        padding-left: 0px;
        padding-right: 0px; } }
  #mapView .mapView {
    clear: both;
    width: 100%;
    box-sizing: border-box;
    position: relative; }
    #mapView .mapView #listViewWrap {
      min-height: 400px; }
      @media (max-width: 999px) {
        #mapView .mapView #listViewWrap {
          min-height: 150px; } }
    #mapView .mapView .mapWrapper {
      clear: both;
      width: 100%;
      z-index: 1;
      box-sizing: border-box; }
      @media (max-width: 599px) and (orientation: portrait) {
        #mapView .mapView .mapWrapper.initialMapWrapperHeight {
          height: -webkit-calc(100vh - 200px);
          height: -moz-calc(100vh - 200px);
          height: calc(100vh - 200px); } }
      @media (max-width: 599px) and (orientation: landscape) {
        #mapView .mapView .mapWrapper.initialMapWrapperHeight {
          height: -webkit-calc(100vh - 155px);
          height: -moz-calc(100vh - 155px);
          height: calc(100vh - 155px); } }
      @media (min-width: 600px) and (max-width: 899px) and (orientation: portrait) {
        #mapView .mapView .mapWrapper.initialMapWrapperHeight {
          height: -webkit-calc(100vh - 270px);
          height: -moz-calc(100vh - 270px);
          height: calc(100vh - 270px); } }
      @media (min-width: 600px) and (max-width: 899px) and (orientation: landscape) {
        #mapView .mapView .mapWrapper.initialMapWrapperHeight {
          height: -webkit-calc(100vh - 270px);
          height: -moz-calc(100vh - 270px);
          height: calc(100vh - 270px); } }
      @media (min-width: 900px) and (max-width: 999px) and (orientation: portrait) {
        #mapView .mapView .mapWrapper.initialMapWrapperHeight {
          height: -webkit-calc(100vh - 215px);
          height: -moz-calc(100vh - 215px);
          height: calc(100vh - 215px); } }
      @media (min-width: 900px) and (max-width: 999px) and (orientation: landscape) {
        #mapView .mapView .mapWrapper.initialMapWrapperHeight {
          height: -webkit-calc(100vh - 215px);
          height: -moz-calc(100vh - 215px);
          height: calc(100vh - 215px); } }
      @media (min-width: 1000px) {
        #mapView .mapView .mapWrapper.initialMapWrapperHeight {
          height: -webkit-calc(100vh - 245px);
          height: -moz-calc(100vh - 245px);
          height: calc(100vh - 245px); } }
      #mapView .mapView .mapWrapper .listViewWrapper {
        position: relative; }
      #mapView .mapView .mapWrapper #listView {
        z-index: 1; }
        #mapView .mapView .mapWrapper #listView .listPreloader {
          position: absolute;
          top: 50%;
          left: 50%;
          width: 200px;
          height: 100px;
          margin-left: -100px;
          margin-top: -50px; }
          #mapView .mapView .mapWrapper #listView .listPreloader .top {
            width: 85px;
            height: 85px;
            position: relative;
            margin: 0 auto; }
            @media (max-width: 999px) {
              #mapView .mapView .mapWrapper #listView .listPreloader .top {
                height: 80px; } }
            #mapView .mapView .mapWrapper #listView .listPreloader .top:after {
              position: absolute;
              left: 10px;
              top: 0px;
              content: "\f002";
              font-family: FontAwesome;
              font-size: 62px;
              color: #5a5a5a;
              color: #37bdb1; }
              @media (max-width: 999px) {
                #mapView .mapView .mapWrapper #listView .listPreloader .top:after {
                  font-size: 56px; } }
          #mapView .mapView .mapWrapper #listView .listPreloader .bottom {
            text-align: center;
            font-size: 14px;
            font-family: RobotoLight; }
      #mapView .mapView .mapWrapper #listLoaderWrap {
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 1001;
        width: 100%;
        height: 300px;
        display: none; }
      #mapView .mapView .mapWrapper .map {
        width: 100%;
        height: 100%; }
      #mapView .mapView .mapWrapper .locationMsg {
        position: absolute;
        right: 15px;
        top: 10px;
        background: #37bdb1;
        color: white;
        padding: 6px 30px;
        border-radius: 69px;
        font-size: 12px; }
        @media (max-width: 999px) {
          #mapView .mapView .mapWrapper .locationMsg {
            border-radius: 9px; } }
        @media (max-width: 999px) {
          #mapView .mapView .mapWrapper .locationMsg {
            top: 15px; } }
        @media (max-width: 599px) {
          #mapView .mapView .mapWrapper .locationMsg {
            right: 5px;
            top: 5px;
            font-size: 10px;
            padding-left: 15px;
            padding-right: 15px; } }
        #mapView .mapView .mapWrapper .locationMsg.hiddenControl {
          display: none; }
      #mapView .mapView .mapWrapper .filtersControl {
        position: absolute;
        left: 15px;
        top: 15px;
        padding: 10px;
        padding-top: 9px;
        padding-bottom: 11px;
        padding-left: 25px;
        padding-right: 25px;
        background: white;
        color: #34495e;
        font-weight: bold;
        border: 1px #d2d2d2 solid;
        border-radius: 9px;
        font-size: 12px; }
        @media (max-width: 599px) {
          #mapView .mapView .mapWrapper .filtersControl {
            left: 5px;
            top: 5px; } }
        @media (min-width: 1000px) {
          #mapView .mapView .mapWrapper .filtersControl {
            display: none; } }
        #mapView .mapView .mapWrapper .filtersControl.hiddenControl {
          display: none; }
        #mapView .mapView .mapWrapper .filtersControl .filtersIcon:after {
          font-family: FontAwesome;
          content: "\f0b0";
          color: #34495e;
          padding-right: 7px;
          font-size: 16px; }
        #mapView .mapView .mapWrapper .filtersControl:hover {
          cursor: pointer;
          background: #ebebeb; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.mapPopupWindow {
  width: 350px;
  max-width: 350px;
  box-sizing: border-box;
  padding: 15px 10px;
  padding-bottom: 12px; }
  @media (max-width: 599px) {
    .mapPopupWindow {
      width: 250px;
      max-width: 250px;
      padding: 0px; } }
  .mapPopupWindow .popupContent {
    box-sizing: border-box;
    width: 100%;
    max-height: 220px;
    overflow-y: auto; }
    @media (max-width: 599px) {
      .mapPopupWindow .popupContent {
        max-height: 200px; } }
    .mapPopupWindow .popupContent .item {
      position: relative; }
      .mapPopupWindow .popupContent .item .headingWrapper {
        border-bottom: 1px #e1e1e1 solid; }
        .mapPopupWindow .popupContent .item .headingWrapper .image {
          position: absolute;
          left: 0px;
          top: 0px;
          width: 55px;
          height: 55px;
          border-radius: 9px;
          border: 1px #d2d2d2 solid;
          overflow: hidden; }
          .mapPopupWindow .popupContent .item .headingWrapper .image img {
            border-radius: 9px;
            max-width: 100%; }
          .mapPopupWindow .popupContent .item .headingWrapper .image:hover {
            cursor: pointer;
            border: 1px #37bdb1 solid; }
        .mapPopupWindow .popupContent .item .headingWrapper .content {
          width: 100%;
          min-height: 70px;
          box-sizing: border-box;
          padding-left: 75px; }
          .mapPopupWindow .popupContent .item .headingWrapper .content .top {
            padding-top: 5px;
            font-size: 16px;
            font-weight: bold; }
            .mapPopupWindow .popupContent .item .headingWrapper .content .top a {
              color: #34495e; }
          .mapPopupWindow .popupContent .item .headingWrapper .content .bottom {
            font-size: 14px;
            padding-top: 3px;
            color: #828282; }
        @media (max-width: 599px) {
          .mapPopupWindow .popupContent .item .headingWrapper .image {
            width: 50px;
            height: 50px; }
          .mapPopupWindow .popupContent .item .headingWrapper .content {
            padding-left: 65px;
            min-height: 60px; }
            .mapPopupWindow .popupContent .item .headingWrapper .content .top {
              font-size: 15px; }
            .mapPopupWindow .popupContent .item .headingWrapper .content .bottom {
              padding-top: 1px; } }
      .mapPopupWindow .popupContent .item .dataWrapper .jobItem {
        border-bottom: 1px #e1e1e1 solid;
        padding-top: 7px;
        padding-bottom: 9px; }
        .mapPopupWindow .popupContent .item .dataWrapper .jobItem .jobItemContent {
          width: 100%;
          position: relative;
          box-sizing: border-box; }
          .mapPopupWindow .popupContent .item .dataWrapper .jobItem .jobItemContent .text {
            width: 100%;
            box-sizing: border-box;
            padding-right: 60px;
            line-height: 20px;
            min-height: 32px;
            display: flex;
            align-items: center;
            flex-wrap: wrap; }
            .mapPopupWindow .popupContent .item .dataWrapper .jobItem .jobItemContent .text .subtext {
              font-size: 12px;
              color: #828282; }
          .mapPopupWindow .popupContent .item .dataWrapper .jobItem .jobItemContent .view {
            position: absolute;
            right: 0px;
            top: 12px;
            width: 60px;
            height: 20px; }
            .mapPopupWindow .popupContent .item .dataWrapper .jobItem .jobItemContent .view a {
              box-sizing: border-box;
              border: 1px #37bdb1 solid;
              padding: 5px 15px;
              font-size: 12px;
              border-radius: 9px;
              color: #37bdb1; }
              .mapPopupWindow .popupContent .item .dataWrapper .jobItem .jobItemContent .view a:hover {
                background: #37bdb1;
                color: white;
                text-decoration: none; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.defaultSelectListPopup {
  position: absolute;
  left: 0px;
  top: 0px;
  display: none;
  z-index: 2000;
  -webkit-transition: height 300ms ease, transform 300ms ease, opacity 300ms ease;
  -moz-transition: height 300ms ease, transform 300ms ease, opacity 300ms ease;
  -ms-transition: height 300ms ease, transform 300ms ease, opacity 300ms ease;
  -o-transition: height 300ms ease, transform 300ms ease, opacity 300ms ease;
  transition: height 300ms ease, transform 300ms ease, opacity 300ms ease;
  min-width: 200px;
  min-height: 60px;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  font-family: RobotoLight;
  box-sizing: border-box;
  padding-top: 12px;
  border-radius: 9px;
  max-height: 260px; }
  .defaultSelectListPopup:hover {
    cursor: pointer; }
  .defaultSelectListPopup .list {
    max-height: 260px; }
    .defaultSelectListPopup .list .scrollableList {
      max-height: 260px; }
  @media (max-width: 599px) {
    .defaultSelectListPopup {
      max-height: 200px; }
      .defaultSelectListPopup .list {
        max-height: 200px; }
        .defaultSelectListPopup .list .scrollableList {
          max-height: 200px; } }
  @media (max-width: 599px) and (orientation: landscape) {
    .defaultSelectListPopup {
      max-height: 150px; }
      .defaultSelectListPopup .list {
        max-height: 150px; }
        .defaultSelectListPopup .list .scrollableList {
          max-height: 150px; } }
  .defaultSelectListPopup:before {
    position: absolute;
    left: 50%;
    top: -20px;
    margin-left: -10px;
    width: 36px;
    height: 20px;
    color: #455971;
    font-family: FontAwesome;
    content: "\f0d8";
    display: block;
    font-size: 36px; }
  .defaultSelectListPopup a, .defaultSelectListPopup a:active, .defaultSelectListPopup a:hover, .defaultSelectListPopup a:focus {
    outline: 0;
    text-decoration: none; }
  .defaultSelectListPopup.visible {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  .defaultSelectListPopup .list {
    background: white;
    border: 1px #bebebe solid;
    width: 100%;
    height: 100%;
    min-height: 60px;
    border-radius: 9px;
    overflow: hidden;
    box-sizing: border-box; }
    .defaultSelectListPopup .list .scrollableList {
      clear: both;
      width: 100%;
      height: 100%;
      overflow-y: auto;
      font-family: Roboto; }
      .defaultSelectListPopup .list .scrollableList .link {
        box-sizing: border-box;
        padding: 8px;
        padding-left: 20px;
        padding-right: 20px;
        color: black;
        font-size: 13px;
        border-bottom: 1px #e1e1e1 solid; }
        .defaultSelectListPopup .list .scrollableList .link:hover {
          background: whitesmoke;
          text-decoration: underline; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.form .formContent .field .item .addNewItemControl {
  width: 100%;
  height: 38px;
  line-height: 36px;
  box-sizing: border-box;
  border: 1px #e1e1e1 solid;
  border-radius: 9px;
  background: whitesmoke;
  font-weight: bold;
  color: #34495e; }
  .form .formContent .field .item .addNewItemControl:hover {
    background: #37bdb1;
    color: white;
    cursor: pointer; }
  @media (max-width: 599px) {
    .form .formContent .field .item .addNewItemControl {
      font-size: 12px; } }

.form .formContent .field .item .collectionItemsGrid {
  text-align: left;
  width: 100%;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px; }
  .form .formContent .field .item .collectionItemsGrid .gridContent {
    width: 100%;
    background: whitesmoke;
    border: 1px #e1e1e1 solid;
    border-top: 0px solid; }
    .form .formContent .field .item .collectionItemsGrid .gridContent .gridItem {
      display: inline-block;
      vertical-align: top;
      width: 33.33%;
      box-sizing: border-box;
      border-bottom: 1px #e1e1e1 solid;
      border-right: 1px #e1e1e1 solid; }
      .form .formContent .field .item .collectionItemsGrid .gridContent .gridItem .content {
        box-sizing: border-box;
        padding: 9px 10px;
        text-align: center;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: -0.03rem; }
        .form .formContent .field .item .collectionItemsGrid .gridContent .gridItem .content .rmControl {
          padding-left: 5px; }
          .form .formContent .field .item .collectionItemsGrid .gridContent .gridItem .content .rmControl:after {
            font-family: FontAwesome;
            content: "\f00d";
            color: #b4b4b4; }
        .form .formContent .field .item .collectionItemsGrid .gridContent .gridItem .content .highlight {
          color: #455971; }
        .form .formContent .field .item .collectionItemsGrid .gridContent .gridItem .content .top {
          font-size: 14px;
          font-weight: bold; }
        .form .formContent .field .item .collectionItemsGrid .gridContent .gridItem .content .bottom {
          font-size: 14px;
          font-weight: bold;
          color: #455971;
          letter-spacing: -0.03rem; }
      .form .formContent .field .item .collectionItemsGrid .gridContent .gridItem:hover {
        cursor: pointer; }
        .form .formContent .field .item .collectionItemsGrid .gridContent .gridItem:hover .content {
          color: #37bdb1; }
          .form .formContent .field .item .collectionItemsGrid .gridContent .gridItem:hover .content .highlight {
            color: #37bdb1; }
          .form .formContent .field .item .collectionItemsGrid .gridContent .gridItem:hover .content .rmControl:after {
            color: #37bdb1; }
      @media (max-width: 999px) {
        .form .formContent .field .item .collectionItemsGrid .gridContent .gridItem {
          width: 50%; }
          .form .formContent .field .item .collectionItemsGrid .gridContent .gridItem .content {
            font-size: 12px; } }
      @media (max-width: 649px) {
        .form .formContent .field .item .collectionItemsGrid .gridContent .gridItem .content {
          font-size: 11px; } }
      @media (max-width: 449px) {
        .form .formContent .field .item .collectionItemsGrid .gridContent .gridItem {
          width: 100%; } }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.form .formContent .field .dateField .dateBox {
  display: inline-block;
  width: 24%;
  vertical-align: top;
  box-sizing: border-box; }
  @media (max-width: 959px) {
    .form .formContent .field .dateField .dateBox .selectInputWrapper .selectArrow {
      right: auto !important;
      left: 8px !important; }
    .form .formContent .field .dateField .dateBox input {
      padding-right: 5px !important; } }

.form .formContent .field .dateField .separatorBox {
  display: inline-block;
  width: 4%;
  vertical-align: top;
  line-height: 36px;
  font-weight: bold;
  font-size: 18px; }
  @media (max-width: 599px) {
    .form .formContent .field .dateField .separatorBox {
      line-height: 28px; } }

.form .formContent .field .dateField .firstBox {
  padding-right: 5px; }

.form .formContent .field .dateField .secondBox {
  padding-left: 5px; }

.form .formContent .field .dateField .thirdBox {
  padding-right: 5px; }

.form .formContent .field .dateField .lastBox {
  padding-left: 5px; }

.form .formContent .field .dateField .radioWrapper {
  border: 0px solid !important; }
  .form .formContent .field .dateField .radioWrapper .radios {
    background: whitesmoke;
    border-radius: 9px;
    margin-top: 5px; }
    .form .formContent .field .dateField .radioWrapper .radios .radioItem {
      float: right !important; }

.form .formContent .field .dateField.birthdayField .dateBox {
  width: 33.33%; }
  .form .formContent .field .dateField.birthdayField .dateBox.firstBox {
    padding-right: 5px; }
  .form .formContent .field .dateField.birthdayField .dateBox.secondBox {
    padding-left: 5px;
    padding-right: 5px; }
  .form .formContent .field .dateField.birthdayField .dateBox.thirdBox {
    padding-right: 0px;
    padding-left: 5px; }

.form .formContent .field.timeField .item .fieldRow {
  clear: both; }

.form .formContent .field.timeField .item .inputCol {
  display: inline-block;
  vertical-align: top;
  width: 46%; }

.form .formContent .field.timeField .item .separatorCol {
  display: inline-block;
  vertical-align: top;
  width: 8%;
  line-height: 70px;
  font-size: 28px; }
  @media (max-width: 599px) {
    .form .formContent .field.timeField .item .separatorCol {
      line-height: 52px; } }

.form .formContent .field.timeField .item .numberValue {
  width: 100%;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px; }
  .form .formContent .field.timeField .item .numberValue .valContent {
    width: 100%;
    background: whitesmoke;
    height: 38px;
    line-height: 38px;
    border: 1px #e1e1e1 solid;
    border-top: 0px solid;
    text-align: center;
    font-weight: bold;
    color: #455971;
    letter-spacing: -0.03rem; }
    @media (max-width: 599px) {
      .form .formContent .field.timeField .item .numberValue .valContent {
        height: 30px;
        line-height: 30px;
        font-size: 12px; } }

.form .formContent .field.timeField .item input[type=number] {
  width: 100%; }

.form .formContent .field.timeField .item .fieldNotice {
  padding-top: 25px;
  font-size: 13px;
  color: #969696; }
  @media (max-width: 599px) {
    .form .formContent .field.timeField .item .fieldNotice {
      font-size: 11px; } }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.form .formContent .field .uploadArea {
  clear: both;
  width: 100%;
  height: 140px;
  font-size: 16px;
  font-weight: bold;
  color: white;
  box-sizing: border-box;
  border: 5px white dashed;
  border-radius: 9px;
  font-family: RobotoLight; }
  @media (max-width: 999px) {
    .form .formContent .field .uploadArea {
      font-size: 14px; } }
  @media (max-width: 599px) {
    .form .formContent .field .uploadArea {
      font-size: 12px; } }
  .form .formContent .field .uploadArea:hover {
    cursor: pointer; }
  .form .formContent .field .uploadArea .text {
    width: 100%;
    height: 140px;
    line-height: 140px;
    text-align: center; }
    .form .formContent .field .uploadArea .text .uploadIcon:after {
      font-family: FontAwesome;
      font-size: 18px;
      content: "\f0f6";
      color: #828282;
      padding-right: 8px; }
      @media (max-width: 999px) {
        .form .formContent .field .uploadArea .text .uploadIcon:after {
          font-size: 16px; } }
      @media (max-width: 599px) {
        .form .formContent .field .uploadArea .text .uploadIcon:after {
          font-size: 14px; } }
    .form .formContent .field .uploadArea .text .uploadIcon.imageIcon:after {
      content: "\f03e"; }
  .form .formContent .field .uploadArea .highlight {
    text-decoration: underline; }
  .form .formContent .field .uploadArea .goldHighlight {
    color: #339a99; }

.form .formContent .field .uploadAreaGray {
  background: whitesmoke;
  border-color: #5a5a5a;
  color: #5a5a5a;
  border: 1px #d2d2d2 solid;
  border-style: dashed; }

.form .formContent .field .formFieldUploadArea {
  max-width: 960px;
  margin: 0 auto;
  height: 75px;
  border-width: 1px; }
  .form .formContent .field .formFieldUploadArea .text {
    height: 75px;
    line-height: 75px;
    font-weight: bold; }
    .form .formContent .field .formFieldUploadArea .text .content {
      text-decoration: underline; }
  @media (max-width: 999px) {
    .form .formContent .field .formFieldUploadArea {
      height: 70px; }
      .form .formContent .field .formFieldUploadArea .text {
        height: 70px;
        line-height: 70px; } }
  .form .formContent .field .formFieldUploadArea.selected {
    border-color: #37bdb1; }
    .form .formContent .field .formFieldUploadArea.selected .text .uploadIcon:after {
      color: #37bdb1; }
    .form .formContent .field .formFieldUploadArea.selected .text .content {
      text-decoration: none;
      color: #37bdb1; }
  .form .formContent .field .formFieldUploadArea:hover {
    cursor: pointer;
    border-color: #37bdb1; }
    .form .formContent .field .formFieldUploadArea:hover .text .uploadIcon:after {
      color: #37bdb1; }
    .form .formContent .field .formFieldUploadArea:hover .text .content {
      text-decoration: none;
      color: #37bdb1; }

.form .formContent .field .uploadedFile {
  clear: both;
  width: 100%; }
  .form .formContent .field .uploadedFile .uploadLoader {
    width: 100%;
    background: #ebebeb;
    text-align: center;
    position: relative;
    box-sizing: border-box;
    border: 3px #37bdb1 dashed;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
    opacity: 1; }
    .form .formContent .field .uploadedFile .uploadLoader .animation {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 0%;
      height: 100%;
      background: #37bdb1;
      -webkit-transition: width 400ms ease;
      -moz-transition: width 400ms ease;
      -ms-transition: width 400ms ease;
      -o-transition: width 400ms ease;
      transition: width 400ms ease;
      -webkit-transition: background 400ms ease;
      -moz-transition: background 400ms ease;
      -ms-transition: background 400ms ease;
      -o-transition: background 400ms ease;
      transition: background 400ms ease;
      z-index: 1; }
    .form .formContent .field .uploadedFile .uploadLoader .text {
      position: relative;
      z-index: 2;
      color: white;
      font-size: 18px; }
  .form .formContent .field .uploadedFile .uploadLoader.selectedUploadLoader {
    background: #37bdb1; }
  .form .formContent .field .uploadedFile .uploadLoader.hideLoader {
    opacity: 0; }
  .form .formContent .field .uploadedFile .uploadLoader960 {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    height: 110px;
    line-height: 110px; }

.form .formContent .field .uploadedFile.hoverable:hover {
  cursor: pointer; }
  .form .formContent .field .uploadedFile.hoverable:hover .uploadLoader .animation {
    background: #4dcbc0; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.form .formContent .field .fileInfoWrapper {
  clear: both;
  width: 100%;
  border: 0px solid;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px; }
  .form .formContent .field .fileInfoWrapper .file {
    border-bottom: 1px #e1e1e1 solid;
    border-left: 1px #e1e1e1 solid;
    border-right: 1px #e1e1e1 solid;
    background: #fafafa; }
    .form .formContent .field .fileInfoWrapper .file .imagePreview {
      box-sizing: border-box;
      width: 100%;
      padding: 5px;
      padding-top: 8px;
      padding-bottom: 0px; }
      .form .formContent .field .fileInfoWrapper .file .imagePreview .image {
        margin: 0 auto;
        max-width: 70px;
        border: 2px #d2d2d2 solid;
        border-radius: 9px; }
        .form .formContent .field .fileInfoWrapper .file .imagePreview .image:hover {
          border-color: #37bdb1; }
    .form .formContent .field .fileInfoWrapper .file .info {
      width: 100%;
      box-sizing: border-box;
      padding: 10px 10px;
      font-size: 12px;
      line-height: 14px;
      word-wrap: break-word; }
      .form .formContent .field .fileInfoWrapper .file .info a {
        text-decoration: underline;
        color: black; }
        .form .formContent .field .fileInfoWrapper .file .info a:hover {
          text-decoration: none;
          color: #37bdb1; }
      @media (max-width: 599px) {
        .form .formContent .field .fileInfoWrapper .file .info {
          font-size: 10px; } }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.form .formContentNav {
  width: 100%;
  clear: both;
  text-align: center;
  padding-top: 20px; }
  @media (max-width: 999px) {
    .form .formContentNav {
      padding-top: 8px; } }
  @media (max-width: 599px) {
    .form .formContentNav {
      padding-top: 20px; } }
  @media (min-width: 1000px) {
    .form .formContentNav {
      padding-bottom: 10px; } }
  .form .formContentNav .navItem {
    display: inline-block;
    background: whitesmoke;
    color: black;
    border: 1px #d2d2d2 solid;
    border-radius: 9px;
    padding: 5px 20px;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 12px; }
    .form .formContentNav .navItem .navIcon:after, .form .formContentNav .navItem .prevIcon:after, .form .formContentNav .navItem .nextIcon:after {
      font-family: FontAwesome;
      font-size: 14px;
      line-height: 14px;
      content: "\f040";
      color: #3c3c3c;
      padding-right: 8px; }
      @media (max-width: 999px) {
        .form .formContentNav .navItem .navIcon:after, .form .formContentNav .navItem .prevIcon:after, .form .formContentNav .navItem .nextIcon:after {
          font-size: 14px; } }
      @media (max-width: 599px) {
        .form .formContentNav .navItem .navIcon:after, .form .formContentNav .navItem .prevIcon:after, .form .formContentNav .navItem .nextIcon:after {
          line-height: 12px;
          font-size: 11px; } }
    .form .formContentNav .navItem .prevIcon:after {
      content: "\f060"; }
    .form .formContentNav .navItem .nextIcon:after {
      content: "\f061"; }
    @media (max-width: 599px) {
      .form .formContentNav .navItem {
        font-size: 10px;
        margin-left: 5px;
        margin-right: 5px; } }
    .form .formContentNav .navItem:hover {
      cursor: pointer;
      color: white;
      background: #37bdb1; }
      .form .formContentNav .navItem:hover .prevIcon:after, .form .formContentNav .navItem:hover .nextIcon:after {
        color: white; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.form .formFieldNav {
  max-width: 700px;
  margin: 0 auto;
  width: 100%; }
  .form .formFieldNav .content {
    background: whitesmoke;
    border-radius: 9px;
    border: 1px #e1e1e1 solid;
    padding-top: 0px;
    padding-bottom: 0px; }
    .form .formFieldNav .content .listWrap {
      box-sizing: border-box;
      padding-left: 5px;
      padding-right: 5px; }
      .form .formFieldNav .content .listWrap .listItem {
        float: left;
        padding: 0px;
        box-sizing: border-box;
        padding-left: 15px;
        padding-right: 15px;
        text-align: center;
        box-sizing: border-box;
        border: 1px whitesmoke solid;
        padding: 15px;
        padding-right: 7px;
        padding-top: 3px;
        padding-bottom: 3px;
        font-size: 12px;
        line-height: 26px;
        font-weight: bold;
        color: #5a5a5a;
        text-decoration: underline; }
        @media (max-width: 599px) {
          .form .formFieldNav .content .listWrap .listItem {
            font-size: 10px;
            line-height: 22px; } }
        .form .formFieldNav .content .listWrap .listItem.selected {
          color: #37bdb1;
          text-decoration: underline; }
        .form .formFieldNav .content .listWrap .listItem.error {
          color: red; }
        .form .formFieldNav .content .listWrap .listItem:hover {
          color: #37bdb1;
          cursor: pointer;
          text-decoration: underline; }
        .form .formFieldNav .content .listWrap .listItem.disableLink {
          text-decoration: none; }
          .form .formFieldNav .content .listWrap .listItem.disableLink:hover {
            cursor: default;
            color: #5a5a5a;
            text-decoration: none; }

.form .formFieldSubnav {
  text-align: center !important;
  margin-top: 0px !important;
  padding-top: 0px !important; }
  .form .formFieldSubnav .item {
    float: none !important;
    display: inline-block !important; }
    .form .formFieldSubnav .item .selectList .content {
      border: 1px #e1e1e1 solid !important;
      border-top: 0px solid !important;
      border-top-left-radius: 0px !important;
      border-top-right-radius: 0px !important;
      background: none !important; }
      .form .formFieldSubnav .item .selectList .content .selectListItem {
        border: 0px solid !important;
        color: #637ea0 !important;
        text-decoration: none !important;
        padding-top: 4px !important;
        padding-bottom: 4px !important; }
        .form .formFieldSubnav .item .selectList .content .selectListItem .itemIcon:after {
          color: #637ea0 !important; }
        .form .formFieldSubnav .item .selectList .content .selectListItem .text {
          text-decoration: underline !important; }
        .form .formFieldSubnav .item .selectList .content .selectListItem:hover .text {
          text-decoration: none !important; }
        @media (max-width: 999px) {
          .form .formFieldSubnav .item .selectList .content .selectListItem {
            padding-top: 6px !important;
            padding-bottom: 6px !important; } }
      .form .formFieldSubnav .item .selectList .content .hiddenItem {
        display: none !important; }

.form .formFieldButton .item .selectList .content {
  border: 1px #e1e1e1 solid !important;
  border-left: 0px solid !important;
  border-right: 0px solid !important; }
  .form .formFieldButton .item .selectList .content .selectListItem {
    padding-top: 7px !important;
    padding-bottom: 7px !important; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.form .formNavWrap {
  width: 100%;
  clear: both;
  text-align: center; }
  .form .formNavWrap .formNav {
    display: inline-block;
    list-style-type: none;
    margin: 0 auto;
    padding: 0px;
    border-bottom: 1px solid transparent;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px; }
    .form .formNavWrap .formNav .navItem {
      display: inline-block;
      text-align: center;
      box-sizing: border-box;
      margin-right: 10px;
      margin-left: 10px;
      margin-bottom: 10px;
      border: 1px #37bdb1 solid;
      border-radius: 19px;
      padding: 15px;
      padding-top: 6px;
      padding-bottom: 6px;
      font-size: 12px;
      min-width: 140px;
      font-weight: bold;
      color: #37bdb1; }
      @media (max-width: 599px) {
        .form .formNavWrap .formNav .navItem {
          font-size: 10px;
          min-width: 120px;
          margin-left: 5px;
          margin-right: 5px; } }
      .form .formNavWrap .formNav .navItem.selected {
        background: #37bdb1;
        color: white; }
      .form .formNavWrap .formNav .navItem:hover {
        background: #37bdb1;
        color: white;
        cursor: pointer; }
  .form .formNavWrap .tab4FormNav .navItem {
    padding-left: 25px;
    padding-right: 25px; }
    @media (max-width: 899px) {
      .form .formNavWrap .tab4FormNav .navItem {
        font-size: 11px;
        padding-top: 7px;
        padding-bottom: 7px; } }
  @media (max-width: 829px) {
    .form .formNavWrap .tab4FormNav {
      padding-left: 0px;
      padding-right: 0px;
      width: 100%; }
      .form .formNavWrap .tab4FormNav .navItem {
        margin: 0px;
        width: 22%;
        padding-left: 5px;
        padding-right: 5px;
        margin-left: 5px;
        margin-right: 5px; } }
  @media (max-width: 759px) {
    .form .formNavWrap .tab4FormNav .navItem {
      width: 35%; }
      .form .formNavWrap .tab4FormNav .navItem:nth-child(1), .form .formNavWrap .tab4FormNav .navItem:nth-child(2) {
        margin-bottom: 7px; }
      .form .formNavWrap .tab4FormNav .navItem.tab3Item {
        width: 30%; } }
  @media (max-width: 599px) {
    .form .formNavWrap .tab4FormNav .navItem {
      width: 45%;
      font-size: 10px;
      max-width: 220px; } }
  @media (max-width: 599px) and (orientation: landscape) {
    .form .formNavWrap .tab4FormNav .navItem {
      width: 35%; } }
  @media (max-width: 420px) {
    .form .formNavWrap .tab4FormNav .navItem.tab3Item {
      min-width: initial; } }

.form .tab4FormSubnavWrap {
  width: 100%;
  margin: 0 auto;
  border-top: 1px #37bdb1 solid;
  border-bottom: 1px #37bdb1 solid;
  max-width: 700px; }
  @media (max-width: 899px) {
    .form .tab4FormSubnavWrap {
      max-width: 680px; } }
  @media (max-width: 829px) {
    .form .tab4FormSubnavWrap {
      margin-top: 7px;
      max-width: 720px; } }
  @media (max-width: 759px) {
    .form .tab4FormSubnavWrap {
      border: 0px solid; } }
  .form .tab4FormSubnavWrap .formNav {
    border-bottom: 0px solid; }
    .form .tab4FormSubnavWrap .formNav .navItem {
      margin-top: 0px;
      margin-bottom: 0px !important;
      border-radius: 0px;
      border: 0px solid;
      color: #37bdb1; }
      @media (max-width: 999px) {
        .form .tab4FormSubnavWrap .formNav .navItem {
          padding-top: 9px;
          padding-bottom: 9px; } }
      .form .tab4FormSubnavWrap .formNav .navItem.selected {
        background: white;
        color: #37bdb1;
        text-decoration: underline; }
      .form .tab4FormSubnavWrap .formNav .navItem:hover {
        background: white;
        color: #37bdb1;
        text-decoration: underline; }
      @media (max-width: 759px) {
        .form .tab4FormSubnavWrap .formNav .navItem {
          margin-left: 0px;
          margin-right: 0px;
          border-top: 1px #37bdb1 solid;
          border-bottom: 1px #37bdb1 solid; } }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.form .formContent .inputControl {
  position: absolute;
  right: 0px;
  top: 0px;
  background: white;
  color: white;
  z-index: 2;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
  width: 80px;
  box-sizing: border-box;
  border: 1px #d2d2d2 solid;
  background: whitesmoke; }
  @media (max-width: 599px) {
    .form .formContent .inputControl {
      padding-top: 8px;
      padding-bottom: 7px;
      width: 65px; } }
  .form .formContent .inputControl .controlContent {
    display: inline-block;
    color: black; }
    .form .formContent .inputControl .controlContent .textIcon:after {
      font-family: FontAwesome;
      font-size: 14px;
      line-height: 14px;
      content: "\f040";
      color: #828282;
      padding-right: 8px;
      color: black; }
      @media (max-width: 999px) {
        .form .formContent .inputControl .controlContent .textIcon:after {
          font-size: 14px; } }
      @media (max-width: 599px) {
        .form .formContent .inputControl .controlContent .textIcon:after {
          line-height: 12px;
          font-size: 11px; } }
    .form .formContent .inputControl .controlContent .textIcon.removeIcon:after {
      content: "\f014";
      font-size: 13px;
      padding-right: 4px; }
  .form .formContent .inputControl:hover {
    cursor: pointer;
    background: #37bdb1; }
    .form .formContent .inputControl:hover .controlContent {
      color: white; }
      .form .formContent .inputControl:hover .controlContent .textIcon:after {
        color: white; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.form .extraPaddingTopBeforeNav {
  padding-top: 10px !important; }
  @media (max-width: 829px) {
    .form .extraPaddingTopBeforeNav {
      padding-top: 20px !important; } }
  .form .extraPaddingTopBeforeNav.doublePaddingTop {
    padding-top: 20px !important; }

.form .extraDoublePaddingTopBeforeNav {
  padding-top: 40px !important; }
  @media (max-width: 829px) {
    .form .extraDoublePaddingTopBeforeNav {
      padding-top: 25px !important; } }

.form .extraPaddingBottomBeforeInput {
  padding-bottom: 13px !important; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.form .uploadWrapper {
  width: 100%;
  box-sizing: border-box;
  text-align: left;
  z-index: 1;
  font-size: 0; }
  .form .uploadWrapper .gridItem {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 16.66%;
    height: 0px;
    padding-bottom: 16.66%;
    box-sizing: border-box; }
    @media (max-width: 1129px) {
      .form .uploadWrapper .gridItem {
        width: 20%;
        padding-bottom: 20%; } }
    @media (max-width: 999px) {
      .form .uploadWrapper .gridItem {
        width: 25%;
        padding-bottom: 25%; } }
    @media (max-width: 599px) {
      .form .uploadWrapper .gridItem {
        width: 33.33%;
        padding-bottom: 33.33%; } }
    .form .uploadWrapper .gridItem.uploadedItem {
      background: #37bdb1; }
      .form .uploadWrapper .gridItem.uploadedItem .errorText {
        position: absolute;
        top: 0px;
        left: 0px;
        font-size: 14px;
        color: white;
        left: 0px;
        width: 100%;
        text-align: center;
        box-sizing: border-box;
        padding: 3px;
        padding-top: 5px; }
        @media (max-width: 599px) {
          .form .uploadWrapper .gridItem.uploadedItem .errorText {
            font-size: 11px; } }
    .form .uploadWrapper .gridItem.uploadGridItem {
      background: whitesmoke; }
      .form .uploadWrapper .gridItem.uploadGridItem:after {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -18px;
        margin-left: -12px;
        font-family: FontAwesome;
        content: "\f093";
        font-size: 28px;
        color: black; }
      .form .uploadWrapper .gridItem.uploadGridItem:hover {
        cursor: pointer;
        background: #dbe33e; }
        .form .uploadWrapper .gridItem.uploadGridItem:hover:after {
          color: #aaaaaa;
          color: black; }
    .form .uploadWrapper .gridItem img {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      height: 100%;
      box-sizing: border-box;
      z-index: 1; }
    .form .uploadWrapper .gridItem .border {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      height: 100%;
      box-sizing: border-box;
      border: 2px #dbe33e solid;
      z-index: 2;
      display: none; }
    .form .uploadWrapper .gridItem:hover {
      cursor: pointer; }
      .form .uploadWrapper .gridItem:hover .border {
        display: block; }
    .form .uploadWrapper .gridItem .rmControl {
      position: absolute;
      z-index: 3;
      top: 0px;
      right: 0px;
      width: 32px;
      height: 32px;
      line-height: 32px;
      text-align: center;
      background: #dbe33e;
      color: black; }
      .form .uploadWrapper .gridItem .rmControl:after {
        font-family: FontAwesome;
        color: black;
        font-size: 15px;
        content: "\f00d"; }
      .form .uploadWrapper .gridItem .rmControl:hover {
        cursor: pointer;
        background: #ecf097; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.form .textareaWithTips {
  clear: both;
  width: 100%;
  margin: 0 auto;
  max-width: 800px;
  background: whitesmoke;
  border-radius: 9px;
  margin-top: 10px;
  margin-bottom: 10px; }
  @media (min-width: 760px) {
    .form .textareaWithTips {
      margin-top: 40px;
      margin-bottom: 10px; } }
  .form .textareaWithTips .itemHeading {
    position: relative;
    clear: both;
    width: 100%;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    border: 1px #e1e1e1 solid;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    border-bottom: 0px;
    box-sizing: border-box; }
    .form .textareaWithTips .itemHeading .label {
      width: 100%;
      box-sizing: border-box;
      padding-right: 360px;
      height: 50px;
      line-height: 50px;
      padding-left: 30px;
      font-family: RobotoLight;
      color: black;
      font-weight: bold; }
    .form .textareaWithTips .itemHeading .categorySelector {
      position: absolute;
      right: 30px;
      top: 6px;
      width: 300px;
      height: 35px; }
      .form .textareaWithTips .itemHeading .categorySelector input {
        vertical-align: top; }
  @media (min-width: 760px) {
    .form .textareaWithTips .mobileSelect {
      display: none; } }
  @media (max-width: 759px) {
    .form .textareaWithTips {
      background: white;
      overflow: visible; }
      .form .textareaWithTips .itemHeading {
        border: 0px solid;
        height: auto; }
        .form .textareaWithTips .itemHeading .label {
          padding-right: 0px;
          text-align: center; }
        .form .textareaWithTips .itemHeading .categorySelector {
          position: static;
          right: auto;
          top: auto;
          margin: 0 auto;
          width: auto;
          height: auto; } }
  .form .textareaWithTips .itemContent {
    clear: both;
    width: 100%;
    position: relative; }
    .form .textareaWithTips .itemContent .textarea {
      width: 100%;
      box-sizing: border-box;
      padding-right: 360px; }
      @media (min-width: 760px) {
        .form .textareaWithTips .itemContent .textarea textarea {
          border-top-left-radius: 0px;
          border-top-right-radius: 0px;
          border-bottom-right-radius: 0px; } }
      @media (max-width: 759px) {
        .form .textareaWithTips .itemContent .textarea {
          margin-top: 10px;
          padding-right: 0px; } }
    .form .textareaWithTips .itemContent .tips {
      position: absolute;
      top: 0px;
      right: 0px;
      width: 360px;
      height: 100%;
      box-sizing: border-box;
      border: 1px #e1e1e1 solid;
      border-left: 0px solid;
      border-bottom-right-radius: 9px;
      overflow-y: scroll; }
      @media (max-width: 759px) {
        .form .textareaWithTips .itemContent .tips {
          display: none; } }
      .form .textareaWithTips .itemContent .tips .tip {
        padding: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        box-sizing: border-box;
        border: 1px whitesmoke solid;
        border-bottom: 1px #e1e1e1 solid; }
        .form .textareaWithTips .itemContent .tips .tip:after {
          content: "";
          display: block;
          clear: both;
          width: 100%;
          height: 1px; }
        .form .textareaWithTips .itemContent .tips .tip:hover {
          border: 1px #37bdb1 solid;
          cursor: pointer; }
        .form .textareaWithTips .itemContent .tips .tip .left {
          float: left;
          width: 40px;
          height: 40px;
          position: relative;
          border-radius: 9px;
          border: 1px #d2d2d2 solid; }
          .form .textareaWithTips .itemContent .tips .tip .left:before {
            position: absolute;
            left: 14px;
            top: 4px;
            font-family: FontAwesome;
            content: "\f060";
            color: black;
            font-size: 13px;
            color: #37bdb1; }
          .form .textareaWithTips .itemContent .tips .tip .left:after {
            position: absolute;
            display: block;
            bottom: 6px;
            left: 0px;
            text-align: center;
            width: 100%;
            content: "Add";
            font-size: 11px; }
        .form .textareaWithTips .itemContent .tips .tip .right {
          float: left;
          width: 278px;
          box-sizing: border-box;
          padding-left: 10px;
          font-size: 12px;
          padding-top: 2px; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.rows2WithControlsColumn {
  clear: both;
  width: 100%;
  margin: 0 auto; }
  .rows2WithControlsColumn .columnContentWrapper {
    clear: both;
    width: 100%;
    box-sizing: border-box; }
    .rows2WithControlsColumn .columnContentWrapper.rowSideBorders .columnRow {
      border-left: 1px #ebebeb solid;
      border-right: 1px #ebebeb solid; }
    .rows2WithControlsColumn .columnContentWrapper .columnRow {
      clear: both;
      width: 100%;
      padding-top: 11px;
      padding-bottom: 13px;
      position: relative;
      box-sizing: border-box;
      padding-left: 20px;
      padding-right: 20px;
      border-bottom: 1px #ebebeb solid; }
      .rows2WithControlsColumn .columnContentWrapper .columnRow .columnWrap {
        position: relative;
        width: 100%;
        margin: 0 auto; }
        @media (min-width: 420px) and (max-width: 899px) {
          .rows2WithControlsColumn .columnContentWrapper .columnRow .columnWrap.maxMobileWidth400 {
            max-width: 400px; } }
        .rows2WithControlsColumn .columnContentWrapper .columnRow .columnWrap .left {
          width: 100%;
          box-sizing: border-box;
          padding-right: 110px; }
          .rows2WithControlsColumn .columnContentWrapper .columnRow .columnWrap .left.wideLeft {
            padding-right: 70px; }
          .rows2WithControlsColumn .columnContentWrapper .columnRow .columnWrap .left .top {
            clear: both;
            width: 100%;
            line-height: 16px;
            font-size: 13px;
            font-weight: bold; }
            .rows2WithControlsColumn .columnContentWrapper .columnRow .columnWrap .left .top a {
              color: #34495e; }
            @media (max-width: 599px) {
              .rows2WithControlsColumn .columnContentWrapper .columnRow .columnWrap .left .top {
                line-height: 15px;
                font-size: 12px; } }
          .rows2WithControlsColumn .columnContentWrapper .columnRow .columnWrap .left .bottom {
            clear: both;
            width: 100%;
            line-height: 15px;
            padding-top: 2px;
            position: relative; }
            @media (max-width: 599px) {
              .rows2WithControlsColumn .columnContentWrapper .columnRow .columnWrap .left .bottom {
                line-height: 13px; } }
            .rows2WithControlsColumn .columnContentWrapper .columnRow .columnWrap .left .bottom .marker {
              position: absolute;
              left: 0px;
              top: 5px;
              width: 10px;
              height: 10px;
              border-radius: 50%;
              background: #d7d7d7; }
              .rows2WithControlsColumn .columnContentWrapper .columnRow .columnWrap .left .bottom .marker.selectedMarker {
                background: #37bdb1; }
            @media (min-width: 900px) {
              .rows2WithControlsColumn .columnContentWrapper .columnRow .columnWrap .left .bottom.singleRowMarker .marker {
                top: 14px; } }
            .rows2WithControlsColumn .columnContentWrapper .columnRow .columnWrap .left .bottom .markerSpacer {
              box-sizing: border-box;
              width: 100%;
              padding-left: 18px; }
            .rows2WithControlsColumn .columnContentWrapper .columnRow .columnWrap .left .bottom .label {
              display: inline;
              padding-right: 10px;
              font-size: 13px; }
              .rows2WithControlsColumn .columnContentWrapper .columnRow .columnWrap .left .bottom .label a, .rows2WithControlsColumn .columnContentWrapper .columnRow .columnWrap .left .bottom .label a:active, .rows2WithControlsColumn .columnContentWrapper .columnRow .columnWrap .left .bottom .label a:hover {
                outline: 0; }
              .rows2WithControlsColumn .columnContentWrapper .columnRow .columnWrap .left .bottom .label a {
                color: black;
                text-decoration: underline; }
                .rows2WithControlsColumn .columnContentWrapper .columnRow .columnWrap .left .bottom .label a:hover {
                  text-decoration: none; }
              @media (max-width: 599px) {
                .rows2WithControlsColumn .columnContentWrapper .columnRow .columnWrap .left .bottom .label {
                  font-size: 11px; } }
              .rows2WithControlsColumn .columnContentWrapper .columnRow .columnWrap .left .bottom .label .count {
                letter-spacing: -0.1rem;
                padding-right: 2px; }
        .rows2WithControlsColumn .columnContentWrapper .columnRow .columnWrap .right {
          position: absolute;
          right: 0px;
          top: 0px;
          width: 110px;
          height: 100%;
          display: flex;
          align-items: center;
          flex-wrap: wrap; }
          .rows2WithControlsColumn .columnContentWrapper .columnRow .columnWrap .right.shrinkRight {
            width: 70px; }
          .rows2WithControlsColumn .columnContentWrapper .columnRow .columnWrap .right .controls {
            width: 100%;
            text-align: right; }
            .rows2WithControlsColumn .columnContentWrapper .columnRow .columnWrap .right .controls a, .rows2WithControlsColumn .columnContentWrapper .columnRow .columnWrap .right .controls a:hover {
              text-decoration: none; }
            .rows2WithControlsColumn .columnContentWrapper .columnRow .columnWrap .right .controls .control {
              border-radius: 5px;
              padding: 4px;
              padding-left: 12px;
              padding-right: 12px;
              box-sizing: border-box;
              background: whitesmoke;
              display: inline;
              margin-left: 10px;
              font-size: 11px;
              line-height: 12px;
              font-weight: bold;
              color: #222;
              border: 1px #d2d2d2 solid; }
              .rows2WithControlsColumn .columnContentWrapper .columnRow .columnWrap .right .controls .control:hover {
                background: #37bdb1;
                cursor: pointer;
                color: white; }
              .rows2WithControlsColumn .columnContentWrapper .columnRow .columnWrap .right .controls .control.iconControl:after {
                font-family: FontAwesome;
                display: inline;
                content: "\f040";
                font-size: 12px;
                color: #222;
                font-weight: normal; }
              .rows2WithControlsColumn .columnContentWrapper .columnRow .columnWrap .right .controls .control.iconControl:hover:after {
                color: white; }
              .rows2WithControlsColumn .columnContentWrapper .columnRow .columnWrap .right .controls .control.rmControl:after {
                content: "\f00d"; }
              .rows2WithControlsColumn .columnContentWrapper .columnRow .columnWrap .right .controls .control.greenControl {
                background: white;
                color: #37bdb1;
                border-color: #37bdb1;
                border-radius: 15px;
                font-weight: normal;
                padding: 5px 25px;
                line-height: normal; }
                .rows2WithControlsColumn .columnContentWrapper .columnRow .columnWrap .right .controls .control.greenControl:hover {
                  background: #37bdb1;
                  color: white; }
        .rows2WithControlsColumn .columnContentWrapper .columnRow .columnWrap .gridControl {
          width: 100%;
          text-align: center;
          line-height: 25px;
          max-width: 150px;
          margin: 0 auto;
          font-family: Roboto; }
          .rows2WithControlsColumn .columnContentWrapper .columnRow .columnWrap .gridControl a {
            font-size: 12px;
            color: #34495e;
            text-decoration: underline; }
            .rows2WithControlsColumn .columnContentWrapper .columnRow .columnWrap .gridControl a:hover {
              text-decoration: none; }
  @media (min-width: 900px) {
    .rows2WithControlsColumn .singleDesktopColumnRow .columnRow {
      padding-bottom: 8px; }
      .rows2WithControlsColumn .singleDesktopColumnRow .columnRow .columnWrap {
        min-height: 35px; }
        .rows2WithControlsColumn .singleDesktopColumnRow .columnRow .columnWrap .left:after {
          content: "";
          display: block;
          clear: both;
          width: 100%;
          height: 1px; }
        .rows2WithControlsColumn .singleDesktopColumnRow .columnRow .columnWrap .left .top, .rows2WithControlsColumn .singleDesktopColumnRow .columnRow .columnWrap .left .bottom {
          clear: none;
          float: left;
          width: 50%;
          line-height: 35px; } }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.photos4Column {
  clear: both;
  width: 100%;
  margin: 0 auto; }
  @media (max-width: 899px) {
    .photos4Column {
      display: none; } }
  @media (max-width: 899px) {
    .photos4Column.showOnMobiles {
      display: block; } }
  .photos4Column .columnContentWrapper {
    clear: both;
    width: 100%;
    box-sizing: border-box; }
    .photos4Column .columnContentWrapper.rowSideBorders .columnRow {
      border-left: 1px #ebebeb solid;
      border-right: 1px #ebebeb solid; }
    .photos4Column .columnContentWrapper .photosGrid {
      width: 100%;
      box-sizing: border-box; }
      .photos4Column .columnContentWrapper .photosGrid:after {
        content: "";
        display: block;
        clear: both;
        width: 100%;
        height: 1px; }
      .photos4Column .columnContentWrapper .photosGrid .item {
        float: left;
        width: 95px;
        height: 95px;
        background: whitesmoke;
        position: relative;
        box-sizing: border-box;
        border: 0px; }
        @media (max-width: 899px) {
          .photos4Column .columnContentWrapper .photosGrid .item {
            width: 25%;
            height: 0px;
            padding-bottom: 25%; } }
        .photos4Column .columnContentWrapper .photosGrid .item:hover {
          cursor: pointer; }
          .photos4Column .columnContentWrapper .photosGrid .item:hover:after {
            content: "";
            display: block;
            position: absolute;
            left: 0px;
            top: 0px;
            width: 100%;
            height: 100%;
            border: 2px #dbe33e solid;
            box-sizing: border-box;
            z-index: 3; }
        .photos4Column .columnContentWrapper .photosGrid .item .infoWrapper {
          position: absolute;
          left: 0px;
          bottom: 0px;
          width: 100%;
          background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
          box-sizing: border-box;
          padding: 8px 10px;
          z-index: 2; }
          .photos4Column .columnContentWrapper .photosGrid .item .infoWrapper.defInfoWrapper {
            background: rgba(55, 189, 177, 0.7); }
          .photos4Column .columnContentWrapper .photosGrid .item .infoWrapper .text {
            font-size: 12px;
            color: white;
            font-weight: bold; }
        .photos4Column .columnContentWrapper .photosGrid .item .photoImg {
          width: 95px;
          height: 95px;
          z-index: 1; }
          @media (max-width: 899px) {
            .photos4Column .columnContentWrapper .photosGrid .item .photoImg {
              position: absolute;
              left: 0px;
              top: 0px;
              width: 100%;
              height: 100%; } }
    .photos4Column .columnContentWrapper .gridControl {
      clear: both;
      width: 100%;
      padding-top: 0px;
      padding-bottom: 10px;
      position: relative;
      box-sizing: border-box;
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 10px;
      text-align: center; }
      .photos4Column .columnContentWrapper .gridControl a {
        line-height: 25px;
        max-width: 100px;
        margin: 0 auto;
        font-size: 12px;
        color: #34495e;
        text-decoration: underline; }
        .photos4Column .columnContentWrapper .gridControl a:hover {
          text-decoration: none; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.multipleJobsFormNavField {
  clear: both; }
  .multipleJobsFormNavField .formNav {
    max-width: 715px;
    margin: 0 auto;
    width: 100%; }
    .multipleJobsFormNavField .formNav .content {
      background: whitesmoke;
      border-radius: 9px;
      border: 1px #e1e1e1 solid;
      padding-top: 0px;
      padding-bottom: 0px; }
      .multipleJobsFormNavField .formNav .content .listWrap {
        box-sizing: border-box;
        padding-left: 5px;
        padding-right: 5px; }
        .multipleJobsFormNavField .formNav .content .listWrap .listItem {
          float: left;
          padding: 0px;
          box-sizing: border-box;
          padding-left: 15px;
          padding-right: 15px;
          text-align: center;
          box-sizing: border-box;
          border: 1px whitesmoke solid;
          padding: 15px;
          padding-right: 7px;
          padding-top: 3px;
          padding-bottom: 3px;
          font-size: 12px;
          line-height: 26px;
          font-weight: bold;
          color: #5a5a5a;
          text-decoration: underline; }
          @media (max-width: 599px) {
            .multipleJobsFormNavField .formNav .content .listWrap .listItem {
              font-size: 10px;
              line-height: 22px; } }
          .multipleJobsFormNavField .formNav .content .listWrap .listItem.selected {
            color: #37bdb1;
            text-decoration: underline; }
          .multipleJobsFormNavField .formNav .content .listWrap .listItem.error {
            color: red; }
          .multipleJobsFormNavField .formNav .content .listWrap .listItem:hover {
            color: #37bdb1;
            cursor: pointer;
            text-decoration: underline; }

.multipleJobsFormField {
  padding-top: 5px; }
  .multipleJobsFormField .disableTopMargin {
    margin-top: 0px !important; }
    @media (max-width: 599px) {
      .multipleJobsFormField .disableTopMargin {
        margin-top: 5px !important; } }
  @media (max-width: 599px) {
    .multipleJobsFormField {
      padding-top: 10px; } }
  @media (min-width: 950px) {
    .multipleJobsFormField .field {
      padding-top: 20px !important; } }
  @media (min-width: 950px) and (max-width: 999px) {
    .multipleJobsFormField .field {
      padding-top: 8px !important; } }
  @media (max-width: 599px) {
    .multipleJobsFormField .field {
      padding-top: 8px !important; } }
  .multipleJobsFormField .semilongCaption {
    padding-top: 3px;
    line-height: 15px !important;
    padding-bottom: 13px; }
    @media (max-width: 599px) {
      .multipleJobsFormField .semilongCaption {
        padding-bottom: 11px; } }
  .multipleJobsFormField .sublabel {
    line-height: 12px;
    font-size: 11px;
    color: #919191;
    margin-top: 2px; }
    .multipleJobsFormField .sublabel.copyLabel span {
      text-decoration: underline;
      color: #637ea0; }
      .multipleJobsFormField .sublabel.copyLabel span:hover {
        cursor: pointer;
        text-decoration: none; }
  .multipleJobsFormField .inputBottomButton {
    clear: both;
    width: 100%;
    border-top: 1px #e1e1e1 solid;
    border-bottom: 1px #e1e1e1 solid;
    border: 0px solid;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px; }
    .multipleJobsFormField .inputBottomButton .button {
      border-bottom: 1px #e1e1e1 solid;
      border-left: 1px #e1e1e1 solid;
      border-right: 1px #e1e1e1 solid;
      background: #fafafa;
      font-family: RobotoLight;
      line-height: 40px;
      color: #828282;
      font-size: 13px;
      text-decoration: underline; }
      @media (max-width: 599px) {
        .multipleJobsFormField .inputBottomButton .button {
          font-size: 11px; } }
      .multipleJobsFormField .inputBottomButton .button:hover {
        color: #37bdb1;
        cursor: pointer; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.chatForm {
  max-width: 750px; }
  .chatForm .targetAccountField .autoSelected {
    font-size: 0;
    text-align: center;
    padding-left: 0px !important;
    padding-right: 0px !important; }
    .chatForm .targetAccountField .autoSelected .content {
      display: none; }
    .chatForm .targetAccountField .autoSelected .multipleItem {
      padding: 5px 10px;
      margin: 10px;
      margin-left: 5px;
      margin-right: 5px;
      margin-bottom: 0px;
      text-align: center;
      display: inline-block;
      background: #ebebeb;
      border: 1px #d2d2d2 solid;
      color: #3c3c3c;
      font-size: 12px;
      border-radius: 9px; }
      @media (max-width: 999px) {
        .chatForm .targetAccountField .autoSelected .multipleItem {
          font-size: 11px; } }
      .chatForm .targetAccountField .autoSelected .multipleItem .rmIcon {
        padding-left: 5px; }
        .chatForm .targetAccountField .autoSelected .multipleItem .rmIcon:after {
          font-family: FontAwesome;
          font-size: 12px;
          content: "\f057"; }
      @media (max-width: 599px) {
        .chatForm .targetAccountField .autoSelected .multipleItem {
          font-size: 10px; }
          .chatForm .targetAccountField .autoSelected .multipleItem .rmIcon:after {
            font-size: 11px; } }
      .chatForm .targetAccountField .autoSelected .multipleItem:hover {
        cursor: pointer; }
        .chatForm .targetAccountField .autoSelected .multipleItem:hover .rmIcon:after {
          color: #37bdb1; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.chatGrid {
  clear: both;
  width: 100%;
  box-sizing: border-box;
  padding-top: 20px;
  padding-bottom: 20px; }
  .chatGrid .gridWrapper {
    width: 100%;
    position: relative;
    box-sizing: border-box;
    padding-left: 350px;
    border: 1px #ebebeb solid;
    overflow: hidden; }
    @media (max-width: 999px) {
      .chatGrid .gridWrapper {
        padding-left: 0px; } }
    .chatGrid .gridWrapper .emptySide {
      width: 100%;
      height: 200px;
      line-height: 200px;
      text-align: center;
      font-family: RobotoLight; }
    .chatGrid .gridWrapper .scrollableContent {
      overflow-y: auto; }
    .chatGrid .gridWrapper .leftSide {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 350px;
      height: 100%;
      background: white;
      box-sizing: border-box; }
      @media (max-width: 999px) {
        .chatGrid .gridWrapper .leftSide {
          position: relative;
          left: auto;
          top: auto;
          width: 100%; }
          .chatGrid .gridWrapper .leftSide .item.selectedItem {
            background: none !important; }
            .chatGrid .gridWrapper .leftSide .item.selectedItem:after {
              background: none !important; }
            .chatGrid .gridWrapper .leftSide .item.selectedItem:hover {
              background: #ebebeb !important; } }
      .chatGrid .gridWrapper .leftSide .headingRow {
        border-right: 1px #263749 solid; }
      .chatGrid .gridWrapper .leftSide .contentWrapper {
        border-right: 1px #ebebeb solid; }
    .chatGrid .gridWrapper .leftSide .headingRow {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      height: 47px;
      line-height: 47px;
      background: #455971;
      box-sizing: border-box;
      padding-left: 25px;
      color: white;
      font-family: RobotoLight;
      overflow: hidden;
      z-index: 2; }
      .chatGrid .gridWrapper .leftSide .headingRow.bottomHeadingRow {
        top: auto;
        bottom: 0px; }
      .chatGrid .gridWrapper .leftSide .headingRow .rightHeadingControls {
        position: absolute;
        right: 0px;
        top: 0px;
        left: auto;
        max-width: 170px;
        line-height: 43px; }
        @media (min-width: 1000px) {
          .chatGrid .gridWrapper .leftSide .headingRow .rightHeadingControls {
            display: none; } }
        @media (max-width: 699px) {
          .chatGrid .gridWrapper .leftSide .headingRow .rightHeadingControls {
            max-width: 135px; } }
      .chatGrid .gridWrapper .leftSide .headingRow .newMessageControl, .chatGrid .gridWrapper .leftSide .headingRow .markAllReadControl {
        display: block;
        max-width: 190px;
        padding-right: 0px;
        padding-left: 0px; }
        .chatGrid .gridWrapper .leftSide .headingRow .newMessageControl .formControl, .chatGrid .gridWrapper .leftSide .headingRow .markAllReadControl .formControl {
          background: none !important;
          color: #6cd4cb !important; }
          .chatGrid .gridWrapper .leftSide .headingRow .newMessageControl .formControl:hover, .chatGrid .gridWrapper .leftSide .headingRow .markAllReadControl .formControl:hover {
            background: #37bdb1 !important;
            color: white !important; }
        @media (max-width: 699px) {
          .chatGrid .gridWrapper .leftSide .headingRow .newMessageControl, .chatGrid .gridWrapper .leftSide .headingRow .markAllReadControl {
            max-width: 125px;
            padding-left: 0px; } }
        @media (max-width: 360px) {
          .chatGrid .gridWrapper .leftSide .headingRow .newMessageControl, .chatGrid .gridWrapper .leftSide .headingRow .markAllReadControl {
            right: -10px; } }
      .chatGrid .gridWrapper .leftSide .headingRow .markAllReadControl {
        right: 170px; }
        @media (min-width: 1000px) {
          .chatGrid .gridWrapper .leftSide .headingRow .markAllReadControl {
            display: none; } }
        @media (max-width: 699px) {
          .chatGrid .gridWrapper .leftSide .headingRow .markAllReadControl {
            right: 105px; } }
        @media (max-width: 360px) {
          .chatGrid .gridWrapper .leftSide .headingRow .markAllReadControl {
            max-width: 90px;
            right: 110px; } }
    .chatGrid .gridWrapper .leftSide .contentWrapper {
      width: 100%;
      height: 100%;
      box-sizing: border-box;
      padding-top: 47px;
      padding-bottom: 47px;
      z-index: 1; }
      .chatGrid .gridWrapper .leftSide .contentWrapper .content {
        position: relative;
        width: 100%;
        height: 100%; }
        .chatGrid .gridWrapper .leftSide .contentWrapper .content .loadMoreResults {
          width: 100%;
          box-sizing: border-box;
          text-align: center;
          padding-top: 15px;
          padding-bottom: 15px;
          background: whitesmoke;
          font-size: 12px;
          color: #5a5a5a;
          border-bottom: 1px #ebebeb solid; }
          .chatGrid .gridWrapper .leftSide .contentWrapper .content .loadMoreResults:hover {
            cursor: pointer;
            background: #f0f0f0; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

#dashboardCover {
  clear: both;
  width: 100%;
  height: 250px;
  background: whitesmoke;
  position: relative; }
  @media (max-width: 899px) {
    #dashboardCover {
      height: 120px; } }
  #dashboardCover .cover {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    box-sizing: border-box; }
  #dashboardCover .avatarWrap {
    position: absolute;
    bottom: -25px;
    left: 50px;
    height: 155px;
    width: 155px;
    border-radius: 0px;
    border: 1px black solid;
    border-bottom-right-radius: 0px;
    box-sizing: border-box;
    border: 5px white solid;
    background: whitesmoke;
    z-index: 2;
    border-radius: 5px; }
    #dashboardCover .avatarWrap img {
      width: 145px;
      height: 145px;
      border-radius: 5px; }
    @media (max-width: 899px) {
      #dashboardCover .avatarWrap {
        width: 105px;
        height: 105px;
        left: 50%;
        margin-left: -57px;
        bottom: -20px; }
        #dashboardCover .avatarWrap img {
          width: 95px;
          height: 95px; } }
  #dashboardCover .photoMenuTrigger {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    z-index: 4;
    background: #37bdb1; }
    #dashboardCover .photoMenuTrigger:hover {
      background: #58cfc4;
      cursor: pointer; }
    #dashboardCover .photoMenuTrigger:after {
      font-family: FontAwesome;
      font-size: 20px;
      content: "\f030";
      color: white; }
    @media (max-width: 899px) {
      #dashboardCover .photoMenuTrigger {
        width: 40px;
        height: 40px;
        line-height: 40px; }
        #dashboardCover .photoMenuTrigger:after {
          font-size: 18px; } }
    #dashboardCover .photoMenuTrigger.avatarMenuTrigger {
      top: auto;
      bottom: 0px;
      width: 35px;
      height: 35px;
      line-height: 35px;
      border-bottom-left-radius: 5px; }
      #dashboardCover .photoMenuTrigger.avatarMenuTrigger:after {
        font-size: 16px; }
  #dashboardCover .coverControls, #dashboardCover .avatarControls {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #ebebeb;
    z-index: 5;
    display: none;
    box-sizing: border-box; }
    #dashboardCover .coverControls .control, #dashboardCover .avatarControls .control {
      width: 100%;
      height: 48px;
      line-height: 48px;
      clear: both;
      position: relative;
      box-sizing: border-box;
      text-align: left;
      padding-left: 35px; }
      #dashboardCover .coverControls .control.disabledControl, #dashboardCover .avatarControls .control.disabledControl {
        background: #d2d2d2 !important; }
      #dashboardCover .coverControls .control .icon, #dashboardCover .coverControls .control .text, #dashboardCover .avatarControls .control .icon, #dashboardCover .avatarControls .control .text {
        display: inline-block;
        vertical-align: top; }
      #dashboardCover .coverControls .control .icon, #dashboardCover .avatarControls .control .icon {
        line-height: 46px; }
        #dashboardCover .coverControls .control .icon:after, #dashboardCover .avatarControls .control .icon:after {
          font-family: FontAwesome;
          content: "\f000";
          font-size: 16px;
          color: black; }
      #dashboardCover .coverControls .control .text, #dashboardCover .avatarControls .control .text {
        padding-left: 10px; }
      #dashboardCover .coverControls .control:hover, #dashboardCover .avatarControls .control:hover {
        cursor: pointer; }
      #dashboardCover .coverControls .control.closeControl .icon:after, #dashboardCover .avatarControls .control.closeControl .icon:after {
        content: "\f0a8"; }
      #dashboardCover .coverControls .control.closeControl:hover, #dashboardCover .avatarControls .control.closeControl:hover {
        background: whitesmoke; }
      #dashboardCover .coverControls .control.uploadControl, #dashboardCover .avatarControls .control.uploadControl {
        background: #dbe33e; }
        #dashboardCover .coverControls .control.uploadControl .icon:after, #dashboardCover .avatarControls .control.uploadControl .icon:after {
          content: "\f093"; }
        #dashboardCover .coverControls .control.uploadControl:hover, #dashboardCover .avatarControls .control.uploadControl:hover {
          background: #e3e96b; }
      #dashboardCover .coverControls .control.deleteControl, #dashboardCover .avatarControls .control.deleteControl {
        background: #37bdb1;
        color: white; }
        #dashboardCover .coverControls .control.deleteControl .icon:after, #dashboardCover .avatarControls .control.deleteControl .icon:after {
          color: white;
          content: "\f1f8"; }
        #dashboardCover .coverControls .control.deleteControl:hover, #dashboardCover .avatarControls .control.deleteControl:hover {
          background: #58cfc4; }
      @media (max-width: 899px) {
        #dashboardCover .coverControls .control, #dashboardCover .avatarControls .control {
          height: 32px;
          line-height: 32px;
          padding-left: 19px; }
          #dashboardCover .coverControls .control .icon, #dashboardCover .avatarControls .control .icon {
            line-height: 30px; }
            #dashboardCover .coverControls .control .icon:after, #dashboardCover .avatarControls .control .icon:after {
              font-size: 12px; }
          #dashboardCover .coverControls .control .text, #dashboardCover .avatarControls .control .text {
            font-size: 12px;
            padding-left: 5px; } }
  #dashboardCover .coverControls {
    height: 48px;
    border-left: 1px #d2d2d2 solid;
    border-right: 1px #d2d2d2 solid;
    z-index: 6; }
    @media (max-width: 899px) {
      #dashboardCover .coverControls {
        height: 48px;
        line-height: 48px; }
        #dashboardCover .coverControls .control {
          line-height: 48px;
          height: 48px; }
          #dashboardCover .coverControls .control .icon {
            line-height: 46px; } }
    #dashboardCover .coverControls .control {
      display: inline-block;
      width: 33.33%;
      padding-left: 0px;
      text-align: center; }
  #dashboardCover .infoWrap {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 150px;
    z-index: 1; }
    @media (max-width: 899px) {
      #dashboardCover .infoWrap {
        height: 85px;
        background: linear-gradient(transparent, rgba(0, 0, 0, 0.7)) !important; } }
    #dashboardCover .infoWrap .infoContent {
      position: absolute;
      left: 0px;
      top: 0px;
      box-sizing: border-box;
      width: 100%;
      height: 100%;
      padding-left: 225px;
      padding-right: 50px;
      padding-top: 30px;
      padding-bottom: 20px; }
      @media (max-width: 899px) {
        #dashboardCover .infoWrap .infoContent .infoHeading {
          display: none; } }
      #dashboardCover .infoWrap .infoContent .stickyNav:after {
        content: "hidden";
        display: none; }
      @media (max-width: 899px) {
        #dashboardCover .infoWrap .infoContent .stickyNav {
          position: fixed;
          bottom: 0px;
          left: 0px;
          width: 100%; }
          #dashboardCover .infoWrap .infoContent .stickyNav:after {
            content: "active"; }
          #dashboardCover .infoWrap .infoContent .stickyNav .control {
            display: inline-block;
            vertical-align: top;
            width: 50%;
            margin-left: 0px !important;
            border-radius: 0px !important;
            box-sizing: border-box;
            text-align: center;
            padding-top: 15px !important;
            padding-bottom: 15px !important; } }
      @media (max-width: 899px) {
        #dashboardCover .infoWrap .infoContent .singleMobileStickyNav .control {
          width: 100%; } }
      #dashboardCover .infoWrap .infoContent .top {
        clear: both;
        line-height: 22px;
        font-size: 22px;
        color: white; }
      #dashboardCover .infoWrap .infoContent .center {
        clear: both;
        color: white;
        line-height: 30px;
        font-size: 14px; }
        #dashboardCover .infoWrap .infoContent .center .positionIcon:after {
          font-family: FontAwesome;
          content: "\f0f2";
          color: white;
          padding-right: 5px;
          font-size: 14px; }
        #dashboardCover .infoWrap .infoContent .center .kitchenIcon:after {
          font-family: FontAwesome;
          color: white;
          padding-right: 5px;
          font-size: 14px;
          content: "\f0f5"; }
        #dashboardCover .infoWrap .infoContent .center .signature a {
          color: #a7e6e0;
          text-decoration: underline; }
          #dashboardCover .infoWrap .infoContent .center .signature a:hover {
            text-decoration: none; }
      #dashboardCover .infoWrap .infoContent .bottom {
        clear: both;
        font-size: 18px;
        text-align: left;
        margin-top: 5px; }
        #dashboardCover .infoWrap .infoContent .bottom .control {
          display: inline-block;
          vertical-align: top;
          padding: 10px 27px;
          color: white;
          font-size: 14px;
          border-radius: 5px;
          text-align: center; }
          #dashboardCover .infoWrap .infoContent .bottom .control.firstControl {
            background: #dbe33e;
            color: black; }
            #dashboardCover .infoWrap .infoContent .bottom .control.firstControl:hover {
              cursor: pointer;
              background: #e3e96b; }
          #dashboardCover .infoWrap .infoContent .bottom .control.secondControl {
            margin-left: 10px;
            background: #37bdb1; }
            #dashboardCover .infoWrap .infoContent .bottom .control.secondControl:hover {
              cursor: pointer;
              background: #58cfc4; }
          @media (min-width: 900px) {
            #dashboardCover .infoWrap .infoContent .bottom .control {
              min-width: 130px; } }
          @media (max-width: 449px) {
            #dashboardCover .infoWrap .infoContent .bottom .control {
              font-size: 12px; } }
          @media (min-width: 900px) and (max-width: 949px) {
            #dashboardCover .infoWrap .infoContent .bottom .control {
              min-width: 108px; } }
          #dashboardCover .infoWrap .infoContent .bottom .control .controlIcon:after {
            font-family: FontAwesome;
            content: "\f0f2";
            color: black;
            padding-right: 10px;
            font-size: 14px; }
          #dashboardCover .infoWrap .infoContent .bottom .control .controlIcon.userIcon:after {
            content: "\f007"; }
          #dashboardCover .infoWrap .infoContent .bottom .control .controlIcon.cvIcon:after {
            content: "\f15c";
            color: white; }
          #dashboardCover .infoWrap .infoContent .bottom .control .controlIcon.phoneIcon:after {
            content: "\f095";
            color: white; }
          #dashboardCover .infoWrap .infoContent .bottom .control .controlIcon.jobIcon:after {
            content: "\f067";
            color: white; }
    #dashboardCover .infoWrap .rightControls {
      position: absolute;
      right: 25px;
      bottom: 25px;
      text-align: right; }
      #dashboardCover .infoWrap .rightControls .control {
        display: inline-block;
        vertical-align: top;
        padding: 5px 13px;
        color: white;
        font-size: 12px;
        border-radius: 15px;
        position: relative;
        font-weight: bold;
        border: 2px white solid;
        text-align: center;
        min-width: 110px;
        line-height: 18px; }
        #dashboardCover .infoWrap .rightControls .control.secondControl {
          margin-left: 10px; }
        #dashboardCover .infoWrap .rightControls .control .controlItem {
          display: inline-block;
          vertical-align: top;
          height: 20px;
          line-height: 20px; }
        #dashboardCover .infoWrap .rightControls .control .controlIcon:after {
          font-family: FontAwesome;
          content: "\f0f2";
          color: white;
          padding-right: 10px;
          font-size: 14px; }
        #dashboardCover .infoWrap .rightControls .control .controlIcon.userIcon:after {
          content: "\f007"; }
        #dashboardCover .infoWrap .rightControls .control .controlIcon.msgIcon:after {
          content: "\f234"; }
        #dashboardCover .infoWrap .rightControls .control .controlIcon.cancelIcon:after {
          content: "\f00d"; }
        #dashboardCover .infoWrap .rightControls .control .controlIcon.settingsIcon:after {
          content: "\f013"; }
        #dashboardCover .infoWrap .rightControls .control .controlIcon.editIcon:after {
          content: "\f040"; }
        #dashboardCover .infoWrap .rightControls .control .controlSubicon {
          position: absolute;
          left: 21px;
          top: 10px; }
          #dashboardCover .infoWrap .rightControls .control .controlSubicon:after {
            font-family: FontAwesome;
            content: "\f067";
            color: white;
            font-size: 12px; }
          #dashboardCover .infoWrap .rightControls .control .controlSubicon.plusIcon:after {
            content: "\f067"; }
          #dashboardCover .infoWrap .rightControls .control .controlSubicon.minusIcon:after {
            content: "\f068"; }
        #dashboardCover .infoWrap .rightControls .control:hover {
          border-color: #dbe33e;
          color: #dbe33e;
          cursor: pointer; }
          #dashboardCover .infoWrap .rightControls .control:hover .controlIcon:after {
            color: #dbe33e; }
          #dashboardCover .infoWrap .rightControls .control:hover .controlSubicon:after {
            color: #dbe33e; }
        #dashboardCover .infoWrap .rightControls .control.secondControl:hover {
          border-color: #6cd4cb;
          color: #6cd4cb;
          cursor: pointer; }
          #dashboardCover .infoWrap .rightControls .control.secondControl:hover .controlIcon:after {
            color: #6cd4cb; }
          #dashboardCover .infoWrap .rightControls .control.secondControl:hover .controlSubicon:after {
            color: #6cd4cb; }
      @media (max-width: 899px) {
        #dashboardCover .infoWrap .rightControls {
          position: static;
          right: auto;
          bottom: auto; }
          #dashboardCover .infoWrap .rightControls .control {
            position: absolute;
            left: 25%;
            margin-left: -45px;
            top: 0px;
            width: 40px;
            height: 40px;
            padding: 0px;
            border-radius: 90%;
            min-width: initial;
            border-width: 2px; }
            #dashboardCover .infoWrap .rightControls .control.secondControl {
              left: auto;
              right: 25%;
              margin-right: -45px; }
            #dashboardCover .infoWrap .rightControls .control .controlWrapper .controlIcon {
              width: 22px;
              height: 22px;
              line-height: 40px;
              margin-left: 6px; }
              #dashboardCover .infoWrap .rightControls .control .controlWrapper .controlIcon:after {
                font-size: 18px; }
            #dashboardCover .infoWrap .rightControls .control .controlWrapper .controlTextData {
              display: none !important; }
            #dashboardCover .infoWrap .rightControls .control .controlWrapper .controlLoader {
              line-height: 40px; } }
  @media (min-width: 900px) and (max-width: 999px) {
    #dashboardCover .avatarWrap {
      left: 20px; }
    #dashboardCover .infoWrap .infoContent {
      padding-left: 195px; } }

#dashboardCoverFooter {
  clear: both;
  width: 100%;
  padding: 15px;
  padding-top: 35px;
  padding-bottom: 5px;
  text-align: center;
  box-sizing: border-box; }
  @media (min-width: 900px) {
    #dashboardCoverFooter {
      display: none; } }
  #dashboardCoverFooter .top {
    font-size: 17px;
    color: #34495e; }
  #dashboardCoverFooter .bottom {
    font-size: 12px;
    padding-top: 4px;
    color: #34495e; }
    #dashboardCoverFooter .bottom .positionIcon:after {
      font-family: FontAwesome;
      content: "\f0f2";
      color: #34495e;
      padding-right: 5px;
      font-size: 12px; }
    #dashboardCoverFooter .bottom .signature a {
      color: #37bdb1;
      text-decoration: underline; }
      #dashboardCoverFooter .bottom .signature a:hover {
        text-decoration: none; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

#dashboardGridOverlayWrapper {
  position: relative; }

#dashboardGridOverlay {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 15px; }
  @media (max-width: 999px) {
    #dashboardGridOverlay {
      padding-left: 15px;
      padding-right: 15px; } }
  #dashboardGridOverlay .overlayBg {
    width: 100%;
    height: 100%;
    background: white;
    opacity: 0.8;
    border-radius: 9px;
    z-index: 1; }
  #dashboardGridOverlay .overlayContent {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 2; }
    #dashboardGridOverlay .overlayContent .overlayControl {
      width: 100%;
      max-width: 270px;
      padding: 10px 57px;
      color: white;
      font-size: 14px;
      border-radius: 5px;
      text-align: center;
      background: #dbe33e;
      color: black;
      margin: 0 auto;
      margin-top: 100px;
      border: 1px #d2d2d2 solid; }
      #dashboardGridOverlay .overlayContent .overlayControl:hover {
        cursor: pointer;
        background: #e3e96b; }
      @media (max-width: 599px) {
        #dashboardGridOverlay .overlayContent .overlayControl {
          padding: 10px 20px;
          font-size: 12px;
          max-width: 230px; } }
      #dashboardGridOverlay .overlayContent .overlayControl .controlIcon:after {
        font-family: FontAwesome;
        content: "\f0c0";
        color: black;
        padding-right: 10px;
        font-size: 14px; }
      #dashboardGridOverlay .overlayContent .overlayControl .controlIcon.userIcon:after {
        content: "\f0c0"; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.dashboardNav {
  width: 100%;
  clear: both;
  text-align: center;
  margin-top: 15px; }
  .dashboardNav .navTabs {
    display: inline-block;
    list-style-type: none;
    margin: 0 auto;
    padding: 0px;
    border-bottom: 1px solid transparent;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center; }
    @media (max-width: 899px) {
      .dashboardNav .navTabs {
        width: 100%; } }
    @media (max-width: 599px) and (orientation: portrait) {
      .dashboardNav .navTabs {
        padding-left: 5px;
        padding-right: 5px; } }
    .dashboardNav .navTabs a, .dashboardNav .navTabs a:active, .dashboardNav .navTabs a:visited, .dashboardNav .navTabs a:hover {
      text-decoration: none; }
    .dashboardNav .navTabs .tabWrapper {
      width: 33.33%;
      display: inline-block;
      vertical-align: top;
      text-align: center;
      box-sizing: border-box;
      margin-bottom: 14px;
      min-width: 150px; }
      @media (max-width: 899px) {
        .dashboardNav .navTabs .tabWrapper {
          min-width: auto; } }
      .dashboardNav .navTabs .tabWrapper.firstTabWrapper {
        padding-right: 10px; }
      .dashboardNav .navTabs .tabWrapper.secondTabWrapper {
        padding-left: 5px;
        padding-right: 5px; }
      .dashboardNav .navTabs .tabWrapper.thirdTabWrapper {
        padding-left: 10px; }
      @media (max-width: 599px) {
        .dashboardNav .navTabs .tabWrapper.firstTabWrapper {
          padding-right: 6px; }
        .dashboardNav .navTabs .tabWrapper.secondTabWrapper {
          padding-left: 3px;
          padding-right: 3px; }
        .dashboardNav .navTabs .tabWrapper.thirdTabWrapper {
          padding-left: 6px; } }
      .dashboardNav .navTabs .tabWrapper .navItem {
        box-sizing: border-box;
        padding: 15px;
        padding-top: 6px;
        padding-bottom: 6px;
        font-size: 12px;
        border: 1px #37bdb1 solid;
        border-radius: 19px;
        font-weight: bold;
        color: #37bdb1; }
        @media (max-width: 899px) {
          .dashboardNav .navTabs .tabWrapper .navItem {
            font-weight: normal;
            font-size: 12px; } }
        .dashboardNav .navTabs .tabWrapper .navItem.selected {
          background: #37bdb1;
          color: white; }
        .dashboardNav .navTabs .tabWrapper .navItem:hover {
          background: #37bdb1;
          color: white;
          cursor: pointer;
          text-decoration: none; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.notificationGrid {
  clear: both;
  width: 100%;
  box-sizing: border-box;
  padding-top: 20px;
  padding-bottom: 20px; }
  .notificationGrid .gridWrapper {
    width: 100%;
    position: relative;
    box-sizing: border-box;
    border: 1px #ebebeb solid; }
    .notificationGrid .gridWrapper .headingRow {
      position: relative;
      width: 100%;
      height: 47px;
      line-height: 47px;
      background: #455971;
      box-sizing: border-box;
      padding-left: 25px;
      color: white;
      font-family: RobotoLight; }
    .notificationGrid .gridWrapper .emptySide {
      width: 100%;
      height: 200px;
      line-height: 200px;
      text-align: center;
      font-family: RobotoLight; }
    .notificationGrid .gridWrapper .contentWrapper {
      width: 100%;
      height: 100%;
      box-sizing: border-box; }
      .notificationGrid .gridWrapper .contentWrapper .content {
        position: relative;
        width: 100%;
        height: 100%; }
        .notificationGrid .gridWrapper .contentWrapper .content .top .text {
          color: black !important; }
        .notificationGrid .gridWrapper .contentWrapper .content .loadMoreResults {
          width: 100%;
          box-sizing: border-box;
          text-align: center;
          padding-top: 15px;
          padding-bottom: 15px;
          background: whitesmoke;
          font-size: 12px;
          color: #5a5a5a;
          border-bottom: 1px #ebebeb solid; }
          .notificationGrid .gridWrapper .contentWrapper .content .loadMoreResults:hover {
            cursor: pointer;
            background: #f0f0f0; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.photo2ColumnsWithText {
  clear: both;
  width: 100%;
  margin: 0 auto; }
  @media (min-width: 900px) {
    .photo2ColumnsWithText.hideFrom900 {
      display: none; } }
  @media (max-width: 899px) {
    .photo2ColumnsWithText.hideBefore900 {
      display: none; } }
  .photo2ColumnsWithText .columnContentWrapper {
    clear: both;
    width: 100%;
    box-sizing: border-box;
    font-size: 0;
    text-align: justify;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 10px;
    padding-top: 15px;
    padding-bottom: 15px; }
    @media (max-width: 1199px) {
      .photo2ColumnsWithText .columnContentWrapper {
        padding-left: 5px;
        padding-right: 5px; } }
    @media (max-width: 599px) {
      .photo2ColumnsWithText .columnContentWrapper {
        padding-top: 5px;
        padding-bottom: 5px; } }
    .photo2ColumnsWithText .columnContentWrapper:after {
      content: '';
      display: inline-block;
      width: 100%; }
    .photo2ColumnsWithText .columnContentWrapper.rowSideBorders .columnRow {
      border-left: 1px #ebebeb solid;
      border-right: 1px #ebebeb solid; }
    .photo2ColumnsWithText .columnContentWrapper .item, .photo2ColumnsWithText .columnContentWrapper .itemGutter {
      display: inline-block;
      width: 50%;
      box-sizing: border-box;
      vertical-align: top; }
      .photo2ColumnsWithText .columnContentWrapper .item.itemGutter, .photo2ColumnsWithText .columnContentWrapper .itemGutter.itemGutter {
        padding: 0px; }
      .photo2ColumnsWithText .columnContentWrapper .item .itemWrapper, .photo2ColumnsWithText .columnContentWrapper .itemGutter .itemWrapper {
        width: 100%;
        box-sizing: border-box;
        border-bottom: 0px;
        position: relative;
        padding-left: 135px; }
        .photo2ColumnsWithText .columnContentWrapper .item .itemWrapper .image, .photo2ColumnsWithText .columnContentWrapper .itemGutter .itemWrapper .image {
          position: absolute;
          left: 20px;
          top: 10px;
          width: 90px;
          height: 90px;
          background: whitesmoke;
          box-sizing: border-box;
          border: 1px #d2d2d2 solid;
          border-radius: 9px; }
          .photo2ColumnsWithText .columnContentWrapper .item .itemWrapper .image:hover, .photo2ColumnsWithText .columnContentWrapper .itemGutter .itemWrapper .image:hover {
            cursor: pointer;
            border-color: #37bdb1; }
          .photo2ColumnsWithText .columnContentWrapper .item .itemWrapper .image .photoImg, .photo2ColumnsWithText .columnContentWrapper .itemGutter .itemWrapper .image .photoImg {
            width: 88px;
            height: 88px;
            border-radius: 9px; }
        .photo2ColumnsWithText .columnContentWrapper .item .itemWrapper .contentWrapper, .photo2ColumnsWithText .columnContentWrapper .itemGutter .itemWrapper .contentWrapper {
          box-sizing: border-box;
          padding-right: 5px;
          padding-top: 7px;
          width: 100%;
          min-height: 100px;
          display: flex;
          align-items: center;
          flex-wrap: wrap; }
          @media (max-width: 1199px) {
            .photo2ColumnsWithText .columnContentWrapper .item .itemWrapper .contentWrapper, .photo2ColumnsWithText .columnContentWrapper .itemGutter .itemWrapper .contentWrapper {
              min-height: 85px; } }
          @media (max-width: 599px) {
            .photo2ColumnsWithText .columnContentWrapper .item .itemWrapper .contentWrapper, .photo2ColumnsWithText .columnContentWrapper .itemGutter .itemWrapper .contentWrapper {
              min-height: 77px; } }
        .photo2ColumnsWithText .columnContentWrapper .item .itemWrapper .contentSeparator, .photo2ColumnsWithText .columnContentWrapper .itemGutter .itemWrapper .contentSeparator {
          clear: both;
          width: 100%;
          height: 10px; }
        @media (max-width: 1199px) {
          .photo2ColumnsWithText .columnContentWrapper .item .itemWrapper, .photo2ColumnsWithText .columnContentWrapper .itemGutter .itemWrapper {
            padding-left: 115px; }
            .photo2ColumnsWithText .columnContentWrapper .item .itemWrapper .image, .photo2ColumnsWithText .columnContentWrapper .itemGutter .itemWrapper .image {
              width: 75px;
              height: 75px; }
              .photo2ColumnsWithText .columnContentWrapper .item .itemWrapper .image .photoImg, .photo2ColumnsWithText .columnContentWrapper .itemGutter .itemWrapper .image .photoImg {
                width: 73px;
                height: 73px; } }
        @media (max-width: 1099px) {
          .photo2ColumnsWithText .columnContentWrapper .item .itemWrapper, .photo2ColumnsWithText .columnContentWrapper .itemGutter .itemWrapper {
            padding-left: 105px; } }
        @media (max-width: 899px) {
          .photo2ColumnsWithText .columnContentWrapper .item .itemWrapper, .photo2ColumnsWithText .columnContentWrapper .itemGutter .itemWrapper {
            padding-left: 115px; } }
        @media (max-width: 599px) {
          .photo2ColumnsWithText .columnContentWrapper .item .itemWrapper, .photo2ColumnsWithText .columnContentWrapper .itemGutter .itemWrapper {
            padding-left: 100px; }
            .photo2ColumnsWithText .columnContentWrapper .item .itemWrapper .image, .photo2ColumnsWithText .columnContentWrapper .itemGutter .itemWrapper .image {
              width: 65px;
              height: 65px; }
              .photo2ColumnsWithText .columnContentWrapper .item .itemWrapper .image .photoImg, .photo2ColumnsWithText .columnContentWrapper .itemGutter .itemWrapper .image .photoImg {
                width: 63px;
                height: 63px; } }
      .photo2ColumnsWithText .columnContentWrapper .item.itemWithAllBorders .itemWrapper, .photo2ColumnsWithText .columnContentWrapper .itemGutter.itemWithAllBorders .itemWrapper {
        border: 1px #ebebeb solid; }
        @media (max-width: 899px) {
          .photo2ColumnsWithText .columnContentWrapper .item.itemWithAllBorders .itemWrapper, .photo2ColumnsWithText .columnContentWrapper .itemGutter.itemWithAllBorders .itemWrapper {
            border-top: 0px solid; } }
      .photo2ColumnsWithText .columnContentWrapper .item .controlsWrapper, .photo2ColumnsWithText .columnContentWrapper .itemGutter .controlsWrapper {
        width: 100%;
        display: block;
        clear: both;
        border: 1px #ebebeb solid;
        border-top: 0px solid;
        box-sizing: border-box; }
        .photo2ColumnsWithText .columnContentWrapper .item .controlsWrapper .controls, .photo2ColumnsWithText .columnContentWrapper .itemGutter .controlsWrapper .controls {
          width: 100%;
          text-align: center; }
          .photo2ColumnsWithText .columnContentWrapper .item .controlsWrapper .controls a, .photo2ColumnsWithText .columnContentWrapper .item .controlsWrapper .controls a:hover, .photo2ColumnsWithText .columnContentWrapper .itemGutter .controlsWrapper .controls a, .photo2ColumnsWithText .columnContentWrapper .itemGutter .controlsWrapper .controls a:hover {
            text-decoration: none; }
          .photo2ColumnsWithText .columnContentWrapper .item .controlsWrapper .controls .control, .photo2ColumnsWithText .columnContentWrapper .itemGutter .controlsWrapper .controls .control {
            box-sizing: border-box;
            background: whitesmoke;
            font-size: 11px;
            line-height: 12px;
            font-weight: bold;
            color: #3c3c3c;
            display: inline-block;
            width: 50%;
            border-radius: 0px;
            border: 0px;
            border-bottom: 1px whitesmoke solid;
            padding-top: 5px;
            padding-bottom: 5px; }
            @media (max-width: 599px) {
              .photo2ColumnsWithText .columnContentWrapper .item .controlsWrapper .controls .control, .photo2ColumnsWithText .columnContentWrapper .itemGutter .controlsWrapper .controls .control {
                font-size: 10px; } }
            .photo2ColumnsWithText .columnContentWrapper .item .controlsWrapper .controls .control:hover, .photo2ColumnsWithText .columnContentWrapper .itemGutter .controlsWrapper .controls .control:hover {
              background: #37bdb1;
              cursor: pointer;
              color: white; }
            .photo2ColumnsWithText .columnContentWrapper .item .controlsWrapper .controls .control.iconControl:before, .photo2ColumnsWithText .columnContentWrapper .itemGutter .controlsWrapper .controls .control.iconControl:before {
              font-family: FontAwesome;
              display: inline;
              content: "\f040";
              font-size: 12px;
              color: #3c3c3c;
              font-weight: normal;
              padding-right: 3px; }
            .photo2ColumnsWithText .columnContentWrapper .item .controlsWrapper .controls .control.iconControl:hover:before, .photo2ColumnsWithText .columnContentWrapper .itemGutter .controlsWrapper .controls .control.iconControl:hover:before {
              color: white; }
            .photo2ColumnsWithText .columnContentWrapper .item .controlsWrapper .controls .control.smallPaddingRight:before, .photo2ColumnsWithText .columnContentWrapper .itemGutter .controlsWrapper .controls .control.smallPaddingRight:before {
              padding-right: 1px; }
            .photo2ColumnsWithText .columnContentWrapper .item .controlsWrapper .controls .control.rmIcon:before, .photo2ColumnsWithText .columnContentWrapper .itemGutter .controlsWrapper .controls .control.rmIcon:before {
              content: "\f014"; }
            .photo2ColumnsWithText .columnContentWrapper .item .controlsWrapper .controls .control.viewIcon:before, .photo2ColumnsWithText .columnContentWrapper .itemGutter .controlsWrapper .controls .control.viewIcon:before {
              content: "\f002"; }
            .photo2ColumnsWithText .columnContentWrapper .item .controlsWrapper .controls .control.messageIcon:before, .photo2ColumnsWithText .columnContentWrapper .itemGutter .controlsWrapper .controls .control.messageIcon:before {
              content: "\f003"; }
      @media (max-width: 899px) {
        .photo2ColumnsWithText .columnContentWrapper .item:nth-child(even) .controlsWrapper, .photo2ColumnsWithText .columnContentWrapper .itemGutter:nth-child(even) .controlsWrapper {
          border-left: 0px solid; } }
    @media (max-width: 599px) {
      .photo2ColumnsWithText .columnContentWrapper .item, .photo2ColumnsWithText .columnContentWrapper .itemGutter {
        width: 100%; } }
  .photo2ColumnsWithText .gridControl {
    clear: both;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center; }
    .photo2ColumnsWithText .gridControl a {
      line-height: 25px;
      max-width: 100px;
      margin: 0 auto;
      font-size: 12px;
      font-weight: bold;
      color: #637ea0;
      text-decoration: underline; }
      .photo2ColumnsWithText .gridControl a:hover {
        text-decoration: none; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.photo2ColumnsWithText .columnContentWrapper .item .itemWrapper .content {
  text-align: left; }
  .photo2ColumnsWithText .columnContentWrapper .item .itemWrapper .content .top {
    color: #34495e;
    font-size: 15px;
    line-height: 20px;
    font-weight: bold; }
    .photo2ColumnsWithText .columnContentWrapper .item .itemWrapper .content .top a {
      color: #34495e; }
  .photo2ColumnsWithText .columnContentWrapper .item .itemWrapper .content .center {
    color: black;
    font-size: 14px;
    line-height: 18px; }
    .photo2ColumnsWithText .columnContentWrapper .item .itemWrapper .content .center .separator {
      display: inline-block;
      width: 10px;
      height: 1px;
      background: #bebebe;
      vertical-align: middle; }
  .photo2ColumnsWithText .columnContentWrapper .item .itemWrapper .content .bottom {
    color: #828282;
    font-size: 13px;
    line-height: 16px;
    padding-top: 4px; }
  @media (max-width: 1199px) {
    .photo2ColumnsWithText .columnContentWrapper .item .itemWrapper .content .top {
      font-size: 14px; }
    .photo2ColumnsWithText .columnContentWrapper .item .itemWrapper .content .bottom {
      padding-top: 2px;
      font-size: 12px; } }
  @media (max-width: 899px) {
    .photo2ColumnsWithText .columnContentWrapper .item .itemWrapper .content .top {
      font-size: 15px;
      line-height: 18px; }
    .photo2ColumnsWithText .columnContentWrapper .item .itemWrapper .content .bottom {
      font-size: 13px;
      line-height: 15px; } }
  @media (min-width: 600px) and (max-width: 699px) {
    .photo2ColumnsWithText .columnContentWrapper .item .itemWrapper .content .top {
      font-size: 14px; }
    .photo2ColumnsWithText .columnContentWrapper .item .itemWrapper .content .bottom {
      font-size: 12px; } }
  @media (max-width: 599px) {
    .photo2ColumnsWithText .columnContentWrapper .item .itemWrapper .content .top {
      font-size: 14px; }
    .photo2ColumnsWithText .columnContentWrapper .item .itemWrapper .content .bottom {
      font-size: 12px;
      padding-top: 4px; } }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.rows2WithBoxAndControlColumn {
  clear: both;
  width: 100%;
  margin: 0 auto; }
  @media (min-width: 900px) {
    .rows2WithBoxAndControlColumn.hideFrom900 {
      display: none; } }
  @media (max-width: 899px) {
    .rows2WithBoxAndControlColumn.hideBefore900 {
      display: none; } }
  .rows2WithBoxAndControlColumn .columnContentWrapper {
    clear: both;
    width: 100%;
    box-sizing: border-box;
    padding: 0px; }
    .rows2WithBoxAndControlColumn .columnContentWrapper.rowSideBorders .columnRow {
      border-left: 1px #ebebeb solid;
      border-right: 1px #ebebeb solid; }
    .rows2WithBoxAndControlColumn .columnContentWrapper .item {
      width: 100%;
      box-sizing: border-box;
      padding: 0px;
      clear: both;
      border-bottom: 1px #ebebeb solid;
      position: relative; }
      @media (min-width: 800px) {
        .rows2WithBoxAndControlColumn .columnContentWrapper .item.horizontalPaddings {
          padding-left: 25px;
          padding-right: 25px; }
          .rows2WithBoxAndControlColumn .columnContentWrapper .item.horizontalPaddings .controlsWrapper {
            right: 45px; } }
      .rows2WithBoxAndControlColumn .columnContentWrapper .item .controlLink span {
        padding-left: 5px;
        padding-right: 5px;
        color: black;
        text-decoration: underline; }
        @media (max-width: 599px) {
          .rows2WithBoxAndControlColumn .columnContentWrapper .item .controlLink span {
            padding-left: 8px;
            padding-right: 8px; } }
        .rows2WithBoxAndControlColumn .columnContentWrapper .item .controlLink span:hover {
          cursor: pointer;
          text-decoration: none; }
      .rows2WithBoxAndControlColumn .columnContentWrapper .item .controlLink {
        text-decoration: none; }
      .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper {
        width: 100%;
        box-sizing: border-box;
        position: relative;
        padding-left: 90px;
        padding-right: 200px; }
        .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper.itemWrapperNoControls {
          padding-right: 20px; }
        @media (min-width: 1060px) {
          .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper.listShrinkItemWrapper {
            padding-right: 300px; } }
        @media (min-width: 1150px) {
          .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper.listShrinkItemWrapper {
            padding-right: 520px; } }
        @media (min-width: 1180px) {
          .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper.listShrinkItemWrapper {
            padding-right: 540px; } }
        @media (min-width: 900px) and (max-width: 1059px) {
          .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper {
            padding-right: 50px; } }
        @media (max-width: 599px) {
          .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper {
            padding-right: 50px; } }
        .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper .image, .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper .activityBox {
          position: absolute;
          left: 18px;
          top: 10px;
          width: 60px;
          height: 60px;
          background: whitesmoke;
          box-sizing: border-box;
          border: 1px #d2d2d2 solid;
          border-radius: 9px; }
          .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper .image:hover, .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper .activityBox:hover {
            border-color: #37bdb1;
            cursor: pointer; }
          .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper .image .photoImg, .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper .activityBox .photoImg {
            width: 58px;
            height: 58px;
            border-radius: 9px; }
        @media (max-width: 599px) {
          .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper .image {
            top: 12px !important;
            width: 45px;
            height: 45px; }
            .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper .image .photoImg {
              width: 43px;
              height: 43px; } }
        .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper .activityBox {
          border: 0px solid;
          background: white;
          display: flex;
          align-items: center;
          flex-wrap: wrap;
          justify-content: center;
          flex-direction: column; }
          .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper .activityBox:hover {
            cursor: default; }
          .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper .activityBox div {
            display: inline-block;
            vertical-align: top; }
          .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper .activityBox .button {
            width: 13px;
            height: 13px;
            background: #d7d7d7;
            border-radius: 50%; }
          .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper .activityBox .label {
            padding-top: 3px;
            font-size: 13px; }
          .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper .activityBox.selectedBox .button {
            background: #37bdb1; }
          @media (max-width: 599px) {
            .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper .activityBox .button {
              width: 10px;
              height: 10px; }
            .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper .activityBox .label {
              font-size: 11px; } }
        .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper .content {
          box-sizing: border-box;
          padding-right: 20px;
          padding-top: 5px;
          width: 100%;
          min-height: 70px;
          display: flex;
          align-items: center;
          flex-wrap: wrap; }
        .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper .contentSeparator {
          clear: both;
          width: 100%;
          height: 10px; }
      .rows2WithBoxAndControlColumn .columnContentWrapper .item.smallVerPaddings .itemWrapper .image, .rows2WithBoxAndControlColumn .columnContentWrapper .item.smallVerPaddings .itemWrapper .activityBox {
        top: 8px; }
      .rows2WithBoxAndControlColumn .columnContentWrapper .item.smallVerPaddings .itemWrapper .content {
        min-height: 65px;
        padding-top: 3px; }
      .rows2WithBoxAndControlColumn .columnContentWrapper .item.smallVerPaddings .itemWrapper .contentSeparator {
        height: 12px; }
      @media (max-width: 599px) {
        .rows2WithBoxAndControlColumn .columnContentWrapper .item.smallVerPaddings .itemWrapper .activityBox {
          width: 45px;
          height: 45px;
          top: 11px; }
        .rows2WithBoxAndControlColumn .columnContentWrapper .item.smallVerPaddings .itemWrapper .content {
          min-height: 60px; }
        .rows2WithBoxAndControlColumn .columnContentWrapper .item.smallVerPaddings .itemWrapper .contentSeparator {
          height: 10px; }
        .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper {
          padding-left: 60px; }
          .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper .content {
            padding-right: 7px; }
          .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper .activityBox {
            left: 10px; } }
      @media (max-width: 599px) {
        .rows2WithBoxAndControlColumn .columnContentWrapper .item.boxWithPhoto .itemWrapper {
          padding-left: 75px; } }
      .rows2WithBoxAndControlColumn .columnContentWrapper .item .controlsWrapper {
        position: absolute;
        right: 20px;
        top: 0px;
        width: 180px;
        height: 100%;
        display: flex;
        align-items: center;
        flex-wrap: wrap; }
        @media (min-width: 1060px) {
          .rows2WithBoxAndControlColumn .columnContentWrapper .item .controlsWrapper.listWideControlsWrapper {
            width: 460px; } }
        @media (min-width: 1150px) {
          .rows2WithBoxAndControlColumn .columnContentWrapper .item .controlsWrapper.listWideControlsWrapper {
            width: 500px; } }
        @media (min-width: 1180px) {
          .rows2WithBoxAndControlColumn .columnContentWrapper .item .controlsWrapper.listWideControlsWrapper {
            width: 520px; } }
        @media (max-width: 599px) {
          .rows2WithBoxAndControlColumn .columnContentWrapper .item .controlsWrapper.singleControlBefore600 {
            width: 35px; } }
        @media (min-width: 900px) and (max-width: 1059px) {
          .rows2WithBoxAndControlColumn .columnContentWrapper .item .controlsWrapper.singleControlOn900-1059 {
            width: 35px; } }
        @media (max-width: 599px) {
          .rows2WithBoxAndControlColumn .columnContentWrapper .item .controlsWrapper {
            right: 10px; } }
        .rows2WithBoxAndControlColumn .columnContentWrapper .item .controlsWrapper .controls {
          width: 100%;
          display: flex;
          justify-content: space-between; }
          .rows2WithBoxAndControlColumn .columnContentWrapper .item .controlsWrapper .controls a, .rows2WithBoxAndControlColumn .columnContentWrapper .item .controlsWrapper .controls a:hover {
            text-decoration: none; }
          .rows2WithBoxAndControlColumn .columnContentWrapper .item .controlsWrapper .controls .control {
            border-radius: 5px;
            padding: 4px;
            padding-left: 12px;
            padding-right: 12px;
            box-sizing: border-box;
            background: whitesmoke;
            display: inline;
            font-size: 11px;
            line-height: 12px;
            font-weight: bold;
            color: #3c3c3c;
            border: 1px #d2d2d2 solid; }
            .rows2WithBoxAndControlColumn .columnContentWrapper .item .controlsWrapper .controls .control:hover {
              background: #37bdb1;
              cursor: pointer;
              color: white; }
            @media (max-width: 599px) {
              .rows2WithBoxAndControlColumn .columnContentWrapper .item .controlsWrapper .controls .control.hideBefore600 {
                display: none; } }
            @media (min-width: 600px) and (max-width: 899px) {
              .rows2WithBoxAndControlColumn .columnContentWrapper .item .controlsWrapper .controls .control.hideOn600-899 {
                display: none; } }
            @media (min-width: 900px) and (max-width: 1059px) {
              .rows2WithBoxAndControlColumn .columnContentWrapper .item .controlsWrapper .controls .control.hideOn900-1059 {
                display: none; } }
            @media (min-width: 1060px) {
              .rows2WithBoxAndControlColumn .columnContentWrapper .item .controlsWrapper .controls .control.hideAfter1059 {
                display: none; } }
            .rows2WithBoxAndControlColumn .columnContentWrapper .item .controlsWrapper .controls .control.greenControl {
              background: white;
              color: #37bdb1;
              border-color: #37bdb1;
              border-radius: 15px;
              font-weight: normal;
              padding: 5px 25px;
              line-height: normal; }
              .rows2WithBoxAndControlColumn .columnContentWrapper .item .controlsWrapper .controls .control.greenControl:hover {
                background: #37bdb1;
                color: white; }
            .rows2WithBoxAndControlColumn .columnContentWrapper .item .controlsWrapper .controls .control.textControl {
              background: white;
              border: 0px solid;
              color: black;
              font-size: 13px;
              font-weight: normal;
              line-height: normal; }
              .rows2WithBoxAndControlColumn .columnContentWrapper .item .controlsWrapper .controls .control.textControl:hover {
                background: white;
                cursor: default;
                color: black; }
            .rows2WithBoxAndControlColumn .columnContentWrapper .item .controlsWrapper .controls .control.arrowControl {
              width: 34px;
              height: 34px;
              line-height: 20px;
              box-sizing: border-box;
              border: 2px #37bdb1 solid;
              background: white;
              border-radius: 50%;
              position: relative; }
              .rows2WithBoxAndControlColumn .columnContentWrapper .item .controlsWrapper .controls .control.arrowControl:after {
                position: absolute;
                left: 9px;
                top: 4px;
                font-family: FontAwesome;
                content: "\f061";
                color: #37bdb1;
                font-size: 14px; }
              .rows2WithBoxAndControlColumn .columnContentWrapper .item .controlsWrapper .controls .control.arrowControl.editControl:after {
                content: "\f040";
                font-weight: normal; }
              .rows2WithBoxAndControlColumn .columnContentWrapper .item .controlsWrapper .controls .control.arrowControl.cvControl:after {
                content: "\f15c";
                font-weight: normal; }
              .rows2WithBoxAndControlColumn .columnContentWrapper .item .controlsWrapper .controls .control.arrowControl:hover {
                background: #37bdb1; }
                .rows2WithBoxAndControlColumn .columnContentWrapper .item .controlsWrapper .controls .control.arrowControl:hover:after {
                  color: white; }
              @media (max-width: 599px) {
                .rows2WithBoxAndControlColumn .columnContentWrapper .item .controlsWrapper .controls .control.arrowControl {
                  width: 29px;
                  height: 29px; }
                  .rows2WithBoxAndControlColumn .columnContentWrapper .item .controlsWrapper .controls .control.arrowControl:after {
                    top: 3px;
                    left: 7px;
                    font-size: 12px; } }
            .rows2WithBoxAndControlColumn .columnContentWrapper .item .controlsWrapper .controls .control.iconControl:before {
              font-family: FontAwesome;
              display: inline;
              content: "\f040";
              font-size: 12px;
              color: #3c3c3c;
              font-weight: normal;
              padding-right: 3px; }
            .rows2WithBoxAndControlColumn .columnContentWrapper .item .controlsWrapper .controls .control.iconControl:hover:before {
              color: white; }
            .rows2WithBoxAndControlColumn .columnContentWrapper .item .controlsWrapper .controls .control.smallPaddingRight:before {
              padding-right: 1px; }
            .rows2WithBoxAndControlColumn .columnContentWrapper .item .controlsWrapper .controls .control.rmIcon:before {
              content: "\f014"; }
            .rows2WithBoxAndControlColumn .columnContentWrapper .item .controlsWrapper .controls .control.viewIcon:before {
              content: "\f002"; }
            .rows2WithBoxAndControlColumn .columnContentWrapper .item .controlsWrapper .controls .control.messageIcon:before {
              content: "\f003"; }
  .rows2WithBoxAndControlColumn .gridControl {
    clear: both;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    font-family: Roboto; }
    .rows2WithBoxAndControlColumn .gridControl a {
      line-height: 25px;
      max-width: 100px;
      margin: 0 auto;
      font-size: 12px;
      color: #34495e;
      text-decoration: underline; }
      .rows2WithBoxAndControlColumn .gridControl a:hover {
        text-decoration: none; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper .content {
  text-align: left; }
  .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper .content .flexAlignWrapper {
    max-width: 100%; }
  .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper .content .top {
    color: #34495e;
    font-size: 14px;
    line-height: 18px; }
    .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper .content .top a {
      color: #34495e; }
      .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper .content .top a:hover {
        text-decoration: underline; }
    .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper .content .top .smallText {
      font-size: 14px;
      color: black; }
    .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper .content .top.selectedTop {
      font-weight: bold; }
    @media (max-width: 599px) {
      .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper .content .top {
        font-size: 12px;
        line-height: 15px; } }
  .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper .content .center {
    color: black;
    font-size: 14px;
    line-height: 18px;
    word-wrap: break-word; }
    .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper .content .center .separator {
      display: inline-block;
      width: 10px;
      height: 1px;
      background: #bebebe;
      vertical-align: middle; }
  .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper .content .bottom {
    color: #828282;
    font-size: 12px;
    line-height: 16px; }
    .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper .content .bottom .articleText {
      padding-top: 10px;
      color: black;
      font-size: 14px; }
      @media (max-width: 599px) {
        .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper .content .bottom .articleText {
          font-size: 12px; } }
    .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper .content .bottom .articleFile {
      padding-top: 15px;
      box-sizing: border-box;
      padding-right: 40px; }
      @media (max-width: 599px) {
        .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper .content .bottom .articleFile {
          padding-right: 20px; } }
      @media (min-width: 1150px) {
        .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper .content .bottom .articleFile {
          padding-right: 60px; } }
      @media (min-width: 1179px) {
        .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper .content .bottom .articleFile {
          padding-right: 80px; } }
    .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper .content .bottom .imgPreview img {
      max-width: 100%;
      border-radius: 9px;
      box-sizing: border-box;
      border: 1px #d2d2d2 solid; }
      .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper .content .bottom .imgPreview img:hover {
        cursor: pointer;
        border: 1px #37bdb1 solid; }
    .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper .content .bottom .imgPreview.portraitImg img {
      max-width: 200px; }
    .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper .content .bottom .filePreview {
      word-wrap: break-word;
      max-width: 100%;
      color: #34495e; }
    @media (max-width: 599px) {
      .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper .content .bottom {
        font-size: 11px; } }
    @media (min-width: 600px) and (max-width: 899px) {
      .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper .content .bottom .hideOn600-899 {
        display: none; } }
    @media (min-width: 1060px) {
      .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper .content .bottom .hideFrom1060 {
        display: none; } }
    .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper .content .bottom .bottomHighlight {
      color: black;
      background: #ebf0f5;
      padding-left: 8px;
      padding-right: 8px;
      border-radius: 19px;
      padding-top: 0px;
      padding-bottom: 2px;
      margin-left: 10px; }
    .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper .content .bottom.bottomWithControls .controls {
      margin-left: 0px;
      padding-left: 0px;
      background: white; }
      .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper .content .bottom.bottomWithControls .controls .firstControl span {
        padding-left: 0px; }
  .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper .content.twoRowsContent .top {
    padding-top: 7px; }
  .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper .content.twoRowsContent .bottom {
    padding-top: 3px;
    font-size: 13px; }
  @media (max-width: 599px) {
    .rows2WithBoxAndControlColumn .columnContentWrapper .item .itemWrapper .content.twoRowsContent .bottom {
      font-size: 11px; } }

@media (min-width: 900px) {
  .rows2WithBoxAndControlColumn.rows2WithBoxAndControlSingleColumn .columnContentWrapper .item .itemWrapper .content .bottom .articleFile {
    padding-right: 240px; } }

@media (min-width: 950px) {
  .rows2WithBoxAndControlColumn.rows2WithBoxAndControlSingleColumn .columnContentWrapper .item .itemWrapper .content .bottom .articleFile {
    padding-right: 280px; } }

@media (min-width: 1050px) {
  .rows2WithBoxAndControlColumn.rows2WithBoxAndControlSingleColumn .columnContentWrapper .item .itemWrapper .content .bottom .articleFile {
    padding-right: 380px; } }

@media (min-width: 1150px) {
  .rows2WithBoxAndControlColumn.rows2WithBoxAndControlSingleColumn .columnContentWrapper .item .itemWrapper .content .bottom .articleFile {
    padding-right: 480px; } }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.rows2WithPhotoAndControlsColumn {
  clear: both;
  width: 100%;
  margin: 0 auto; }
  @media (min-width: 900px) {
    .rows2WithPhotoAndControlsColumn.hideFrom900 {
      display: none; } }
  @media (max-width: 899px) {
    .rows2WithPhotoAndControlsColumn.hideBefore900 {
      display: none; } }
  .rows2WithPhotoAndControlsColumn .columnContentWrapper {
    clear: both;
    width: 100%;
    box-sizing: border-box;
    padding: 0px; }
    .rows2WithPhotoAndControlsColumn .columnContentWrapper.rowSideBorders .columnRow {
      border-left: 1px #ebebeb solid;
      border-right: 1px #ebebeb solid; }
    .rows2WithPhotoAndControlsColumn .columnContentWrapper .item {
      width: 100%;
      box-sizing: border-box;
      padding: 0px;
      clear: both;
      border-bottom: 1px #ebebeb solid;
      position: relative; }
      .rows2WithPhotoAndControlsColumn .columnContentWrapper .item .itemWrapper {
        width: 100%;
        box-sizing: border-box;
        position: relative;
        padding-left: 90px;
        padding-right: 200px; }
        @media (min-width: 900px) and (max-width: 1059px), (max-width: 699px) {
          .rows2WithPhotoAndControlsColumn .columnContentWrapper .item .itemWrapper {
            padding-right: 20px; } }
        .rows2WithPhotoAndControlsColumn .columnContentWrapper .item .itemWrapper .image, .rows2WithPhotoAndControlsColumn .columnContentWrapper .item .itemWrapper .activityBox {
          position: absolute;
          left: 18px;
          top: 10px;
          width: 60px;
          height: 60px;
          background: whitesmoke;
          box-sizing: border-box;
          border: 1px #d2d2d2 solid;
          border-radius: 9px; }
          .rows2WithPhotoAndControlsColumn .columnContentWrapper .item .itemWrapper .image:hover, .rows2WithPhotoAndControlsColumn .columnContentWrapper .item .itemWrapper .activityBox:hover {
            border-color: #37bdb1;
            cursor: pointer; }
          .rows2WithPhotoAndControlsColumn .columnContentWrapper .item .itemWrapper .image .photoImg, .rows2WithPhotoAndControlsColumn .columnContentWrapper .item .itemWrapper .activityBox .photoImg {
            width: 58px;
            height: 58px;
            border-radius: 9px; }
        .rows2WithPhotoAndControlsColumn .columnContentWrapper .item .itemWrapper .activityBox {
          border: 0px solid;
          background: white;
          display: flex;
          align-items: center;
          flex-wrap: wrap;
          justify-content: center;
          flex-direction: column; }
          .rows2WithPhotoAndControlsColumn .columnContentWrapper .item .itemWrapper .activityBox:hover {
            cursor: default; }
          .rows2WithPhotoAndControlsColumn .columnContentWrapper .item .itemWrapper .activityBox div {
            display: inline-block;
            vertical-align: top; }
          .rows2WithPhotoAndControlsColumn .columnContentWrapper .item .itemWrapper .activityBox .button {
            width: 13px;
            height: 13px;
            background: #ebebeb;
            border-radius: 50%; }
          .rows2WithPhotoAndControlsColumn .columnContentWrapper .item .itemWrapper .activityBox .label {
            padding-top: 3px; }
          .rows2WithPhotoAndControlsColumn .columnContentWrapper .item .itemWrapper .activityBox.selectedBox .button {
            background: #37bdb1; }
        .rows2WithPhotoAndControlsColumn .columnContentWrapper .item .itemWrapper .content {
          box-sizing: border-box;
          padding-right: 20px;
          padding-top: 13px;
          width: 100%;
          min-height: 70px; }
        .rows2WithPhotoAndControlsColumn .columnContentWrapper .item .itemWrapper .contentSeparator {
          clear: both;
          width: 100%;
          height: 10px; }
      .rows2WithPhotoAndControlsColumn .columnContentWrapper .item .controlsWrapper {
        position: absolute;
        right: 20px;
        top: 0px;
        width: 180px;
        height: 100%;
        display: flex;
        align-items: center;
        flex-wrap: wrap; }
        .rows2WithPhotoAndControlsColumn .columnContentWrapper .item .controlsWrapper .controls {
          width: 100%;
          display: flex;
          justify-content: space-between; }
          .rows2WithPhotoAndControlsColumn .columnContentWrapper .item .controlsWrapper .controls a, .rows2WithPhotoAndControlsColumn .columnContentWrapper .item .controlsWrapper .controls a:hover {
            text-decoration: none; }
          .rows2WithPhotoAndControlsColumn .columnContentWrapper .item .controlsWrapper .controls .control {
            border-radius: 5px;
            padding: 4px;
            padding-left: 12px;
            padding-right: 12px;
            box-sizing: border-box;
            background: whitesmoke;
            display: inline;
            font-size: 11px;
            line-height: 12px;
            font-weight: bold;
            color: #3c3c3c;
            border: 1px #d2d2d2 solid; }
            @media (max-width: 599px) {
              .rows2WithPhotoAndControlsColumn .columnContentWrapper .item .controlsWrapper .controls .control {
                font-size: 10px; } }
            .rows2WithPhotoAndControlsColumn .columnContentWrapper .item .controlsWrapper .controls .control:hover {
              background: #37bdb1;
              cursor: pointer;
              color: white; }
            .rows2WithPhotoAndControlsColumn .columnContentWrapper .item .controlsWrapper .controls .control.greenControl {
              background: white;
              color: #37bdb1;
              border-color: #37bdb1;
              border-radius: 15px;
              font-weight: normal;
              padding: 5px 25px;
              line-height: normal; }
              .rows2WithPhotoAndControlsColumn .columnContentWrapper .item .controlsWrapper .controls .control.greenControl:hover {
                background: #37bdb1;
                color: white; }
            .rows2WithPhotoAndControlsColumn .columnContentWrapper .item .controlsWrapper .controls .control.textControl {
              background: white;
              border: 0px solid;
              color: black;
              font-size: 14px;
              font-weight: normal;
              line-height: normal; }
              .rows2WithPhotoAndControlsColumn .columnContentWrapper .item .controlsWrapper .controls .control.textControl:hover {
                background: white;
                cursor: default;
                color: black; }
            .rows2WithPhotoAndControlsColumn .columnContentWrapper .item .controlsWrapper .controls .control.iconControl:before {
              font-family: FontAwesome;
              display: inline;
              content: "\f040";
              font-size: 12px;
              color: #3c3c3c;
              font-weight: normal;
              padding-right: 3px; }
            .rows2WithPhotoAndControlsColumn .columnContentWrapper .item .controlsWrapper .controls .control.iconControl:hover:before {
              color: white; }
            .rows2WithPhotoAndControlsColumn .columnContentWrapper .item .controlsWrapper .controls .control.smallPaddingRight:before {
              padding-right: 1px; }
            .rows2WithPhotoAndControlsColumn .columnContentWrapper .item .controlsWrapper .controls .control.rmIcon:before {
              content: "\f014"; }
            .rows2WithPhotoAndControlsColumn .columnContentWrapper .item .controlsWrapper .controls .control.viewIcon:before {
              content: "\f002"; }
            .rows2WithPhotoAndControlsColumn .columnContentWrapper .item .controlsWrapper .controls .control.messageIcon:before {
              content: "\f003"; }
        @media (min-width: 900px) and (max-width: 1059px), (max-width: 699px) {
          .rows2WithPhotoAndControlsColumn .columnContentWrapper .item .controlsWrapper {
            position: static;
            right: auto;
            top: auto;
            width: 100%;
            display: block;
            clear: both; }
            .rows2WithPhotoAndControlsColumn .columnContentWrapper .item .controlsWrapper .controls {
              display: block;
              text-align: center; }
              .rows2WithPhotoAndControlsColumn .columnContentWrapper .item .controlsWrapper .controls .control {
                display: inline-block;
                width: 50%;
                margin: 0px;
                padding-left: 0px;
                padding-right: 0px;
                border-radius: 0px;
                border: 0px;
                border-bottom: 1px whitesmoke solid;
                padding-top: 5px;
                padding-bottom: 5px; } }
    @media (min-width: 600px) and (max-width: 899px) {
      .rows2WithPhotoAndControlsColumn .columnContentWrapper .item .itemWrapper .content {
        padding-top: 14px; } }
    @media (max-width: 599px) {
      .rows2WithPhotoAndControlsColumn .columnContentWrapper .item .itemWrapper {
        padding-left: 85px; }
        .rows2WithPhotoAndControlsColumn .columnContentWrapper .item .itemWrapper .image {
          width: 55px;
          height: 55px; }
          .rows2WithPhotoAndControlsColumn .columnContentWrapper .item .itemWrapper .image .photoImg {
            width: 53px;
            height: 53px; }
        .rows2WithPhotoAndControlsColumn .columnContentWrapper .item .itemWrapper .content {
          min-height: 65px;
          padding-top: 12px; } }
  .rows2WithPhotoAndControlsColumn .gridControl {
    clear: both;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    font-family: Roboto; }
    .rows2WithPhotoAndControlsColumn .gridControl a {
      line-height: 25px;
      max-width: 100px;
      margin: 0 auto;
      font-size: 12px;
      color: #34495e;
      text-decoration: underline; }
      .rows2WithPhotoAndControlsColumn .gridControl a:hover {
        text-decoration: none; }

.rows2WithPhotoAndControlsColumn.selectListGrid .columnContentWrapper .item:hover, .rows2WithPhotoAndControlsColumn.chatListGrid .columnContentWrapper .item:hover {
  background: #f0f0f0;
  cursor: pointer; }

.rows2WithPhotoAndControlsColumn.selectListGrid .columnContentWrapper .item.selectedItem, .rows2WithPhotoAndControlsColumn.chatListGrid .columnContentWrapper .item.selectedItem {
  background: #f0f0f0; }
  .rows2WithPhotoAndControlsColumn.selectListGrid .columnContentWrapper .item.selectedItem:after, .rows2WithPhotoAndControlsColumn.chatListGrid .columnContentWrapper .item.selectedItem:after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 5px;
    height: 100%;
    background: #37bdb1; }

.rows2WithPhotoAndControlsColumn.selectListGrid .columnContentWrapper .item .itemWrapper, .rows2WithPhotoAndControlsColumn.chatListGrid .columnContentWrapper .item .itemWrapper {
  padding-left: 82px;
  padding-right: 25px; }
  .rows2WithPhotoAndControlsColumn.selectListGrid .columnContentWrapper .item .itemWrapper .image, .rows2WithPhotoAndControlsColumn.chatListGrid .columnContentWrapper .item .itemWrapper .image {
    position: absolute;
    left: 23px;
    top: 10px;
    width: 47px;
    height: 47px; }
    .rows2WithPhotoAndControlsColumn.selectListGrid .columnContentWrapper .item .itemWrapper .image .photoImg, .rows2WithPhotoAndControlsColumn.chatListGrid .columnContentWrapper .item .itemWrapper .image .photoImg {
      width: 45px;
      height: 45px; }
  .rows2WithPhotoAndControlsColumn.selectListGrid .columnContentWrapper .item .itemWrapper .content, .rows2WithPhotoAndControlsColumn.chatListGrid .columnContentWrapper .item .itemWrapper .content {
    padding-right: 0px;
    padding-top: 9px;
    width: 100%;
    min-height: 57px; }
    .rows2WithPhotoAndControlsColumn.selectListGrid .columnContentWrapper .item .itemWrapper .content .top, .rows2WithPhotoAndControlsColumn.chatListGrid .columnContentWrapper .item .itemWrapper .content .top {
      color: black;
      display: flex;
      justify-content: space-between; }
    .rows2WithPhotoAndControlsColumn.selectListGrid .columnContentWrapper .item .itemWrapper .content .top, .rows2WithPhotoAndControlsColumn.selectListGrid .columnContentWrapper .item .itemWrapper .content .center, .rows2WithPhotoAndControlsColumn.chatListGrid .columnContentWrapper .item .itemWrapper .content .top, .rows2WithPhotoAndControlsColumn.chatListGrid .columnContentWrapper .item .itemWrapper .content .center {
      font-size: 14px;
      line-height: 16px; }
    .rows2WithPhotoAndControlsColumn.selectListGrid .columnContentWrapper .item .itemWrapper .content .center, .rows2WithPhotoAndControlsColumn.chatListGrid .columnContentWrapper .item .itemWrapper .content .center {
      color: #828282;
      font-size: 12px; }
    .rows2WithPhotoAndControlsColumn.selectListGrid .columnContentWrapper .item .itemWrapper .content .bottom, .rows2WithPhotoAndControlsColumn.chatListGrid .columnContentWrapper .item .itemWrapper .content .bottom {
      color: #37bdb1; }

.rows2WithPhotoAndControlsColumn.selectListGrid .columnContentWrapper .item .numberMessage, .rows2WithPhotoAndControlsColumn.chatListGrid .columnContentWrapper .item .numberMessage {
  border-radius: 50%;
  padding: 8px;
  position: absolute;
  right: 8px;
  top: 22px;
  color: white;
  font-size: 10px;
  box-sizing: border-box;
  border: 1px #bebebe solid;
  background: #37bdb1;
  color: white;
  line-height: 6px; }
  .rows2WithPhotoAndControlsColumn.selectListGrid .columnContentWrapper .item .numberMessage.extraTopSpace, .rows2WithPhotoAndControlsColumn.chatListGrid .columnContentWrapper .item .numberMessage.extraTopSpace {
    top: 25px; }

.rows2WithPhotoAndControlsColumn.doubleVerPaddings .columnContentWrapper .item .itemWrapper .image {
  top: 12px; }

.rows2WithPhotoAndControlsColumn.doubleVerPaddings .columnContentWrapper .item .itemWrapper .content {
  padding-top: 12px; }

.rows2WithPhotoAndControlsColumn.doubleVerPaddings .columnContentWrapper .item .itemWrapper .contentSeparator {
  height: 13px; }

.rows2WithPhotoAndControlsColumn.disableBorders .columnContentWrapper .item {
  border-bottom: 0px solid; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.rows2WithPhotoAndControlsColumn .columnContentWrapper .item .itemWrapper .content {
  text-align: left; }
  .rows2WithPhotoAndControlsColumn .columnContentWrapper .item .itemWrapper .content .top {
    color: #34495e;
    font-size: 15px;
    line-height: 20px; }
    .rows2WithPhotoAndControlsColumn .columnContentWrapper .item .itemWrapper .content .top a {
      color: #37bdb1; }
      .rows2WithPhotoAndControlsColumn .columnContentWrapper .item .itemWrapper .content .top a:hover {
        text-decoration: underline; }
    .rows2WithPhotoAndControlsColumn .columnContentWrapper .item .itemWrapper .content .top .smallText {
      font-size: 14px;
      color: black; }
    .rows2WithPhotoAndControlsColumn .columnContentWrapper .item .itemWrapper .content .top.selectedTop {
      font-weight: bold; }
  .rows2WithPhotoAndControlsColumn .columnContentWrapper .item .itemWrapper .content .center {
    color: black;
    font-size: 14px;
    line-height: 18px;
    word-wrap: break-word; }
    .rows2WithPhotoAndControlsColumn .columnContentWrapper .item .itemWrapper .content .center .separator {
      display: inline-block;
      width: 10px;
      height: 1px;
      background: #bebebe;
      vertical-align: middle; }
  .rows2WithPhotoAndControlsColumn .columnContentWrapper .item .itemWrapper .content .bottom {
    color: #828282;
    font-size: 12px;
    line-height: 16px; }
  @media (max-width: 899px) {
    .rows2WithPhotoAndControlsColumn .columnContentWrapper .item .itemWrapper .content .top {
      font-size: 15px;
      line-height: 18px; }
    .rows2WithPhotoAndControlsColumn .columnContentWrapper .item .itemWrapper .content .center {
      font-size: 13px;
      line-height: 16px; }
    .rows2WithPhotoAndControlsColumn .columnContentWrapper .item .itemWrapper .content .bottom {
      font-size: 11px;
      line-height: 15px; } }
  .rows2WithPhotoAndControlsColumn .columnContentWrapper .item .itemWrapper .content.twoRowsContent .top {
    padding-top: 5px; }
  .rows2WithPhotoAndControlsColumn .columnContentWrapper .item .itemWrapper .content.twoRowsContent .bottom {
    padding-top: 3px;
    font-size: 14px; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.photo3ColumnsWithText {
  clear: both;
  width: 100%;
  margin: 0 auto; }
  @media (min-width: 900px) {
    .photo3ColumnsWithText.hideFrom900 {
      display: none; } }
  .photo3ColumnsWithText .columnContentWrapper {
    clear: both;
    width: 100%;
    box-sizing: border-box;
    padding: 7px;
    font-size: 0;
    text-align: justify;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between; }
    .photo3ColumnsWithText .columnContentWrapper:after {
      content: '';
      display: inline-block;
      width: 100%; }
    .photo3ColumnsWithText .columnContentWrapper.rowSideBorders .columnRow {
      border-left: 1px #ebebeb solid;
      border-right: 1px #ebebeb solid; }
    .photo3ColumnsWithText .columnContentWrapper .item, .photo3ColumnsWithText .columnContentWrapper .itemGutter {
      display: inline-block;
      width: 33.33%;
      box-sizing: border-box;
      padding: 7px;
      vertical-align: top; }
      .photo3ColumnsWithText .columnContentWrapper .item.itemGutter, .photo3ColumnsWithText .columnContentWrapper .itemGutter.itemGutter {
        padding: 0px; }
      .photo3ColumnsWithText .columnContentWrapper .item .itemWrapper, .photo3ColumnsWithText .columnContentWrapper .itemGutter .itemWrapper {
        width: 100%;
        box-sizing: border-box;
        border: 1px #ebebeb solid;
        position: relative;
        padding-left: 95px; }
        .photo3ColumnsWithText .columnContentWrapper .item .itemWrapper .image, .photo3ColumnsWithText .columnContentWrapper .itemGutter .itemWrapper .image {
          position: absolute;
          left: 10px;
          top: 10px;
          width: 75px;
          height: 75px;
          background: whitesmoke;
          box-sizing: border-box;
          border: 1px #d2d2d2 solid;
          border-radius: 9px; }
          .photo3ColumnsWithText .columnContentWrapper .item .itemWrapper .image:hover, .photo3ColumnsWithText .columnContentWrapper .itemGutter .itemWrapper .image:hover {
            cursor: pointer;
            border-color: #37bdb1; }
          .photo3ColumnsWithText .columnContentWrapper .item .itemWrapper .image .photoImg, .photo3ColumnsWithText .columnContentWrapper .itemGutter .itemWrapper .image .photoImg {
            width: 73px;
            height: 73px;
            border-radius: 9px; }
        .photo3ColumnsWithText .columnContentWrapper .item .itemWrapper .content, .photo3ColumnsWithText .columnContentWrapper .itemGutter .itemWrapper .content {
          box-sizing: border-box;
          padding-right: 58px;
          padding-top: 8px;
          width: 100%;
          min-height: 85px;
          display: flex;
          align-items: center;
          flex-wrap: wrap; }
          @media (max-width: 899px) {
            .photo3ColumnsWithText .columnContentWrapper .item .itemWrapper .content, .photo3ColumnsWithText .columnContentWrapper .itemGutter .itemWrapper .content {
              padding-right: 61px; } }
        .photo3ColumnsWithText .columnContentWrapper .item .itemWrapper .contentSeparator, .photo3ColumnsWithText .columnContentWrapper .itemGutter .itemWrapper .contentSeparator {
          clear: both;
          width: 100%;
          height: 10px; }
      .photo3ColumnsWithText .columnContentWrapper .item.itemWithAllBorders .itemWrapper, .photo3ColumnsWithText .columnContentWrapper .itemGutter.itemWithAllBorders .itemWrapper {
        border: 1px #ebebeb solid; }
        @media (max-width: 899px) {
          .photo3ColumnsWithText .columnContentWrapper .item.itemWithAllBorders .itemWrapper, .photo3ColumnsWithText .columnContentWrapper .itemGutter.itemWithAllBorders .itemWrapper {
            border-top: 0px solid; } }
      .photo3ColumnsWithText .columnContentWrapper .item .rightControlsWrapper, .photo3ColumnsWithText .columnContentWrapper .itemGutter .rightControlsWrapper {
        position: absolute;
        right: 10px;
        top: 0px;
        width: 45px;
        height: 100%; }
        @media (max-width: 899px) {
          .photo3ColumnsWithText .columnContentWrapper .item .rightControlsWrapper, .photo3ColumnsWithText .columnContentWrapper .itemGutter .rightControlsWrapper {
            right: 18px; } }
        .photo3ColumnsWithText .columnContentWrapper .item .rightControlsWrapper .messageControl, .photo3ColumnsWithText .columnContentWrapper .itemGutter .rightControlsWrapper .messageControl {
          position: absolute;
          right: 0px;
          top: 50%;
          width: 38px;
          height: 38px;
          margin-top: -19px;
          border-radius: 50%;
          box-sizing: border-box;
          border: 1px #37bdb1 solid; }
          .photo3ColumnsWithText .columnContentWrapper .item .rightControlsWrapper .messageControl:after, .photo3ColumnsWithText .columnContentWrapper .itemGutter .rightControlsWrapper .messageControl:after {
            font-family: FontAwesome;
            content: "\f003";
            position: absolute;
            left: 10px;
            top: 6px;
            font-size: 16px;
            color: #34495e;
            color: #37bdb1; }
          .photo3ColumnsWithText .columnContentWrapper .item .rightControlsWrapper .messageControl:hover, .photo3ColumnsWithText .columnContentWrapper .itemGutter .rightControlsWrapper .messageControl:hover {
            background: #37bdb1;
            cursor: pointer; }
            .photo3ColumnsWithText .columnContentWrapper .item .rightControlsWrapper .messageControl:hover:after, .photo3ColumnsWithText .columnContentWrapper .itemGutter .rightControlsWrapper .messageControl:hover:after {
              color: white; }
        @media (max-width: 899px) {
          .photo3ColumnsWithText .columnContentWrapper .item .rightControlsWrapper, .photo3ColumnsWithText .columnContentWrapper .itemGutter .rightControlsWrapper {
            width: 35px; }
            .photo3ColumnsWithText .columnContentWrapper .item .rightControlsWrapper .messageControl, .photo3ColumnsWithText .columnContentWrapper .itemGutter .rightControlsWrapper .messageControl {
              width: 32px;
              height: 32px;
              margin-top: -15px; }
              .photo3ColumnsWithText .columnContentWrapper .item .rightControlsWrapper .messageControl:after, .photo3ColumnsWithText .columnContentWrapper .itemGutter .rightControlsWrapper .messageControl:after {
                left: 9px;
                font-size: 13px; } }
        @media (max-width: 599px) {
          .photo3ColumnsWithText .columnContentWrapper .item .rightControlsWrapper .messageControl, .photo3ColumnsWithText .columnContentWrapper .itemGutter .rightControlsWrapper .messageControl {
            margin-top: -17px; } }
      .photo3ColumnsWithText .columnContentWrapper .item .controlsWrapper, .photo3ColumnsWithText .columnContentWrapper .itemGutter .controlsWrapper {
        width: 100%;
        display: block;
        clear: both;
        border: 1px #ebebeb solid;
        border-top: 0px solid;
        box-sizing: border-box; }
        .photo3ColumnsWithText .columnContentWrapper .item .controlsWrapper .controls, .photo3ColumnsWithText .columnContentWrapper .itemGutter .controlsWrapper .controls {
          width: 100%;
          text-align: center; }
          .photo3ColumnsWithText .columnContentWrapper .item .controlsWrapper .controls a, .photo3ColumnsWithText .columnContentWrapper .item .controlsWrapper .controls a:hover, .photo3ColumnsWithText .columnContentWrapper .itemGutter .controlsWrapper .controls a, .photo3ColumnsWithText .columnContentWrapper .itemGutter .controlsWrapper .controls a:hover {
            text-decoration: none; }
          .photo3ColumnsWithText .columnContentWrapper .item .controlsWrapper .controls .control, .photo3ColumnsWithText .columnContentWrapper .itemGutter .controlsWrapper .controls .control {
            box-sizing: border-box;
            background: whitesmoke;
            font-size: 11px;
            line-height: 12px;
            font-weight: bold;
            color: #3c3c3c;
            display: inline-block;
            width: 50%;
            border-radius: 0px;
            border: 0px;
            border-bottom: 1px whitesmoke solid;
            padding-top: 5px;
            padding-bottom: 5px; }
            @media (max-width: 599px) {
              .photo3ColumnsWithText .columnContentWrapper .item .controlsWrapper .controls .control, .photo3ColumnsWithText .columnContentWrapper .itemGutter .controlsWrapper .controls .control {
                font-size: 10px; } }
            .photo3ColumnsWithText .columnContentWrapper .item .controlsWrapper .controls .control:hover, .photo3ColumnsWithText .columnContentWrapper .itemGutter .controlsWrapper .controls .control:hover {
              background: #37bdb1;
              cursor: pointer;
              color: white; }
            .photo3ColumnsWithText .columnContentWrapper .item .controlsWrapper .controls .control.iconControl:before, .photo3ColumnsWithText .columnContentWrapper .itemGutter .controlsWrapper .controls .control.iconControl:before {
              font-family: FontAwesome;
              display: inline;
              content: "\f040";
              font-size: 12px;
              color: #3c3c3c;
              font-weight: normal;
              padding-right: 3px; }
            .photo3ColumnsWithText .columnContentWrapper .item .controlsWrapper .controls .control.iconControl:hover:before, .photo3ColumnsWithText .columnContentWrapper .itemGutter .controlsWrapper .controls .control.iconControl:hover:before {
              color: white; }
            .photo3ColumnsWithText .columnContentWrapper .item .controlsWrapper .controls .control.smallPaddingRight:before, .photo3ColumnsWithText .columnContentWrapper .itemGutter .controlsWrapper .controls .control.smallPaddingRight:before {
              padding-right: 1px; }
            .photo3ColumnsWithText .columnContentWrapper .item .controlsWrapper .controls .control.rmIcon:before, .photo3ColumnsWithText .columnContentWrapper .itemGutter .controlsWrapper .controls .control.rmIcon:before {
              content: "\f014"; }
            .photo3ColumnsWithText .columnContentWrapper .item .controlsWrapper .controls .control.viewIcon:before, .photo3ColumnsWithText .columnContentWrapper .itemGutter .controlsWrapper .controls .control.viewIcon:before {
              content: "\f002"; }
            .photo3ColumnsWithText .columnContentWrapper .item .controlsWrapper .controls .control.messageIcon:before, .photo3ColumnsWithText .columnContentWrapper .itemGutter .controlsWrapper .controls .control.messageIcon:before {
              content: "\f003"; }
      @media (max-width: 899px) {
        .photo3ColumnsWithText .columnContentWrapper .item:nth-child(even) .controlsWrapper, .photo3ColumnsWithText .columnContentWrapper .itemGutter:nth-child(even) .controlsWrapper {
          border-left: 0px solid; } }
    @media (max-width: 899px) {
      .photo3ColumnsWithText .columnContentWrapper {
        padding: 0px; }
        .photo3ColumnsWithText .columnContentWrapper .item, .photo3ColumnsWithText .columnContentWrapper .itemGutter {
          padding: 0px; }
          .photo3ColumnsWithText .columnContentWrapper .item .itemWrapper, .photo3ColumnsWithText .columnContentWrapper .itemGutter .itemWrapper {
            border-top: 0px solid; } }
    @media (min-width: 600px) and (max-width: 899px) {
      .photo3ColumnsWithText .columnContentWrapper .item:nth-child(even) .itemWrapper, .photo3ColumnsWithText .columnContentWrapper .itemGutter:nth-child(even) .itemWrapper {
        border-left: 0px solid; } }
    @media (min-width: 600px) and (max-width: 1099px) {
      .photo3ColumnsWithText .columnContentWrapper .item, .photo3ColumnsWithText .columnContentWrapper .itemGutter {
        width: 50%; } }
    @media (max-width: 599px) {
      .photo3ColumnsWithText .columnContentWrapper .item, .photo3ColumnsWithText .columnContentWrapper .itemGutter {
        width: 100%; } }
    @media (min-width: 600px) and (max-width: 899px) {
      .photo3ColumnsWithText .columnContentWrapper .item .itemWrapper, .photo3ColumnsWithText .columnContentWrapper .itemGutter .itemWrapper {
        padding-left: 90px; }
        .photo3ColumnsWithText .columnContentWrapper .item .itemWrapper .image, .photo3ColumnsWithText .columnContentWrapper .itemGutter .itemWrapper .image {
          left: 18px;
          width: 60px;
          height: 60px; }
          .photo3ColumnsWithText .columnContentWrapper .item .itemWrapper .image .photoImg, .photo3ColumnsWithText .columnContentWrapper .itemGutter .itemWrapper .image .photoImg {
            width: 58px;
            height: 58px; }
        .photo3ColumnsWithText .columnContentWrapper .item .itemWrapper .content, .photo3ColumnsWithText .columnContentWrapper .itemGutter .itemWrapper .content {
          min-height: 70px;
          padding-top: 10px; } }
    @media (max-width: 599px) {
      .photo3ColumnsWithText .columnContentWrapper .item .itemWrapper, .photo3ColumnsWithText .columnContentWrapper .itemGutter .itemWrapper {
        padding-left: 85px; }
        .photo3ColumnsWithText .columnContentWrapper .item .itemWrapper .image, .photo3ColumnsWithText .columnContentWrapper .itemGutter .itemWrapper .image {
          left: 18px;
          width: 55px;
          height: 55px; }
          .photo3ColumnsWithText .columnContentWrapper .item .itemWrapper .image .photoImg, .photo3ColumnsWithText .columnContentWrapper .itemGutter .itemWrapper .image .photoImg {
            width: 53px;
            height: 53px; }
        .photo3ColumnsWithText .columnContentWrapper .item .itemWrapper .content, .photo3ColumnsWithText .columnContentWrapper .itemGutter .itemWrapper .content {
          min-height: 65px;
          padding-top: 10px; } }
  .photo3ColumnsWithText .gridControl {
    clear: both;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center; }
    .photo3ColumnsWithText .gridControl a {
      line-height: 25px;
      max-width: 100px;
      margin: 0 auto;
      font-size: 12px;
      font-weight: bold;
      color: #637ea0;
      text-decoration: underline; }
      .photo3ColumnsWithText .gridControl a:hover {
        text-decoration: none; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.photo3ColumnsWithText .columnContentWrapper .item .itemWrapper .content {
  text-align: left; }
  .photo3ColumnsWithText .columnContentWrapper .item .itemWrapper .content .top {
    color: #34495e;
    font-size: 15px;
    line-height: 20px; }
    .photo3ColumnsWithText .columnContentWrapper .item .itemWrapper .content .top a {
      color: #34495e;
      font-weight: bold; }
  .photo3ColumnsWithText .columnContentWrapper .item .itemWrapper .content .center {
    color: #828282;
    font-size: 13px;
    line-height: 18px; }
    .photo3ColumnsWithText .columnContentWrapper .item .itemWrapper .content .center .separator {
      display: inline-block;
      width: 10px;
      height: 1px;
      background: #bebebe;
      vertical-align: middle; }
  .photo3ColumnsWithText .columnContentWrapper .item .itemWrapper .content .bottom {
    color: #828282;
    font-size: 12px;
    line-height: 16px; }
  @media (min-width: 1100px) and (max-width: 1199px) {
    .photo3ColumnsWithText .columnContentWrapper .item .itemWrapper .content .top {
      font-size: 14px; }
    .photo3ColumnsWithText .columnContentWrapper .item .itemWrapper .content .center {
      font-size: 12px; } }
  @media (max-width: 899px) {
    .photo3ColumnsWithText .columnContentWrapper .item .itemWrapper .content .top {
      font-size: 15px;
      line-height: 18px; }
    .photo3ColumnsWithText .columnContentWrapper .item .itemWrapper .content .center {
      font-size: 13px;
      line-height: 16px; }
    .photo3ColumnsWithText .columnContentWrapper .item .itemWrapper .content .bottom {
      font-size: 11px;
      line-height: 15px; } }
  @media (max-width: 699px) {
    .photo3ColumnsWithText .columnContentWrapper .item .itemWrapper .content .top {
      font-size: 13px; }
    .photo3ColumnsWithText .columnContentWrapper .item .itemWrapper .content .center {
      font-size: 11px; } }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

#accountCover {
  clear: both;
  width: 100%;
  height: 250px;
  background: whitesmoke;
  position: relative; }
  @media (max-width: 899px) {
    #accountCover {
      height: 120px; } }
  #accountCover .cover {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    box-sizing: border-box; }
  #accountCover .avatarWrap {
    position: absolute;
    bottom: -25px;
    left: 50px;
    height: 155px;
    width: 155px;
    border-radius: 0px;
    border: 1px black solid;
    border-bottom-right-radius: 0px;
    box-sizing: border-box;
    border: 5px white solid;
    background: whitesmoke;
    z-index: 2;
    border-radius: 5px; }
    #accountCover .avatarWrap img {
      width: 145px;
      height: 145px;
      border-radius: 5px; }
    @media (max-width: 899px) {
      #accountCover .avatarWrap {
        width: 105px;
        height: 105px;
        left: 50%;
        margin-left: -57px;
        bottom: -20px; }
        #accountCover .avatarWrap img {
          width: 95px;
          height: 95px; } }
  #accountCover .favoriteControl {
    position: absolute;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    z-index: 4;
    background: white; }
    #accountCover .favoriteControl .controlIcon:after {
      font-family: FontAwesome;
      font-size: 24px;
      content: "\f005";
      color: #bebebe; }
    #accountCover .favoriteControl.favoriteControl {
      left: 0px;
      top: 0px;
      width: 35px;
      height: 35px;
      line-height: 35px;
      border-bottom-right-radius: 5px; }
      #accountCover .favoriteControl.favoriteControl .controlIcon:after {
        font-size: 24px; }
      #accountCover .favoriteControl.favoriteControl:hover .controlIcon:after {
        color: #37bdb1;
        cursor: pointer; }
      #accountCover .favoriteControl.favoriteControl.selectedControl .controlIcon:after {
        color: #37bdb1; }
    @media (max-width: 899px) {
      #accountCover .favoriteControl.favoriteControl {
        width: 30px;
        height: 30px;
        line-height: 30px;
        left: 0px;
        top: 0px; }
        #accountCover .favoriteControl.favoriteControl .controlIcon:after {
          font-size: 22px; } }
  #accountCover .infoWrap {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 150px;
    z-index: 1; }
    @media (max-width: 899px) {
      #accountCover .infoWrap {
        height: 85px;
        background: linear-gradient(transparent, rgba(0, 0, 0, 0.7)) !important; } }
    #accountCover .infoWrap .infoContent {
      position: absolute;
      left: 0px;
      top: 0px;
      box-sizing: border-box;
      width: 100%;
      height: 100%;
      padding-left: 225px;
      padding-right: 50px;
      padding-top: 30px;
      padding-bottom: 20px; }
      @media (max-width: 899px) {
        #accountCover .infoWrap .infoContent .infoHeading {
          display: none; } }
      #accountCover .infoWrap .infoContent .stickyNav:after {
        content: "hidden";
        display: none; }
      @media (max-width: 899px) {
        #accountCover .infoWrap .infoContent .stickyNav {
          position: fixed;
          bottom: 0px;
          left: 0px;
          width: 100%; }
          #accountCover .infoWrap .infoContent .stickyNav:after {
            content: "active"; }
          #accountCover .infoWrap .infoContent .stickyNav .control {
            display: inline-block;
            vertical-align: top;
            width: 50%;
            margin-left: 0px !important;
            border-radius: 0px !important;
            box-sizing: border-box;
            text-align: center;
            padding-top: 15px !important;
            padding-bottom: 15px !important; } }
      @media (max-width: 899px) {
        #accountCover .infoWrap .infoContent .singleMobileStickyNav .control {
          width: 100%; } }
      #accountCover .infoWrap .infoContent .top {
        clear: both;
        line-height: 22px;
        font-size: 22px;
        color: white; }
      #accountCover .infoWrap .infoContent .center {
        clear: both;
        color: white;
        line-height: 30px;
        font-size: 14px; }
        #accountCover .infoWrap .infoContent .center .positionIcon:after {
          font-family: FontAwesome;
          content: "\f0f2";
          color: white;
          padding-right: 5px;
          font-size: 14px; }
        #accountCover .infoWrap .infoContent .center .kitchenIcon:after {
          font-family: FontAwesome;
          color: white;
          padding-right: 5px;
          font-size: 14px;
          content: "\f0f5"; }
        #accountCover .infoWrap .infoContent .center .signature a {
          color: #a7e6e0;
          text-decoration: underline; }
          #accountCover .infoWrap .infoContent .center .signature a:hover {
            text-decoration: none; }
      #accountCover .infoWrap .infoContent .bottom {
        clear: both;
        font-size: 18px;
        text-align: left;
        margin-top: 5px; }
        #accountCover .infoWrap .infoContent .bottom .control {
          display: inline-block;
          vertical-align: top;
          padding: 10px 27px;
          color: white;
          font-size: 14px;
          border-radius: 5px;
          text-align: center; }
          #accountCover .infoWrap .infoContent .bottom .control.firstControl {
            background: #dbe33e;
            color: black; }
            #accountCover .infoWrap .infoContent .bottom .control.firstControl:hover {
              cursor: pointer;
              background: #e3e96b; }
          #accountCover .infoWrap .infoContent .bottom .control.secondControl {
            margin-left: 10px;
            background: #37bdb1; }
            #accountCover .infoWrap .infoContent .bottom .control.secondControl:hover {
              cursor: pointer;
              background: #58cfc4; }
          @media (min-width: 900px) {
            #accountCover .infoWrap .infoContent .bottom .control {
              min-width: 130px; } }
          @media (max-width: 449px) {
            #accountCover .infoWrap .infoContent .bottom .control {
              font-size: 12px; } }
          @media (min-width: 900px) and (max-width: 949px) {
            #accountCover .infoWrap .infoContent .bottom .control {
              min-width: 108px; } }
          #accountCover .infoWrap .infoContent .bottom .control .controlIcon:after {
            font-family: FontAwesome;
            content: "\f0f2";
            color: black;
            padding-right: 10px;
            font-size: 14px; }
          #accountCover .infoWrap .infoContent .bottom .control .controlIcon.cvIcon:after {
            content: "\f15c"; }
          #accountCover .infoWrap .infoContent .bottom .control .controlIcon.phoneIcon:after {
            content: "\f095";
            color: white; }
          #accountCover .infoWrap .infoContent .bottom .control .controlIcon.cameraIcon:after {
            content: "\f030"; }
          #accountCover .infoWrap .infoContent .bottom .control .controlIcon.suitcaseIcon:after {
            content: "\f0f2"; }
    #accountCover .infoWrap .rightControls {
      position: absolute;
      right: 25px;
      bottom: 25px;
      text-align: right; }
      #accountCover .infoWrap .rightControls .control {
        display: inline-block;
        vertical-align: top;
        padding: 4px 13px;
        color: white;
        font-size: 12px;
        border-radius: 15px;
        position: relative;
        font-weight: bold;
        border: 2px white solid;
        text-align: center;
        min-width: 125px; }
        #accountCover .infoWrap .rightControls .control.secondControl {
          margin-left: 10px; }
        #accountCover .infoWrap .rightControls .control .controlWrapper {
          height: 20px;
          line-height: 20px; }
          #accountCover .infoWrap .rightControls .control .controlWrapper .controlItem {
            display: inline-block;
            vertical-align: top;
            height: 20px;
            line-height: 20px; }
          #accountCover .infoWrap .rightControls .control .controlWrapper .controlIcon {
            width: 20px;
            background-size: cover; }
            #accountCover .infoWrap .rightControls .control .controlWrapper .controlIcon.followIcon:after {
              font-family: FontAwesome;
              color: white;
              font-size: 14px;
              content: "\f09e"; }
            #accountCover .infoWrap .rightControls .control .controlWrapper .controlIcon.settingsIcon:after {
              font-family: FontAwesome;
              color: white;
              font-size: 14px;
              content: "\f013"; }
            #accountCover .infoWrap .rightControls .control .controlWrapper .controlIcon.editIcon:after {
              font-family: FontAwesome;
              color: white;
              font-size: 14px;
              content: "\f040"; }
          #accountCover .infoWrap .rightControls .control .controlWrapper .controlText {
            margin-left: 7px;
            line-height: 20px; }
          #accountCover .infoWrap .rightControls .control .controlWrapper .controlLoader {
            margin-left: 0px; }
        #accountCover .infoWrap .rightControls .control:hover {
          border-color: #dbe33e;
          color: #dbe33e;
          cursor: pointer; }
          #accountCover .infoWrap .rightControls .control:hover .controlWrapper .controlIcon.followIcon:after {
            color: #dbe33e; }
          #accountCover .infoWrap .rightControls .control:hover .controlWrapper .controlIcon.settingsIcon:after {
            color: #37bdb1; }
          #accountCover .infoWrap .rightControls .control:hover .controlWrapper .controlIcon.editIcon:after {
            color: #dbe33e; }
        #accountCover .infoWrap .rightControls .control.firstControl.selectedControl {
          border-color: #dbe33e;
          color: #dbe33e; }
          #accountCover .infoWrap .rightControls .control.firstControl.selectedControl .followIcon:after {
            color: #dbe33e; }
        #accountCover .infoWrap .rightControls .control.secondControl:hover {
          border-color: #6cd4cb;
          color: #6cd4cb;
          cursor: pointer; }
      @media (max-width: 899px) {
        #accountCover .infoWrap .rightControls {
          position: static;
          right: auto;
          bottom: auto; }
          #accountCover .infoWrap .rightControls .control {
            position: absolute;
            left: 25%;
            margin-left: -45px;
            top: 0px;
            width: 40px;
            height: 40px;
            padding: 0px;
            border-radius: 90%;
            min-width: initial;
            border-width: 2px; }
            #accountCover .infoWrap .rightControls .control.secondControl {
              left: auto;
              right: 25%;
              margin-right: -45px; }
            #accountCover .infoWrap .rightControls .control .controlWrapper .controlIcon {
              width: 22px;
              height: 22px;
              line-height: 22px;
              margin-top: 10px; }
            #accountCover .infoWrap .rightControls .control .controlWrapper .controlTextData {
              display: none !important; }
            #accountCover .infoWrap .rightControls .control .controlWrapper .controlLoader {
              line-height: 40px; } }
  @media (min-width: 900px) and (max-width: 999px) {
    #accountCover .avatarWrap {
      left: 20px; }
    #accountCover .infoWrap .infoContent {
      padding-left: 195px; } }

#accountCoverMenu {
  clear: both;
  width: 100%;
  min-height: 50px;
  box-sizing: border-box;
  padding-top: 10px;
  padding-bottom: 10px; }
  @media (max-width: 899px) {
    #accountCoverMenu {
      display: none; } }
  @media (max-width: 899px) {
    #accountCoverMenu.showOnMobiles {
      display: block;
      min-height: 75px;
      padding-top: 30px;
      padding-bottom: 15px; } }
  #accountCoverMenu .coverBackButton {
    clear: both;
    min-height: 30px;
    line-height: 28px;
    color: black;
    text-align: center;
    margin: 0 auto;
    background: whitesmoke;
    display: block;
    max-width: 350px;
    font-size: 12px;
    border-radius: 9px;
    box-sizing: border-box;
    border: 1px #d7d7d7 solid;
    background: white;
    color: #34495e;
    font-weight: bold; }

#accountCoverFooter {
  clear: both;
  width: 100%;
  padding: 15px;
  padding-top: 35px;
  padding-bottom: 20px;
  text-align: center;
  box-sizing: border-box; }
  #accountCoverFooter.smallPaddingTop {
    padding-top: 0px; }
  @media (min-width: 900px) {
    #accountCoverFooter {
      display: none; } }
  #accountCoverFooter .top {
    font-size: 17px;
    color: #34495e; }
  #accountCoverFooter .bottom {
    font-size: 12px;
    padding-top: 4px;
    color: #34495e; }
    #accountCoverFooter .bottom .positionIcon:after {
      font-family: FontAwesome;
      content: "\f0f2";
      color: #34495e;
      padding-right: 5px;
      font-size: 12px; }
    #accountCoverFooter .bottom .signature a {
      color: #37bdb1;
      text-decoration: underline; }
      #accountCoverFooter .bottom .signature a:hover {
        text-decoration: none; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

#resume .controlsWrapper {
  width: 100%;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    #resume .controlsWrapper {
      padding: 25px; } }
  #resume .controlsWrapper .controls {
    padding-top: 10px;
    padding-bottom: 10px; }
    #resume .controlsWrapper .controls .controlWrapper {
      min-width: 180px;
      min-height: 38px;
      width: 100%;
      max-width: 400px;
      margin: 0 auto;
      clear: both; }
      #resume .controlsWrapper .controls .controlWrapper a:hover {
        text-decoration: none; }
      #resume .controlsWrapper .controls .controlWrapper .control {
        padding: 8px 27px;
        color: white;
        font-size: 14px;
        border-radius: 5px;
        text-align: center;
        box-sizing: border-box; }
        #resume .controlsWrapper .controls .controlWrapper .control.firstControl {
          background: #dbe33e;
          color: black;
          border: 1px #dbe33e solid; }
          #resume .controlsWrapper .controls .controlWrapper .control.firstControl:hover {
            cursor: pointer;
            background: #e3e96b; }
        #resume .controlsWrapper .controls .controlWrapper .control.secondControl {
          background: #37bdb1;
          border: 1px #37bdb1 solid;
          color: #34495e;
          color: white;
          margin-top: 15px; }
          #resume .controlsWrapper .controls .controlWrapper .control.secondControl .controlIcon:after {
            color: #37bdb1; }
          #resume .controlsWrapper .controls .controlWrapper .control.secondControl:hover {
            cursor: pointer;
            background: #6cd4cb; }
        @media (max-width: 449px) {
          #resume .controlsWrapper .controls .controlWrapper .control {
            font-size: 12px; } }
        #resume .controlsWrapper .controls .controlWrapper .control .controlIcon:after {
          font-family: FontAwesome;
          content: "\f0f2";
          color: black;
          padding-right: 10px;
          font-size: 14px; }
        #resume .controlsWrapper .controls .controlWrapper .control .controlIcon.cvIcon:after {
          content: "\f15c"; }
        #resume .controlsWrapper .controls .controlWrapper .control .controlIcon.starIcon:after {
          padding-right: 8px;
          content: "\f006"; }
        #resume .controlsWrapper .controls .controlWrapper .control .controlIcon.userIcon:after {
          content: "\f007";
          color: white; }
        #resume .controlsWrapper .controls .controlWrapper .control.selectedFavoriteControl .controlIcon:after {
          content: "\f005"; }
  #resume .controlsWrapper.stickyControls {
    position: fixed;
    bottom: 0px;
    left: 0px;
    padding: 0px; }
    #resume .controlsWrapper.stickyControls .controls {
      padding: 0px; }
      #resume .controlsWrapper.stickyControls .controls .controlWrapper {
        max-width: 10000px; }
        #resume .controlsWrapper.stickyControls .controls .controlWrapper .control {
          border-radius: 0px;
          padding-top: 10px;
          padding-bottom: 10px;
          margin-top: 0px; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

#resume .resumeHeading {
  clear: both;
  width: 100%;
  box-sizing: border-box;
  padding: 50px;
  border-bottom: 1px #e1e1e1 solid; }
  #resume .resumeHeading:after {
    content: "";
    display: block;
    clear: both;
    width: 100%;
    height: 1px; }
  @media (max-width: 899px) {
    #resume .resumeHeading {
      padding: 30px; } }
  @media (max-width: 599px) {
    #resume .resumeHeading {
      padding: 15px; } }
  #resume .resumeHeading .headingContent {
    width: 100%;
    position: relative;
    box-sizing: border-box;
    padding-left: 155px;
    padding-right: 325px; }
    @media (max-width: 899px) {
      #resume .resumeHeading .headingContent {
        padding-left: 145px;
        padding-right: 30px; } }
    @media (max-width: 599px) {
      #resume .resumeHeading .headingContent {
        padding-right: 15px; } }
    @media (max-width: 449px) {
      #resume .resumeHeading .headingContent {
        padding-left: 115px; } }
    #resume .resumeHeading .headingContent .leftSide {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 115px;
      height: 115px; }
      #resume .resumeHeading .headingContent .leftSide img {
        width: 115px;
        height: 115px;
        border-radius: 5px; }
      @media (max-width: 449px) {
        #resume .resumeHeading .headingContent .leftSide {
          width: 100px;
          height: 100px; }
          #resume .resumeHeading .headingContent .leftSide img {
            width: 100px;
            height: 100px; } }
    #resume .resumeHeading .headingContent .centerSide {
      min-height: 115px; }
      #resume .resumeHeading .headingContent .centerSide .nameText {
        font-size: 24px;
        line-height: 115px;
        color: #34495e; }
      @media (max-width: 899px) {
        #resume .resumeHeading .headingContent .centerSide {
          min-height: auto; }
          #resume .resumeHeading .headingContent .centerSide .nameText {
            font-size: 20px;
            line-height: 30px; } }
      @media (max-width: 599px) {
        #resume .resumeHeading .headingContent .centerSide .nameText {
          font-size: 16px; } }
      @media (max-width: 449px) {
        #resume .resumeHeading .headingContent .centerSide {
          min-height: auto; }
          #resume .resumeHeading .headingContent .centerSide .nameText {
            line-height: 22px; } }
    #resume .resumeHeading .headingContent .rightSide {
      position: absolute;
      right: 0px;
      top: 0px;
      width: 275px; }
      #resume .resumeHeading .headingContent .rightSide .entry {
        padding-top: 10px;
        padding-bottom: 10px; }
        @media (max-width: 899px) {
          #resume .resumeHeading .headingContent .rightSide .entry {
            padding-top: 5px;
            padding-bottom: 5px; } }
        #resume .resumeHeading .headingContent .rightSide .entry a {
          color: black; }
        #resume .resumeHeading .headingContent .rightSide .entry .highlight {
          font-weight: bold;
          color: #34495e; }
      @media (max-width: 899px) {
        #resume .resumeHeading .headingContent .rightSide {
          width: 100%;
          position: static;
          right: auto;
          left: auto;
          top: auto;
          padding-top: 5px; }
          #resume .resumeHeading .headingContent .rightSide .entry {
            font-size: 12px; } }
      @media (max-width: 599px) {
        #resume .resumeHeading .headingContent .rightSide .entry {
          font-size: 11px; } }

#resume .resumeSection {
  width: 100%;
  box-sizing: border-box;
  padding-left: 215px; }
  @media (max-width: 899px) {
    #resume .resumeSection {
      padding-left: 0px; } }
  #resume .resumeSection:after {
    content: "";
    clear: both;
    display: block;
    width: 100%;
    height: 40px;
    border-bottom: 1px #e1e1e1 solid; }
  #resume .resumeSection.noBorder:after {
    border-bottom: 0px solid; }
  #resume .resumeSection.noSectionPaddingBottom:after {
    height: 20px; }
  #resume .resumeSection .infoHeading {
    padding-top: 35px;
    padding-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
    color: #37bdb1; }
    @media (max-width: 899px) {
      #resume .resumeSection .infoHeading {
        font-size: 16px;
        padding-bottom: 15px; } }
    @media (max-width: 599px) {
      #resume .resumeSection .infoHeading {
        font-size: 14px; } }
  #resume .resumeSection .multipleInfoContentEntry {
    padding-top: 50px; }
  #resume .resumeSection .infoContentHeading {
    padding-bottom: 20px;
    color: #34495e;
    font-weight: bold; }
    #resume .resumeSection .infoContentHeading .top {
      font-size: 16px; }
    #resume .resumeSection .infoContentHeading .bottom {
      padding-top: 5px;
      font-size: 14px; }
      #resume .resumeSection .infoContentHeading .bottom a {
        color: #34495e; }
    @media (max-width: 599px) {
      #resume .resumeSection .infoContentHeading .top {
        font-size: 14px; }
      #resume .resumeSection .infoContentHeading .bottom {
        font-size: 12px; } }
  #resume .resumeSection .infoContentSubheading {
    font-weight: bold;
    color: #34495e;
    padding-bottom: 10px; }
    #resume .resumeSection .infoContentSubheading .captionHighlight {
      color: #aaaaaa;
      padding-left: 10px;
      font-weight: normal; }
      @media (max-width: 599px) {
        #resume .resumeSection .infoContentSubheading .captionHighlight {
          font-size: 12px; } }
  #resume .resumeSection .infoContent {
    width: 100%;
    font-size: 14px;
    box-sizing: border-box;
    padding-right: 270px; }
    @media (max-width: 999px) {
      #resume .resumeSection .infoContent {
        padding-right: 30px; } }
    @media (max-width: 399px) {
      #resume .resumeSection .infoContent {
        padding-right: 20px; } }
    #resume .resumeSection .infoContent ul {
      padding: 0px;
      padding-left: 15px;
      margin: 0px; }
      #resume .resumeSection .infoContent ul li {
        padding-bottom: 10px;
        color: #34495e; }
        #resume .resumeSection .infoContent ul li span {
          color: black; }
        #resume .resumeSection .infoContent ul li:last-child {
          padding-bottom: 0px; }
  @media (max-width: 899px) {
    #resume .resumeSection .infoHeading, #resume .resumeSection .infoContentHeading, #resume .resumeSection .infoContentSubheading, #resume .resumeSection .infoContent {
      padding-left: 30px; } }
  @media (max-width: 399px) {
    #resume .resumeSection .infoHeading, #resume .resumeSection .infoContentHeading, #resume .resumeSection .infoContentSubheading, #resume .resumeSection .infoContent {
      padding-left: 20px; } }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.chatMessagesForm {
  width: 100%;
  height: 100%;
  background: white;
  position: relative; }
  @media (max-width: 999px) {
    .chatMessagesForm {
      position: fixed;
      left: 0px;
      top: 0px;
      z-index: 2000;
      height: 100% !important;
      -webkit-transition: transform 400ms ease;
      -moz-transition: transform 400ms ease;
      -ms-transition: transform 400ms ease;
      -o-transition: transform 400ms ease;
      transition: transform 400ms ease;
      -webkit-transform: translate3d(0px, 0, 0);
      -ms-transform: translate3d(0px, 0, 0);
      transform: translate3d(0px, 0, 0);
      -webkit-transform: translate3d(-100%, 0, 0) !important;
      -ms-transform: translate3d(-100%, 0, 0) !important;
      transform: translate3d(-100%, 0, 0) !important; } }
  @media (max-width: 999px) {
    .chatMessagesForm.openedForm {
      visibility: visible;
      -webkit-transform: translate3d(0px, 0, 0) !important;
      -ms-transform: translate3d(0px, 0, 0) !important;
      transform: translate3d(0px, 0, 0) !important; } }
  @media (max-width: 999px) {
    .chatMessagesForm.hiddenForm {
      visibility: hidden; } }
  .chatMessagesForm .chats {
    height: 100%;
    position: relative; }
    .chatMessagesForm .chats .chatContent {
      box-sizing: border-box;
      width: 100%;
      height: 100%;
      padding-bottom: 130px;
      padding-top: 2px; }
      @media (max-width: 599px) {
        .chatMessagesForm .chats .chatContent {
          padding-bottom: 70px; } }
      .chatMessagesForm .chats .chatContent .topDate {
        color: #37bdb1;
        font-size: 12px; }
      .chatMessagesForm .chats .chatContent .link {
        color: black; }
        .chatMessagesForm .chats .chatContent .link:hover {
          text-decoration: none;
          color: #37bdb1;
          border-color: #37bdb1; }
      .chatMessagesForm .chats .chatContent .disableHoverBg:hover {
        background: white; }
    .chatMessagesForm .chats .chatControls {
      position: absolute;
      bottom: 0px;
      left: 0px;
      width: 100%;
      height: 130px; }
      @media (max-width: 599px) {
        .chatMessagesForm .chats .chatControls {
          height: 70px; } }
      .chatMessagesForm .chats .chatControls .controlsBox {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        padding: 10px 25px; }
        .chatMessagesForm .chats .chatControls .controlsBox form {
          padding: 0px !important; }
          .chatMessagesForm .chats .chatControls .controlsBox form textarea {
            width: 100%;
            height: 100%;
            resize: none; }
            @media (max-width: 599px) {
              .chatMessagesForm .chats .chatControls .controlsBox form textarea {
                min-height: 40px; } }

.chatMessagesModalForm {
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 2000;
  height: 100% !important;
  -webkit-transition: transform 400ms ease;
  -moz-transition: transform 400ms ease;
  -ms-transition: transform 400ms ease;
  -o-transition: transform 400ms ease;
  transition: transform 400ms ease;
  -webkit-transform: translate3d(0px, 0, 0);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
  -webkit-transform: translate3d(-100%, 0, 0) !important;
  -ms-transform: translate3d(-100%, 0, 0) !important;
  transform: translate3d(-100%, 0, 0) !important;
  box-sizing: border-box;
  width: 340px;
  max-width: 340px; }
  @media (min-width: 1000px) {
    .chatMessagesModalForm {
      border-right: 1px #d2d2d2 solid;
      -webkit-transform: translate3d(-340px, 0, 0) !important;
      -ms-transform: translate3d(-340px, 0, 0) !important;
      transform: translate3d(-340px, 0, 0) !important; } }
  .chatMessagesModalForm.openedForm {
    visibility: visible;
    -webkit-transform: translate3d(0px, 0, 0) !important;
    -ms-transform: translate3d(0px, 0, 0) !important;
    transform: translate3d(0px, 0, 0) !important; }
  @media (max-width: 999px) {
    .chatMessagesModalForm {
      width: 100%;
      max-width: none; } }
  .chatMessagesModalForm.hiddenForm {
    visibility: hidden; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

.chatMessagesForm .emptySide {
  width: 100%;
  height: 200px;
  line-height: 200px;
  text-align: center;
  font-family: RobotoLight; }

.chatMessagesForm .scrollableContent {
  overflow-y: auto; }

.chatMessagesForm .headingRow {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 47px;
  line-height: 47px;
  background: #455971;
  box-sizing: border-box;
  padding-left: 25px;
  color: white;
  font-family: RobotoLight;
  overflow: hidden; }
  @media (max-width: 599px) {
    .chatMessagesForm .headingRow .selectedChatName {
      font-size: 12px; } }
  .chatMessagesForm .headingRow .selectedChatName:after {
    font-family: FontAwesome;
    font-size: 12px;
    color: white;
    content: "\f0d7";
    padding-left: 5px; }
  .chatMessagesForm .headingRow .selectedChatName:hover {
    cursor: pointer;
    color: #37bdb1; }
    .chatMessagesForm .headingRow .selectedChatName:hover:after {
      color: #37bdb1; }
  .chatMessagesForm .headingRow.bottomHeadingRow {
    top: auto;
    bottom: 0px; }
  .chatMessagesForm .headingRow .rightHeadingControls {
    position: absolute;
    right: 0px;
    top: 0px;
    left: auto;
    max-width: 170px;
    line-height: 43px; }
    @media (min-width: 1000px) {
      .chatMessagesForm .headingRow .rightHeadingControls {
        display: none; } }
    @media (max-width: 699px) {
      .chatMessagesForm .headingRow .rightHeadingControls {
        max-width: 135px; } }
    @media (max-width: 599px) {
      .chatMessagesForm .headingRow .rightHeadingControls .closeControl {
        padding: 3px;
        line-height: 14px; } }

.chatMessagesForm .contentWrapper {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding-top: 47px;
  padding-bottom: 47px; }
  .chatMessagesForm .contentWrapper .content {
    position: relative;
    width: 100%;
    height: 100%; }
    .chatMessagesForm .contentWrapper .content .loadMoreResults {
      width: 100%;
      box-sizing: border-box;
      text-align: center;
      padding-top: 15px;
      padding-bottom: 15px;
      background: whitesmoke;
      font-size: 12px;
      color: #5a5a5a;
      border-bottom: 1px #ebebeb solid; }
      .chatMessagesForm .contentWrapper .content .loadMoreResults:hover {
        cursor: pointer;
        background: #f0f0f0; }
    .chatMessagesForm .contentWrapper .content .messageLink {
      color: #37bdb1; }

.chatMessagesModalForm .headingRow .selectedChatName {
  font-size: 12px; }

.chatMessagesModalForm .headingRow .rightHeadingControls {
  display: block; }
  @media (min-width: 1000px) {
    .chatMessagesModalForm .headingRow .rightHeadingControls {
      max-width: 130px; }
      .chatMessagesModalForm .headingRow .rightHeadingControls .formControl {
        min-width: 60px;
        padding-left: 20px;
        padding-right: 20px; } }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

#businessAbout {
  position: relative; }
  #businessAbout .map {
    clear: both;
    width: 100%;
    height: 125px;
    box-sizing: border-box;
    z-index: 1; }
  #businessAbout .mapOverlay {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 125px;
    box-sizing: border-box;
    z-index: 2; }
    #businessAbout .mapOverlay:hover {
      cursor: pointer;
      border: 2px #dbe33e solid; }
  #businessAbout .aboutContent {
    box-sizing: border-box;
    padding: 20px;
    padding-top: 11px;
    padding-bottom: 11px;
    width: 100%; }
    #businessAbout .aboutContent .item {
      padding-top: 8px;
      padding-bottom: 8px;
      display: flex;
      justify-content: flex-start; }
      #businessAbout .aboutContent .item a {
        color: black; }
      @media (min-width: 900px) {
        #businessAbout .aboutContent .item.hideFrom900 {
          display: none; } }
      #businessAbout .aboutContent .item .icon {
        flex: 0 0 28px; }
        #businessAbout .aboutContent .item .icon:after {
          font-family: FontAwesome;
          font-size: 14px;
          content: "\f000";
          color: #34495e; }
        #businessAbout .aboutContent .item .icon.followIcon:after {
          content: "\f09e"; }
        #businessAbout .aboutContent .item .icon.locationIcon:after {
          content: "\f041"; }
        #businessAbout .aboutContent .item .icon.clockIcon:after {
          content: "\f017"; }
        #businessAbout .aboutContent .item .icon.phoneIcon:after {
          content: "\f095"; }
        #businessAbout .aboutContent .item .icon.emailIcon:after {
          content: "\f0e0"; }
        #businessAbout .aboutContent .item .icon.websiteIcon:after {
          content: "\f0ac"; }
        #businessAbout .aboutContent .item .icon.facebookIcon:after {
          content: "\f082"; }
        #businessAbout .aboutContent .item .icon.twitterIcon:after {
          content: "\f081"; }
        #businessAbout .aboutContent .item .icon.instagramIcon:after {
          content: "\f16d"; }
        #businessAbout .aboutContent .item .icon.linkedinIcon:after {
          content: "\f08c"; }
      #businessAbout .aboutContent .item .content .link {
        color: #34495e;
        text-decoration: underline; }
        #businessAbout .aboutContent .item .content .link:hover {
          text-decoration: none;
          cursor: pointer; }
      #businessAbout .aboutContent .item .highlighted {
        color: #37bdb1; }
  #businessAbout .aboutSeparator {
    clear: both;
    width: 100%;
    border-top: 1px #ebebeb solid; }

#aboutWorkingHoursTable {
  box-sizing: border-box;
  padding: 10px 30px; }
  @media (max-width: 599px) {
    #aboutWorkingHoursTable {
      padding-left: 15px;
      padding-right: 15px; } }
  #aboutWorkingHoursTable .tableHeading {
    width: 100%;
    text-align: center;
    color: #34495e;
    text-decoration: underline;
    padding-bottom: 10px;
    padding-top: 11px;
    padding-bottom: 22px; }
    @media (max-width: 599px) {
      #aboutWorkingHoursTable .tableHeading {
        font-size: 12px; } }
  #aboutWorkingHoursTable .gridItems {
    display: flex;
    flex-wrap: wrap; }
    #aboutWorkingHoursTable .gridItems .gridItem {
      width: 50%;
      box-sizing: border-box;
      padding: 12px 15px;
      border: 1px #e1e1e1 solid;
      border-bottom: 0px solid;
      background: whitesmoke; }
      #aboutWorkingHoursTable .gridItems .gridItem:nth-child(1), #aboutWorkingHoursTable .gridItems .gridItem:nth-child(2) {
        border-top: 1px #e1e1e1 solid; }
      #aboutWorkingHoursTable .gridItems .gridItem:nth-last-child(-n+1), #aboutWorkingHoursTable .gridItems .gridItem:nth-last-child(-n+2) {
        border-bottom: 1px #e1e1e1 solid; }
      #aboutWorkingHoursTable .gridItems .gridItem:nth-child(even) {
        border-left: 0px red solid; }
      #aboutWorkingHoursTable .gridItems .gridItem .content .top {
        font-size: 15px; }
      #aboutWorkingHoursTable .gridItems .gridItem .content .bottom {
        padding-top: 3px;
        font-size: 14px;
        color: #34495e; }
      @media (max-width: 599px) {
        #aboutWorkingHoursTable .gridItems .gridItem .content .top {
          font-size: 12px; }
        #aboutWorkingHoursTable .gridItems .gridItem .content .bottom {
          font-size: 11px; } }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

#jobAlert .infoContentWrapper {
  width: 100%;
  box-sizing: border-box;
  padding: 15px 25px; }
  #jobAlert .infoContentWrapper .jobTitle {
    font-size: 18px;
    font-weight: normal;
    margin: 0;
    color: #34495e;
    font-weight: bold;
    padding-top: 10px; }
  #jobAlert .infoContentWrapper .jobDescription {
    padding-top: 10px;
    padding-bottom: 10px;
    color: black;
    line-height: 24px; }
  #jobAlert .infoContentWrapper .jobInfo .item {
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    box-sizing: border-box;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px; }
    @media (max-width: 1099px) {
      #jobAlert .infoContentWrapper .jobInfo .item {
        width: 50%; } }
    @media (max-width: 499px) {
      #jobAlert .infoContentWrapper .jobInfo .item {
        width: 100%; } }
    #jobAlert .infoContentWrapper .jobInfo .item .top {
      color: #37bdb1;
      font-weight: bold; }
    #jobAlert .infoContentWrapper .jobInfo .item .bottom {
      padding-top: 5px; }
      #jobAlert .infoContentWrapper .jobInfo .item .bottom a {
        color: black;
        text-decoration: underline; }
        #jobAlert .infoContentWrapper .jobInfo .item .bottom a:hover {
          text-decoration: none; }
      #jobAlert .infoContentWrapper .jobInfo .item .bottom .notice {
        color: #34495e; }

#jobAlert .contentSeparator {
  width: 100%;
  height: 10px;
  border-bottom: 1px #ebebeb solid; }

#jobAlert .controls {
  padding-top: 10px;
  padding-bottom: 10px; }
  #jobAlert .controls .control {
    display: inline-block;
    vertical-align: top;
    padding: 8px 27px;
    color: white;
    font-size: 14px;
    border-radius: 5px;
    text-align: center;
    box-sizing: border-box;
    min-width: 180px;
    min-height: 37px; }
    @media (min-width: 500px) {
      #jobAlert .controls .control {
        min-height: 38px; } }
    @media (max-width: 499px) {
      #jobAlert .controls .control {
        width: 100%; } }
    #jobAlert .controls .control.firstControl {
      background: #dbe33e;
      color: black;
      border: 1px #dbe33e solid; }
      #jobAlert .controls .control.firstControl:hover {
        cursor: pointer;
        background: #e3e96b; }
    #jobAlert .controls .control.secondControl {
      margin-left: 20px;
      background: white;
      border: 1px #37bdb1 solid;
      color: #34495e; }
      @media (max-width: 499px) {
        #jobAlert .controls .control.secondControl {
          margin-left: 0px;
          margin-top: 15px; } }
      #jobAlert .controls .control.secondControl .controlIcon:after {
        color: #37bdb1; }
      #jobAlert .controls .control.secondControl:hover {
        cursor: pointer;
        color: #37bdb1; }
        #jobAlert .controls .control.secondControl:hover .controlIcon:after {
          color: #37bdb1 !important; }
    @media (max-width: 449px) {
      #jobAlert .controls .control {
        font-size: 12px; } }
    #jobAlert .controls .control .controlIcon:after {
      font-family: FontAwesome;
      content: "\f0f2";
      color: black;
      padding-right: 10px;
      font-size: 14px; }
    #jobAlert .controls .control .controlIcon.cvIcon:after {
      content: "\f15c"; }
    #jobAlert .controls .control .controlIcon.starIcon:after {
      padding-right: 8px;
      content: "\f006"; }
    #jobAlert .controls .control.selectedFavoriteControl .controlIcon:after {
      content: "\f005"; }

.aboutUsText {
  font-size: 15px;
  font-family: Roboto;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 25px; }
  @media (max-width: 599px) {
    .aboutUsText {
      font-size: 12px;
      padding-top: 15px;
      padding-bottom: 15px; } }

.textToSlide {
  -webkit-transition: transform 600ms ease, opacity 600ms ease;
  -moz-transition: transform 600ms ease, opacity 600ms ease;
  -ms-transition: transform 600ms ease, opacity 600ms ease;
  -o-transition: transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }
  .textToSlide.visible {
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
    opacity: 1; }

#personalAbout .aboutContent {
  box-sizing: border-box;
  padding: 30px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%; }
  #personalAbout .aboutContent .itemsGroup {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #34495e; }
    #personalAbout .aboutContent .itemsGroup.bigPaddingTop {
      padding-top: 20px; }
  #personalAbout .aboutContent .item {
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex;
    justify-content: flex-start; }
    #personalAbout .aboutContent .item a {
      color: black; }
    #personalAbout .aboutContent .item .icon {
      flex: 0 0 30px; }
      #personalAbout .aboutContent .item .icon:after {
        font-family: FontAwesome;
        font-size: 14px;
        content: "\f000";
        color: #34495e; }
      #personalAbout .aboutContent .item .icon.educationIcon:after {
        content: "\f19d"; }
      #personalAbout .aboutContent .item .icon.birthdayIcon:after {
        content: "\f1fd"; }
      #personalAbout .aboutContent .item .icon.locationIcon:after {
        content: "\f041"; }
      #personalAbout .aboutContent .item .icon.homeIcon:after {
        content: "\f015";
        font-size: 17px; }
      #personalAbout .aboutContent .item .icon.locationIcon:after {
        content: "\f041";
        font-size: 16px; }
      #personalAbout .aboutContent .item .icon.sinceIcon:after {
        content: "\f0c0"; }
      #personalAbout .aboutContent .item .icon.activeIcon:after {
        content: "\f09e"; }
      #personalAbout .aboutContent .item .icon.clockIcon:after {
        content: "\f017"; }
      #personalAbout .aboutContent .item .icon.phoneIcon:after {
        content: "\f095"; }
      #personalAbout .aboutContent .item .icon.emailIcon:after {
        content: "\f0e0"; }
      #personalAbout .aboutContent .item .icon.websiteIcon:after {
        content: "\f0ac"; }
      #personalAbout .aboutContent .item .icon.facebookIcon:after {
        content: "\f082"; }
      #personalAbout .aboutContent .item .icon.twitterIcon:after {
        content: "\f081"; }
      #personalAbout .aboutContent .item .icon.instagramIcon:after {
        content: "\f16d"; }
      #personalAbout .aboutContent .item .icon.linkedinIcon:after {
        content: "\f08c"; }
  #personalAbout .aboutContent .locationItem .icon:after, #personalAbout .aboutContent .activeItem .icon:after {
    padding-left: 3px; }

#personalAbout .aboutSeparator {
  clear: both;
  width: 100%;
  border-top: 1px #ebebeb solid; }

/*# sourceMappingURL=css-client.css.map */