@font-face {
  font-family: 'ARegular';
  src: url("../fonts/AvantGardeLT-CondMedium.eot");
  src: url("../fonts/AvantGardeLT-CondMedium.eot?#iefix") format("embedded-opentype"), url("../fonts/AvantGardeLT-CondMedium.woff") format("woff"), url("../fonts/AvantGardeLT-CondMedium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: 'ABold';
  src: url("../fonts/AvantGardeLT-CondBold.eot");
  src: url("../fonts/AvantGardeLT-CondBold.eot?#iefix") format("embedded-opentype"), url("../fonts/AvantGardeLT-CondBold.woff") format("woff"), url("../fonts/AvantGardeLT-CondBold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'ABook';
  src: url("../fonts/AvantGardeLT-CondBook.eot");
  src: url("../fonts/AvantGardeLT-CondBook.eot?#iefix") format("embedded-opentype"), url("../fonts/AvantGardeLT-CondBook.woff") format("woff"), url("../fonts/AvantGardeLT-CondBook.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'P';
  src: url("../fonts/Prata-Regular.eot");
  src: url("../fonts/Prata-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Prata-Regular.woff") format("woff"), url("../fonts/Prata-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
body {
  padding: 0;
  margin: 0; }

h1,
h2,
h3,
h4,
h5 {
  margin-top: 0; }

.page-header {
  margin-top: 30px; }

.no-pad-top {
  padding-top: 0; }

.extra-pad {
  padding-top: 40px;
  padding-bottom: 40px; }

.top-inner {
  padding: 90px 0 30px 0; }

tml,
body,
.col-md-12,
.row {
  height: 100%; }

.row > div {
  height: 100%; }

a {
  outline: none;
  cursor: pointer;
  text-decoration: none; }
  a:focus, a:active {
    text-decoration: none;
    outline: none; }

::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #29292e;
  opacity: 1 !important; }

select {
  font-family: 'ABook';
  color: #29292e !important;
  padding-left: 6px !important; }

b {
  text-shadow: none; }

/*=============== Purple theme =================
================================================*/
.purpleTheme .ourcustomers_intro h3, .purpleTheme .design_box h3 {
  border-top: 2px solid #5a5798; }
.purpleTheme .countries_listbox article b {
  color: #5a5798; }
.purpleTheme .slides-container div span {
  background: #5a5798;
  background: rgba(90, 87, 152, 0.5); }
.purpleTheme .modal-backdrop {
  background: #908eb8; }
.purpleTheme svg g {
  stroke: #5a5798; }
.purpleTheme .slides-pagination a.current {
  background: #5a5798; }
.purpleTheme .scrolldown bdo {
  background: #5a5798;
  background: rgba(90, 87, 152, 0.8); }
  .purpleTheme .scrolldown bdo:hover {
    background: #5a5798; }
.purpleTheme .themeName {
  background: #5a5798;
  background: rgba(90, 87, 152, 0.8); }
  .purpleTheme .themeName:before {
    background-image: url("../img/cropped_left2.png");
    background-position: center right;
    background-repeat: no-repeat; }
  .purpleTheme .themeName:after {
    background-image: url("../img/cropped_right2.png");
    background-position: center left;
    background-repeat: no-repeat; }
.purpleTheme .homelist h2 {
  background: #5a5798; }
.purpleTheme .extratextarea h2 {
  background: #5a5798; }
  .purpleTheme .extratextarea h2:after {
    background-image: url("../img/cropped_right.png");
    background-position: center center;
    background-repeat: no-repeat; }
.purpleTheme .btnarea a:hover, .purpleTheme .btnarea a:focus {
  background: #5a5798; }
.purpleTheme .downloadbtn a:hover, .purpleTheme .downloadbtn a:focus {
  color: #5a5798; }
@media only screen and (max-width: 767px) {
  .purpleTheme .innerMenu a {
    color: #5a5798; } }
.purpleTheme .innerMenu a:hover {
  color: #5a5798; }
.purpleTheme .innerMenu a.selected {
  color: #5a5798; }
.purpleTheme .valuesbox h1 {
  color: #5a5798; }
.purpleTheme .goalsbox h3, .purpleTheme .successfulProjects h3 {
  color: #5a5798;
  border-bottom: 2px solid #5a5798; }
.purpleTheme .whoweare_intro article b, .purpleTheme .ourcustomers_intro article b, .purpleTheme .design_box article b {
  color: #5a5798; }
.purpleTheme .whoweare_listbox h3, .purpleTheme .spaexperience_listbox h3, .purpleTheme .aftersales_listbox h3, .purpleTheme .countries_listbox h3 {
  border-top: 2px solid #5a5798; }
.purpleTheme .pageTitle {
  border-bottom: 2px solid #5a5798; }
.purpleTheme .whatwedointro h1 {
  border-bottom: 2px solid #5a5798; }
.purpleTheme .solutionsarea article span {
  color: #908eb8; }
.purpleTheme .solutionsarea h3 {
  border-bottom: 2px solid #5a5798; }
.purpleTheme .familyBusinessSec .nav-tabs {
  border-color: #5a5798; }
.purpleTheme .nav-tabs > li.active > a,
.purpleTheme .nav-tabs > li.active > a:hover,
.purpleTheme .nav-tabs > li.active > a:focus {
  color: #5a5798; }
.purpleTheme .projectlistingSec {
  background: #908eb8; }
  .purpleTheme .projectlistingSec div div div:hover a {
    color: #5a5798; }
  .purpleTheme .projectlistingSec h3 {
    border-top: 1px solid #5a5798; }
.purpleTheme .btnLoadmore a:hover {
  background: #5a5798; }
.purpleTheme .pageTitleOnBanner .pageTitlebg {
  background: #5a5798; }
  .purpleTheme .pageTitleOnBanner .pageTitlebg:after {
    background-image: url("../img/cropped_right.png");
    background-position: center center;
    background-repeat: no-repeat; }
.purpleTheme .referenceInnerpage span {
  color: #5a5798; }
.purpleTheme .referenceInnerpageSlider .owl-buttons div {
  background: #5a5798;
  background: rgba(90, 87, 152, 0.5); }
.purpleTheme .referenceInnerpageConcept h2 {
  border-top: 2px solid #5a5798; }
.purpleTheme .contactusBranches div div div h2 {
  border-bottom: 2px solid #5a5798; }
.purpleTheme .contactusForm h2 {
  border-bottom: 2px solid #5a5798; }
.purpleTheme form button {
  background: #5a5798; }
.purpleTheme .introsec {
  background: #5a5798; }
.purpleTheme .aftersales_listbox article b {
  color: #5a5798; }
.purpleTheme .aftersales_listbox h3 {
  color: #5a5798; }
.purpleTheme .design_box article ul li {
  border-bottom: 1px solid #5a5798; }
  @media only screen and (max-width: 767px) {
    .purpleTheme .design_box article ul li {
      border-bottom: 1px solid #5a5798; } }
.purpleTheme .ourTeamForm h2 {
  border-bottom: 2px solid #5a5798; }
.purpleTheme .ourTeamForm .btnarea {
  border-bottom: 2px solid #5a5798; }
.purpleTheme .overlay {
  border-top: 2px solid #5a5798; }
.purpleTheme .missionbox2 h3 {
  border-top: 2px solid #5a5798; }
.purpleTheme .pageTitle:after {
  background-image: url("../img/titleborderbg.png");
  background-position: center center;
  background-repeat: no-repeat; }
.purpleTheme .whatwedosec h2:after {
  background-image: url("../img/cropped_left.png");
  background-position: center center;
  background-repeat: no-repeat; }
@media only screen and (max-width: 991px) {
  .purpleTheme .whatwedosec h2:before {
    background-image: url("../img/cropped_right.png");
    background-position: center center;
    background-repeat: no-repeat; } }
.purpleTheme .whowearesec h2:after {
  background-image: url("../img/cropped_right.png");
  background-position: center center;
  background-repeat: no-repeat; }
.purpleTheme .hearfromyousec h2:after {
  background-image: url("../img/cropped_right.png");
  background-position: center center;
  background-repeat: no-repeat; }
.purpleTheme .valuesbox aside {
  background-image: url("../img/titlevaluesbg.png");
  background-position: top right;
  background-repeat: no-repeat; }
.purpleTheme .whoweare_intro h3, .purpleTheme .ourcustomers_intro h3, .purpleTheme .design_box h3 {
  background-image: url("../img/titlevaluesbg.png");
  background-position: top right;
  background-repeat: no-repeat;
  /* @include mq(desktop-s, max) {
       @include background('../img/titlevaluesbg2.png', top left);
   }*/ }
.purpleTheme .whatwedointro h1:after {
  background-image: url("../img/titleborderbg.png");
  background-position: center center;
  background-repeat: no-repeat; }

/*=============== /Purple theme =================*/
/*=============== Green theme =================
================================================*/
.greenTheme .ourcustomers_intro h3, .greenTheme .design_box h3 {
  border-top: 2px solid #5d7534; }
.greenTheme .countries_listbox article b {
  color: #5d7534; }
.greenTheme .slides-container div span {
  background: #5d7534;
  background: rgba(93, 117, 52, 0.5); }
.greenTheme .modal-backdrop {
  background: #d4ddc6; }
.greenTheme svg g {
  stroke: #5d7534; }
.greenTheme .slides-pagination a.current {
  background: #5d7534; }
.greenTheme .scrolldown bdo {
  background: #5d7534;
  background: rgba(93, 117, 52, 0.8); }
  .greenTheme .scrolldown bdo:hover {
    background: #5d7534; }
.greenTheme .themeName {
  background: #5d7534;
  background: rgba(93, 117, 52, 0.8); }
  .greenTheme .themeName:before {
    background-image: url("../img/green/cropped_left2.png");
    background-position: center right;
    background-repeat: no-repeat; }
  .greenTheme .themeName:after {
    background-image: url("../img/green/cropped_right2.png");
    background-position: center left;
    background-repeat: no-repeat; }
.greenTheme .homelist h2 {
  background: #5d7534; }
.greenTheme .extratextarea h2 {
  background: #5d7534; }
  .greenTheme .extratextarea h2:after {
    background-image: url("../img/green/cropped_right.png");
    background-position: center center;
    background-repeat: no-repeat; }
.greenTheme .btnarea a:hover, .greenTheme .btnarea a:focus {
  background: #5d7534; }
.greenTheme .downloadbtn a:hover, .greenTheme .downloadbtn a:focus {
  color: #5d7534; }
@media only screen and (max-width: 767px) {
  .greenTheme .innerMenu a {
    color: #5d7534; } }
.greenTheme .innerMenu a:hover {
  color: #5d7534; }
.greenTheme .innerMenu a.selected {
  color: #5d7534; }
.greenTheme .valuesbox h1 {
  color: #5d7534; }
.greenTheme .goalsbox h3, .greenTheme .successfulProjects h3 {
  color: #5d7534;
  border-bottom: 2px solid #5d7534; }
.greenTheme .whoweare_intro article b, .greenTheme .ourcustomers_intro article b, .greenTheme .design_box article b {
  color: #5d7534; }
.greenTheme .whoweare_listbox h3, .greenTheme .spaexperience_listbox h3, .greenTheme .aftersales_listbox h3, .greenTheme .countries_listbox h3 {
  border-top: 2px solid #5d7534; }
.greenTheme .pageTitle {
  border-bottom: 2px solid #5d7534; }
.greenTheme .whatwedointro h1 {
  border-bottom: 2px solid #5d7534; }
.greenTheme .solutionsarea article span {
  color: #d4ddc6; }
.greenTheme .solutionsarea h3 {
  border-bottom: 2px solid #5d7534; }
.greenTheme .familyBusinessSec .nav-tabs {
  border-color: #5d7534; }
.greenTheme .nav-tabs > li.active > a,
.greenTheme .nav-tabs > li.active > a:hover,
.greenTheme .nav-tabs > li.active > a:focus {
  color: #5d7534; }
.greenTheme .projectlistingSec {
  background: #d4ddc6; }
  .greenTheme .projectlistingSec div div div:hover a {
    color: #5d7534; }
  .greenTheme .projectlistingSec h3 {
    border-top: 1px solid #5d7534; }
.greenTheme .btnLoadmore a:hover {
  background: #5d7534; }
.greenTheme .pageTitleOnBanner .pageTitlebg {
  background: #5d7534; }
  .greenTheme .pageTitleOnBanner .pageTitlebg:after {
    background-image: url("../img/green/cropped_right.png");
    background-position: center center;
    background-repeat: no-repeat; }
.greenTheme .referenceInnerpage span {
  color: #5d7534; }
.greenTheme .referenceInnerpageSlider .owl-buttons div {
  background: #5d7534;
  background: rgba(93, 117, 52, 0.5); }
.greenTheme .referenceInnerpageConcept h2 {
  border-top: 2px solid #5d7534; }
.greenTheme .contactusBranches div div div h2 {
  border-bottom: 2px solid #5d7534; }
.greenTheme .contactusForm h2 {
  border-bottom: 2px solid #5d7534; }
.greenTheme form button {
  background: #5d7534; }
.greenTheme .introsec {
  background: #5d7534; }
.greenTheme .aftersales_listbox article b {
  color: #5d7534; }
.greenTheme .aftersales_listbox h3 {
  color: #5d7534; }
.greenTheme .design_box article ul li {
  border-bottom: 1px solid #5d7534; }
  @media only screen and (max-width: 767px) {
    .greenTheme .design_box article ul li {
      border-bottom: 1px solid #5d7534; } }
.greenTheme .ourTeamForm h2 {
  border-bottom: 2px solid #5d7534; }
.greenTheme .ourTeamForm .btnarea {
  border-bottom: 2px solid #5d7534; }
.greenTheme .overlay {
  border-top: 2px solid #5d7534; }
.greenTheme .missionbox2 h3 {
  border-top: 2px solid #5d7534; }
.greenTheme .pageTitle:after {
  background-image: url("../img/green/titleborderbg.png");
  background-position: center center;
  background-repeat: no-repeat; }
.greenTheme .whatwedosec h2:after {
  background-image: url("../img/green/cropped_left.png");
  background-position: center center;
  background-repeat: no-repeat; }
@media only screen and (max-width: 991px) {
  .greenTheme .whatwedosec h2:before {
    background-image: url("../img/green/cropped_right.png");
    background-position: center center;
    background-repeat: no-repeat; } }
.greenTheme .whowearesec h2:after {
  background-image: url("../img/green/cropped_right.png");
  background-position: center center;
  background-repeat: no-repeat; }
.greenTheme .hearfromyousec h2:after {
  background-image: url("../img/green/cropped_right.png");
  background-position: center center;
  background-repeat: no-repeat; }
.greenTheme .valuesbox aside {
  background-image: url("../img/green/titlevaluesbg.png");
  background-position: top right;
  background-repeat: no-repeat; }
.greenTheme .whoweare_intro h3, .greenTheme .ourcustomers_intro h3, .greenTheme .design_box h3 {
  background-image: url("../img/green/titlevaluesbg.png");
  background-position: top right;
  background-repeat: no-repeat;
  /* @include mq(desktop-s, max) {
       @include background('../img/green/titlevaluesbg2.png', top left);
   }*/ }
.greenTheme .whatwedointro h1:after {
  background-image: url("../img/green/titleborderbg.png");
  background-position: center center;
  background-repeat: no-repeat; }

/*=============== /Green theme =================*/
/*=============== blue theme =================
================================================*/
.blueTheme .ourcustomers_intro h3, .blueTheme .design_box h3 {
  border-top: 2px solid #2a578e; }
.blueTheme .countries_listbox article b {
  color: #2a578e; }
.blueTheme .slides-container div span {
  background: #2a578e;
  background: rgba(42, 87, 142, 0.5); }
.blueTheme .modal-backdrop {
  background: #b4d4fa; }
.blueTheme svg g {
  stroke: #2a578e; }
.blueTheme .slides-pagination a.current {
  background: #2a578e; }
.blueTheme .scrolldown bdo {
  background: #2a578e;
  background: rgba(42, 87, 142, 0.8); }
  .blueTheme .scrolldown bdo:hover {
    background: #2a578e; }
.blueTheme .themeName {
  background: #2a578e;
  background: rgba(42, 87, 142, 0.8); }
  .blueTheme .themeName:before {
    background-image: url("../img/blue/cropped_left2.png");
    background-position: center right;
    background-repeat: no-repeat; }
  .blueTheme .themeName:after {
    background-image: url("../img/blue/cropped_right2.png");
    background-position: center left;
    background-repeat: no-repeat; }
.blueTheme .homelist h2 {
  background: #2a578e; }
.blueTheme .extratextarea h2 {
  background: #2a578e; }
  .blueTheme .extratextarea h2:after {
    background-image: url("../img/blue/cropped_right.png");
    background-position: center center;
    background-repeat: no-repeat; }
.blueTheme .btnarea a:hover, .blueTheme .btnarea a:focus {
  background: #2a578e; }
.blueTheme .downloadbtn a:hover, .blueTheme .downloadbtn a:focus {
  color: #2a578e; }
@media only screen and (max-width: 767px) {
  .blueTheme .innerMenu a {
    color: #2a578e; } }
.blueTheme .innerMenu a:hover {
  color: #2a578e; }
.blueTheme .innerMenu a.selected {
  color: #2a578e; }
.blueTheme .valuesbox h1 {
  color: #2a578e; }
.blueTheme .goalsbox h3, .blueTheme .successfulProjects h3 {
  color: #2a578e;
  border-bottom: 2px solid #2a578e; }
.blueTheme .whoweare_intro article b, .blueTheme .ourcustomers_intro article b, .blueTheme .design_box article b {
  color: #2a578e; }
.blueTheme .whoweare_listbox h3, .blueTheme .spaexperience_listbox h3, .blueTheme .aftersales_listbox h3, .blueTheme .countries_listbox h3 {
  border-top: 2px solid #2a578e; }
.blueTheme .pageTitle {
  border-bottom: 2px solid #2a578e; }
.blueTheme .whatwedointro h1 {
  border-bottom: 2px solid #2a578e; }
.blueTheme .solutionsarea article span {
  color: #b4d4fa; }
.blueTheme .solutionsarea h3 {
  border-bottom: 2px solid #2a578e; }
.blueTheme .familyBusinessSec .nav-tabs {
  border-color: #2a578e; }
.blueTheme .nav-tabs > li.active > a,
.blueTheme .nav-tabs > li.active > a:hover,
.blueTheme .nav-tabs > li.active > a:focus {
  color: #2a578e; }
.blueTheme .projectlistingSec {
  background: #b4d4fa; }
  .blueTheme .projectlistingSec div div div:hover a {
    color: #2a578e; }
  .blueTheme .projectlistingSec h3 {
    border-top: 1px solid #2a578e; }
.blueTheme .btnLoadmore a:hover {
  background: #2a578e; }
.blueTheme .pageTitleOnBanner .pageTitlebg {
  background: #2a578e; }
  .blueTheme .pageTitleOnBanner .pageTitlebg:after {
    background-image: url("../img/blue/cropped_right.png");
    background-position: center center;
    background-repeat: no-repeat; }
.blueTheme .referenceInnerpage span {
  color: #2a578e; }
.blueTheme .referenceInnerpageSlider .owl-buttons div {
  background: #2a578e;
  background: rgba(42, 87, 142, 0.5); }
.blueTheme .referenceInnerpageConcept h2 {
  border-top: 2px solid #2a578e; }
.blueTheme .contactusBranches div div div h2 {
  border-bottom: 2px solid #2a578e; }
.blueTheme .contactusForm h2 {
  border-bottom: 2px solid #2a578e; }
.blueTheme form button {
  background: #2a578e; }
.blueTheme .introsec {
  background: #2a578e; }
.blueTheme .aftersales_listbox article b {
  color: #2a578e; }
.blueTheme .aftersales_listbox h3 {
  color: #2a578e; }
.blueTheme .design_box article ul li {
  border-bottom: 1px solid #2a578e; }
  @media only screen and (max-width: 767px) {
    .blueTheme .design_box article ul li {
      border-bottom: 1px solid #2a578e; } }
.blueTheme .ourTeamForm h2 {
  border-bottom: 2px solid #2a578e; }
.blueTheme .ourTeamForm .btnarea {
  border-bottom: 2px solid #2a578e; }
.blueTheme .overlay {
  border-top: 2px solid #2a578e; }
.blueTheme .missionbox2 h3 {
  border-top: 2px solid #2a578e; }
.blueTheme .pageTitle:after {
  background-image: url("../img/blue/titleborderbg.png");
  background-position: center center;
  background-repeat: no-repeat; }
.blueTheme .whatwedosec h2:after {
  background-image: url("../img/blue/cropped_left.png");
  background-position: center center;
  background-repeat: no-repeat; }
@media only screen and (max-width: 991px) {
  .blueTheme .whatwedosec h2:before {
    background-image: url("../img/blue/cropped_right.png");
    background-position: center center;
    background-repeat: no-repeat; } }
.blueTheme .whowearesec h2:after {
  background-image: url("../img/blue/cropped_right.png");
  background-position: center center;
  background-repeat: no-repeat; }
.blueTheme .hearfromyousec h2:after {
  background-image: url("../img/blue/cropped_right.png");
  background-position: center center;
  background-repeat: no-repeat; }
.blueTheme .valuesbox aside {
  background-image: url("../img/blue/titlevaluesbg.png");
  background-position: top right;
  background-repeat: no-repeat; }
.blueTheme .whoweare_intro h3, .blueTheme .ourcustomers_intro h3, .blueTheme .design_box h3 {
  background-image: url("../img/blue/titlevaluesbg.png");
  background-position: top right;
  background-repeat: no-repeat;
  /* @include mq(desktop-s, max) {
       @include background('../img/blue/titlevaluesbg2.png', top left);
   }*/ }
.blueTheme .whatwedointro h1:after {
  background-image: url("../img/blue/titleborderbg.png");
  background-position: center center;
  background-repeat: no-repeat; }

/*=============== /blue theme =================*/
header {
  position: relative; }

.overlay {
  background: #fff;
  z-index: 5;
  content: "";
  display: inline-block;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100vh;
  -webkit-transition: 0.3s ease;
  -khtml-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease; }

#nav {
  width: 100%;
  height: 100%;
  min-height: 500px;
  overflow-x: hidden;
  content: "";
  display: block;
  position: fixed;
  top: 0;
  display: none;
  left: 0;
  z-index: 4000;
  border: 80px solid #fff;
  background: #fff;
  background: rgba(255, 255, 255, 0.97); }
  #nav .main-nav {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 600px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -khtml-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%); }
    #nav .main-nav div {
      text-align: center;
      margin-bottom: 10px; }
      #nav .main-nav div ul {
        list-style: none;
        display: none;
        padding: 0; }
        #nav .main-nav div ul li a {
          font-size: 1.2em; }
    #nav .main-nav a {
      font-family: 'ABook';
      color: #5a6366;
      font-size: 2.2em;
      padding: 12px 20px;
      text-transform: uppercase;
      -webkit-transition: 0.3s linear;
      -khtml-transition: 0.3s linear;
      -moz-transition: 0.3s linear;
      -ms-transition: 0.3s linear;
      -o-transition: 0.3s linear;
      transition: 0.3s linear;
      position: relative; }
      #nav .main-nav a:before {
        content: "";
        display: block;
        position: absolute;
        left: -95px;
        width: 80px;
        height: 2px;
        bottom: 22px;
        display: inline-block;
        background: transparent;
        margin-top: 5px;
        -webkit-transition: 0.3s ease;
        -khtml-transition: 0.3s ease;
        -moz-transition: 0.3s ease;
        -ms-transition: 0.3s ease;
        -o-transition: 0.3s ease;
        transition: 0.3s ease; }
        @media only screen and (max-width: 559px) {
          #nav .main-nav a:before {
            width: 50px;
            left: -48px; } }
      #nav .main-nav a:after {
        content: "";
        display: block;
        position: absolute;
        right: -95px;
        bottom: 22px;
        width: 80px;
        height: 2px;
        display: inline-block;
        background: transparent;
        margin-top: 5px;
        -webkit-transition: 0.3s ease;
        -khtml-transition: 0.3s ease;
        -moz-transition: 0.3s ease;
        -ms-transition: 0.3s ease;
        -o-transition: 0.3s ease;
        transition: 0.3s ease; }
        @media only screen and (max-width: 559px) {
          #nav .main-nav a:after {
            width: 50px;
            right: -48px; } }
      #nav .main-nav a:hover, #nav .main-nav a.selected {
        text-decoration: none;
        color: #00acec; }
        #nav .main-nav a:hover:before, #nav .main-nav a.selected:before {
          background: #00acec; }
        #nav .main-nav a:hover:after, #nav .main-nav a.selected:after {
          background: #00acec; }
      @media only screen and (max-width: 991px) {
        #nav .main-nav a {
          font-size: 1.8em; } }
  @media only screen and (max-width: 991px) {
    #nav {
      border-width: 40px; } }

.header {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  right: 0;
  height: 108px; }

.menuIcon {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 30px;
  width: 57px;
  height: 57px;
  padding: 12px 0 18px;
  -webkit-transform: translateX(-50%);
  -khtml-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 3;
  margin-left: -541px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  -webkit-transition: 0.3s ease;
  -khtml-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease; }
  @media only screen and (max-width: 1199px) {
    .menuIcon {
      margin-left: 0;
      left: 58px; } }
  @media only screen and (max-width: 559px) {
    .menuIcon {
      margin-left: 0;
      left: 33px;
      top: 11px;
      width: 36px;
      height: 45px; } }
  .menuIcon:hover span {
    width: 100% !important; }
  .menuIcon .open span {
    background: #181e20; }
  .menuIcon span {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 3px;
    background: #fff;
    display: inline-block;
    width: 100%;
    -webkit-transition: 0.3s ease;
    -khtml-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease; }
    .menuIcon span:nth-child(1) {
      top: 13px; }
    .menuIcon span:nth-child(2) {
      width: 49px;
      top: 24px; }
      @media only screen and (max-width: 559px) {
        .menuIcon span:nth-child(2) {
          width: 90%;
          top: 20px; } }
    .menuIcon span:nth-child(3) {
      width: 41px;
      top: 36px; }
      @media only screen and (max-width: 559px) {
        .menuIcon span:nth-child(3) {
          width: 80%;
          top: 27px; } }
    @media only screen and (max-width: 559px) {
      .menuIcon span {
        height: 2px; } }

.closeNav {
  height: 50px;
  width: 50px;
  content: "";
  display: block;
  position: fixed;
  left: 20px;
  top: 20px;
  cursor: pointer;
  display: none;
  z-index: 5000;
  color: #fff;
  font-size: 50px; }
  @media only screen and (max-width: 991px) {
    .closeNav {
      top: 0;
      left: 0; } }
  .closeNav i {
    -webkit-transform: translateX(-50%);
    -khtml-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: 0.3s ease;
    -khtml-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    left: 50%; }
    .closeNav i:nth-child(1) {
      content: "";
      display: block;
      position: absolute;
      top: 3px;
      color: #77777a; }
    .closeNav i:nth-child(2) {
      content: "";
      display: block;
      position: absolute;
      top: -7px;
      color: #00acec; }
  .closeNav:hover i {
    color: #00acec; }

.logoAndThemeName {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 38px;
  -webkit-transform: translateX(-50%);
  -khtml-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 3;
  margin-left: -290px; }
  @media only screen and (max-width: 1199px) {
    .logoAndThemeName {
      margin-left: 0; } }
  @media only screen and (max-width: 559px) {
    .logoAndThemeName {
      left: auto;
      right: 15px;
      -webkit-transform: translateX(0%);
      -khtml-transform: translateX(0%);
      -moz-transform: translateX(0%);
      -ms-transform: translateX(0%);
      -o-transform: translateX(0%);
      transform: translateX(0%);
      top: 17px; } }
  @media only screen and (max-width: 319px) {
    .logoAndThemeName {
      margin-left: 15px;
      left: 50%;
      right: auto;
      -webkit-transform: translateX(-50%);
      -khtml-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%); } }
  .logoAndThemeName .themeName {
    display: inline-block;
    margin-right: 153px;
    margin-left: 30px;
    float: left;
    position: relative;
    width: 211px;
    font-family: 'ABook';
    height: 40px;
    color: #fff;
    font-size: 22px;
    text-transform: uppercase;
    line-height: 40px;
    text-align: center;
    -webkit-transition: 0.3s ease;
    -khtml-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    /* @include mq(desktop-s, max) {
    @include transform(translateX(0%));
    margin-left: 0;
    left: 375px
}*/ }
    @media only screen and (max-width: 479px) {
      .logoAndThemeName .themeName {
        margin-right: 95px;
        width: 145px;
        height: 30px;
        font-size: 15px;
        line-height: 30px; } }
    .logoAndThemeName .themeName:before {
      content: "";
      display: block;
      position: absolute;
      left: -36px;
      width: 36px;
      height: 40px;
      top: 0px; }
      @media only screen and (max-width: 479px) {
        .logoAndThemeName .themeName:before {
          content: "";
          left: -25px;
          width: 25px;
          height: 30px;
          background-size: 100%; } }
    .logoAndThemeName .themeName:after {
      content: "";
      display: block;
      position: absolute;
      right: -36px;
      width: 36px;
      height: 40px;
      top: 0px; }
      @media only screen and (max-width: 479px) {
        .logoAndThemeName .themeName:after {
          right: -25px;
          width: 25px;
          height: 30px;
          background-size: 100%; } }
    .logoAndThemeName .themeName a {
      color: #fff; }
      .logoAndThemeName .themeName a:hover {
        text-decoration: none; }
    .logoAndThemeName .themeName .watermaster_logo {
      content: "";
      display: block;
      position: absolute;
      right: -153px;
      top: 0;
      width: 176px;
      height: 88px;
      background: transparent url(../img/watermasterlogo.png) no-repeat center center;
      -webkit-transition: 0.3s ease;
      -khtml-transition: 0.3s ease;
      -moz-transition: 0.3s ease;
      -ms-transition: 0.3s ease;
      -o-transition: 0.3s ease;
      transition: 0.3s ease; }
      @media only screen and (max-width: 479px) {
        .logoAndThemeName .themeName .watermaster_logo {
          width: 105px;
          background-size: 100%;
          height: 54px;
          right: -95px; } }

/*============== banner Area ===============*/
.bannerArea {
  height: 100vh;
  overflow: hidden;
  margin-bottom: 98px; }
  @media only screen and (max-width: 559px) {
    .bannerArea {
      margin-bottom: 40px;
      height: 45vh; } }

.innerbannerArea {
  height: 100vh;
  overflow: hidden;
  margin-bottom: 26px; }
  @media only screen and (max-width: 559px) {
    .innerbannerArea {
      height: 45vh; } }

.slides-container div span {
  content: "";
  display: inline-block;
  position: relative;
  top: 53%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -khtml-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  color: #fff;
  text-align: center;
  padding: 50px 30px; }
  @media only screen and (max-width: 559px) {
    .slides-container div span {
      padding: 20px 20px;
      width: 280px; } }
  .slides-container div span h3 {
    font-family: 'ABook';
    font-size: 37px;
    display: inline;
    position: relative;
    letter-spacing: 3px;
    text-transform: uppercase;
    padding: 0 0 0 35px; }
    @media only screen and (max-width: 559px) {
      .slides-container div span h3 {
        font-size: 18px;
        padding: 0 0 0 5px; } }
    .slides-container div span h3:before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      width: 17px;
      height: 32px;
      top: 2px;
      background-image: url("../img/bannertext-left.png");
      background-position: center center;
      background-repeat: no-repeat; }
      @media only screen and (max-width: 559px) {
        .slides-container div span h3:before {
          top: -6px;
          left: -15px;
          background-size: 100%;
          width: 6px; } }
  .slides-container div span h4 {
    font-family: 'P';
    font-size: 34px;
    position: relative;
    display: inline;
    top: 7px;
    padding: 0 145px; }
    @media only screen and (max-width: 559px) {
      .slides-container div span h4 {
        font-size: 15px;
        padding: 0 10px;
        display: inline-block; } }
    .slides-container div span h4:before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      width: 80px;
      height: 2px;
      bottom: 22px;
      display: inline-block;
      background: #fff;
      margin-top: 5px; }
      @media only screen and (max-width: 559px) {
        .slides-container div span h4:before {
          display: none; } }
    .slides-container div span h4:after {
      content: "";
      display: block;
      position: absolute;
      right: 0;
      bottom: 22px;
      width: 80px;
      height: 2px;
      display: inline-block;
      background: #fff;
      margin-top: 5px; }
      @media only screen and (max-width: 559px) {
        .slides-container div span h4:after {
          display: none; } }
    .slides-container div span h4 bdo {
      content: "";
      display: block;
      position: absolute;
      right: 105px;
      width: 17px;
      height: 32px;
      bottom: 12px;
      background-image: url("../img/bannertext-right.png");
      background-position: center center;
      background-repeat: no-repeat; }
      @media only screen and (max-width: 559px) {
        .slides-container div span h4 bdo {
          bottom: -5px;
          right: 0px;
          background-size: 100%;
          width: 6px; } }

#slides {
  position: relative; }
  #slides .slides-container {
    display: none; }
  #slides .scrollable {
    position: relative;
    top: 0;
    left: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    height: 100%; }
    #slides .scrollable:before, #slides .scrollable:after {
      content: "";
      display: table; }
    #slides .scrollable:after {
      clear: both; }

.slides-navigation {
  margin: 0 auto;
  position: absolute;
  z-index: 3;
  top: 46%;
  width: 100%; }
  .slides-navigation a {
    position: absolute;
    display: block; }
    .slides-navigation a.prev {
      left: 0; }
    .slides-navigation a.next {
      right: 0; }

.slides-pagination {
  position: absolute;
  z-index: 2;
  bottom: 140px;
  text-align: center;
  width: 100%; }
  @media only screen and (max-width: 559px) {
    .slides-pagination {
      bottom: 0px; } }
  .slides-pagination a {
    width: 2px;
    height: 44px;
    background: #fff;
    display: inline-block;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII=");
    margin: 0px 4px;
    overflow: hidden;
    text-indent: -100%;
    -webkit-transition: 0.3s ease;
    -khtml-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    margin-top: 24px;
    font-size: 0; }
    .slides-pagination a.current {
      height: 68px;
      width: 3px;
      margin-top: 0; }
      @media only screen and (max-width: 559px) {
        .slides-pagination a.current {
          height: 25px; } }
    @media only screen and (max-width: 559px) {
      .slides-pagination a {
        height: 15px; } }

.scrolldown {
  content: "";
  display: block;
  position: absolute;
  bottom: 60px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -khtml-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  overflow: hidden;
  font-family: 'ABook';
  font-size: 18px;
  color: #fff;
  text-align: center;
  z-index: 3; }
  @media only screen and (max-width: 559px) {
    .scrolldown {
      font-size: 13px;
      bottom: 20px;
      display: none; } }
  .scrolldown bdo {
    color: #fff;
    -webkit-border-top-left-radius: 40px;
    -webkit-border-top-right-radius: 40px;
    -webkit-border-bottom-right-radius: 40px;
    -webkit-border-bottom-left-radius: 40px;
    -moz-border-radius-topleft: 40px;
    -moz-border-radius-topright: 40px;
    -moz-border-radius-bottomright: 40px;
    -moz-border-radius-bottomleft: 40px;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    border-bottom-left-radius: 40px;
    display: block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 25px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8px;
    cursor: pointer;
    -webkit-transition: 0.3s ease;
    -khtml-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease; }
    @media only screen and (max-width: 559px) {
      .scrolldown bdo {
        -webkit-border-top-left-radius: 20px;
        -webkit-border-top-right-radius: 20px;
        -webkit-border-bottom-right-radius: 20px;
        -webkit-border-bottom-left-radius: 20px;
        -moz-border-radius-topleft: 20px;
        -moz-border-radius-topright: 20px;
        -moz-border-radius-bottomright: 20px;
        -moz-border-radius-bottomleft: 20px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px;
        height: 20px;
        width: 20px;
        line-height: 20px;
        font-size: 15px; } }

.footerSpacer {
  margin-top: 150px; }
  @media only screen and (max-width: 991px) {
    .footerSpacer {
      margin-top: 70px; } }

footer {
  background: #181e20;
  color: #fff;
  padding: 20px 0; }
  @media only screen and (max-width: 767px) {
    footer {
      padding: 10px 0; } }
  footer .cre8mania {
    float: right; }
  footer .copyright {
    float: left;
    height: 31px;
    line-height: 31px;
    font-size: 15px;
    font-family: 'ABook'; }
    @media only screen and (max-width: 767px) {
      footer .copyright {
        margin-bottom: 10px; } }
    footer .copyright span {
      font-size: 17px; }
  footer .socialmedia {
    text-align: center; }
    @media only screen and (max-width: 767px) {
      footer .socialmedia {
        text-align: left; } }
    @media only screen and (max-width: 559px) {
      footer .socialmedia {
        margin-bottom: 40px; } }

.socialmedia a {
  color: #181e20;
  background: #fff;
  -webkit-border-top-left-radius: 31px;
  -webkit-border-top-right-radius: 31px;
  -webkit-border-bottom-right-radius: 31px;
  -webkit-border-bottom-left-radius: 31px;
  -moz-border-radius-topleft: 31px;
  -moz-border-radius-topright: 31px;
  -moz-border-radius-bottomright: 31px;
  -moz-border-radius-bottomleft: 31px;
  border-top-left-radius: 31px;
  border-top-right-radius: 31px;
  border-bottom-right-radius: 31px;
  border-bottom-left-radius: 31px;
  display: inline-block;
  height: 31px;
  width: 31px;
  font-size: 20px;
  text-align: center;
  line-height: 31px;
  margin: 0 7px;
  -webkit-transition: 0.3s ease;
  -khtml-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease; }
  .socialmedia a:hover, .socialmedia a:focus {
    color: #fff;
    background: #00acec; }
  @media only screen and (max-width: 767px) {
    .socialmedia a {
      margin: 0 10px 0 0px; } }

.homelist h1 {
  font-size: 37px;
  color: #181e20;
  font-family: 'ARegular';
  margin-bottom: 0;
  letter-spacing: 3px; }
  @media only screen and (max-width: 559px) {
    .homelist h1 {
      font-size: 23px; } }
.homelist h2 {
  font-size: 37px;
  font-family: 'P';
  line-height: 63px;
  height: 63px;
  margin-bottom: 50px; }
  @media only screen and (max-width: 991px) {
    .homelist h2 {
      width: 80%;
      margin-bottom: 30px; } }
  @media only screen and (max-width: 559px) {
    .homelist h2 {
      font-size: 23px; } }
  .homelist h2 a {
    color: #fff;
    -webkit-transition: 0.3s ease;
    -khtml-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease; }
    .homelist h2 a:hover, .homelist h2 a:focus {
      color: #181e20;
      text-decoration: none; }
.homelist article {
  margin-bottom: 30px;
  color: #17323a;
  font-size: 17px;
  font-family: 'ABook'; }
.homelist span {
  -webkit-transition: 0.3s ease;
  -khtml-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease; }
@media only screen and (max-width: 991px) {
  .homelist figure {
    margin-bottom: 20px; } }

.whowearesec {
  overflow: hidden;
  margin-bottom: 70px; }
  .whowearesec span {
    margin-left: 360px;
    display: block; }
    @media only screen and (max-width: 1639px) {
      .whowearesec span {
        margin-left: 40px; } }
    @media only screen and (max-width: 991px) {
      .whowearesec span {
        margin: 0 15px; } }
  .whowearesec h1 {
    padding-top: 22px;
    position: relative; }
    @media only screen and (max-width: 991px) {
      .whowearesec h1 {
        padding-top: 0; } }
    @media only screen and (max-width: 559px) {
      .whowearesec h1 {
        font-size: 23px; } }
    .whowearesec h1 svg {
      content: "";
      display: block;
      position: absolute;
      right: 0;
      left: 0;
      top: 0; }
      @media only screen and (max-width: 991px) {
        .whowearesec h1 svg {
          display: none; } }
  .whowearesec h2 {
    margin-right: 38px;
    position: relative; }
    @media only screen and (max-width: 559px) {
      .whowearesec h2 {
        margin-bottom: 20px;
        line-height: 45px;
        height: 45px;
        font-size: 23px; } }
    .whowearesec h2:after {
      content: "";
      display: block;
      position: absolute;
      right: -36px;
      width: 37px;
      top: 0px;
      bottom: 0; }
  @media only screen and (max-width: 1247px) {
    .whowearesec figure img {
      width: 100%; } }
  @media only screen and (max-width: 991px) {
    .whowearesec {
      margin-bottom: 50px; } }

.whatwedosec {
  overflow: hidden;
  margin-bottom: 80px; }
  .whatwedosec svg {
    margin-bottom: 6px; }
    @media only screen and (max-width: 991px) {
      .whatwedosec svg {
        display: none; } }
  .whatwedosec span {
    margin-right: 50%;
    display: block; }
    @media only screen and (max-width: 1639px) {
      .whatwedosec span {
        margin-right: 40px; } }
    @media only screen and (max-width: 991px) {
      .whatwedosec span {
        margin-right: 15px;
        margin-left: 15px; } }
  .whatwedosec h2 {
    margin-top: 75px;
    padding-left: 25px;
    margin-bottom: 50px;
    margin-left: 38px;
    position: relative; }
    @media only screen and (max-width: 559px) {
      .whatwedosec h2 {
        margin-bottom: 20px;
        line-height: 45px;
        height: 45px;
        font-size: 23px; } }
    .whatwedosec h2:after {
      content: "";
      display: block;
      position: absolute;
      left: -36px;
      width: 37px;
      bottom: 0;
      top: 0px; }
    @media only screen and (max-width: 991px) {
      .whatwedosec h2 {
        padding-left: 0;
        margin-left: 0;
        margin-top: 0; }
        .whatwedosec h2:before {
          content: "";
          display: block;
          position: absolute;
          right: -36px;
          width: 37px;
          bottom: 0;
          top: 0px; } }
  .whatwedosec article {
    color: #5a6366; }
  @media only screen and (max-width: 991px) {
    .whatwedosec {
      margin-bottom: 50px; } }

.hearfromyousec {
  overflow: hidden;
  margin-bottom: 70px; }
  .hearfromyousec svg {
    margin-bottom: 57px; }
    @media only screen and (max-width: 991px) {
      .hearfromyousec svg {
        display: none; } }
  .hearfromyousec span {
    margin-left: 360px;
    display: block; }
    @media only screen and (max-width: 1639px) {
      .hearfromyousec span {
        margin-left: 40px; } }
    @media only screen and (max-width: 991px) {
      .hearfromyousec span {
        margin: 0 15px; } }
  .hearfromyousec h2 {
    margin-right: 38px;
    position: relative; }
    @media only screen and (max-width: 559px) {
      .hearfromyousec h2 {
        margin-bottom: 20px;
        line-height: 45px;
        height: 45px; } }
    .hearfromyousec h2:after {
      content: "";
      display: block;
      position: absolute;
      right: -36px;
      width: 37px;
      bottom: 0;
      top: 0px; }
  @media only screen and (max-width: 991px) {
    .hearfromyousec {
      margin-bottom: 50px; } }

.btnarea {
  height: 40px; }
  .btnarea a {
    height: 40px;
    line-height: 40px;
    color: #fff;
    padding: 0 22px;
    font-size: 16px;
    font-family: 'ARegular';
    background: #4d4e4f;
    display: inline-block;
    -webkit-transition: 0.3s ease;
    -khtml-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    letter-spacing: 1px; }
    .btnarea a:hover, .btnarea a:focus {
      text-decoration: none; }

.downloadbtn {
  height: 40px;
  margin-top: 20px;
  margin-bottom: 100px; }
  .downloadbtn a {
    font-size: 14px;
    font-family: 'ARegular';
    display: inline-block;
    -webkit-transition: 0.3s ease;
    -khtml-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    letter-spacing: 1px; }
    .downloadbtn a:hover, .downloadbtn a:focus {
      text-decoration: none; }

.contactusBranches div div div.downloadbtn a {
  color: #4d4e4f; }

/*====== values ============*/
.innerMenu {
  margin-bottom: 70px;
  text-align: left; }
  @media only screen and (max-width: 991px) {
    .innerMenu {
      margin-bottom: 40px; } }
  .innerMenu a {
    font-size: 14px;
    color: #29292e;
    font-family: 'ABook';
    margin-right: 45px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: 0.3s ease;
    -khtml-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    display: inline-block; }
    @media only screen and (max-width: 991px) {
      .innerMenu a {
        display: block;
        height: 25px;
        line-height: 25px;
        font-size: 17px; } }
    .innerMenu a.selected {
      font-family: 'ABold'; }

.valuesbox {
  margin-bottom: 135px; }
  @media only screen and (max-width: 991px) {
    .valuesbox {
      margin-bottom: 80px; } }
  @media only screen and (max-width: 559px) {
    .valuesbox {
      margin-bottom: 40px; } }
  .valuesbox .readmoreArea {
    background: #b4d4fa; }
  .valuesbox h1 {
    font-size: 38px;
    font-family: 'ABook';
    margin-bottom: 30px;
    height: 48px;
    line-height: 48px; }
    @media only screen and (max-width: 991px) {
      .valuesbox h1 {
        font-size: 25px;
        margin-bottom: 20px;
        line-height: 30px;
        height: 30px; } }
  .valuesbox article {
    font-size: 17px;
    color: #17323a;
    font-family: 'ABook'; }
    .valuesbox article b strong {
      line-height: 100%; }
    .valuesbox article strong {
      line-height: 40px; }
  .valuesbox aside {
    padding-top: 33px; }
    @media only screen and (max-width: 991px) {
      .valuesbox aside {
        padding-top: 20px;
        background-size: 100%; } }
    @media only screen and (max-width: 559px) {
      .valuesbox aside {
        padding-top: 5px; } }
  @media only screen and (max-width: 991px) {
    .valuesbox figure {
      margin-bottom: 30px; } }
  @media only screen and (max-width: 559px) {
    .valuesbox figure {
      margin-bottom: 20px; } }
  .valuesbox figure img {
    width: 100%; }
  .valuesbox:nth-child(2n+1) figure {
    margin-top: 80px; }
    @media only screen and (max-width: 991px) {
      .valuesbox:nth-child(2n+1) figure {
        margin-top: 0px; } }

/*=================== goals page ========================*/
.goalsbox .row div, .successfulProjects .row div {
  margin-bottom: 70px; }
  @media only screen and (max-width: 991px) {
    .goalsbox .row div, .successfulProjects .row div {
      margin-bottom: 50px; } }
  @media only screen and (max-width: 559px) {
    .goalsbox .row div, .successfulProjects .row div {
      margin-bottom: 30px; } }
.goalsbox figure, .successfulProjects figure {
  margin-bottom: 25px; }
  @media only screen and (max-width: 991px) {
    .goalsbox figure, .successfulProjects figure {
      margin-bottom: 15px; } }
  @media only screen and (max-width: 479px) {
    .goalsbox figure, .successfulProjects figure {
      margin-bottom: 5px; } }
.goalsbox h3, .successfulProjects h3 {
  font-size: 22px;
  font-family: 'ABook';
  padding-bottom: 15px;
  margin-bottom: 27px;
  text-transform: uppercase; }
  @media only screen and (max-width: 991px) {
    .goalsbox h3, .successfulProjects h3 {
      margin-bottom: 20px;
      padding-bottom: 10px;
      font-size: 20px; } }
  @media only screen and (max-width: 559px) {
    .goalsbox h3, .successfulProjects h3 {
      margin-bottom: 5px; } }
.goalsbox article, .successfulProjects article {
  font-size: 17px;
  font-family: 'ABook';
  color: #17323a;
  line-height: 22px;
  min-height: 70px; }
  @media only screen and (max-width: 991px) {
    .goalsbox article, .successfulProjects article {
      min-height: auto; } }

/*================ mission page =====================*/
.missionbox1 {
  margin-bottom: 125px; }
  @media only screen and (max-width: 991px) {
    .missionbox1 {
      margin-bottom: 60px; } }
  @media only screen and (max-width: 559px) {
    .missionbox1 {
      margin-bottom: 30px; } }
  .missionbox1 .row div {
    margin-bottom: 35px; }
  .missionbox1 figure {
    margin-bottom: 33px; }
    .missionbox1 figure img {
      width: 100%; }
    @media only screen and (max-width: 991px) {
      .missionbox1 figure {
        margin-bottom: 15px; } }
  .missionbox1 h3 {
    font-size: 38px;
    font-family: 'ABook';
    color: #181e20;
    text-transform: uppercase;
    margin-bottom: 20px;
    letter-spacing: 3px; }
    @media only screen and (max-width: 991px) {
      .missionbox1 h3 {
        margin-bottom: 10px;
        font-size: 27px; } }
    @media only screen and (max-width: 559px) {
      .missionbox1 h3 {
        font-size: 25px; } }
  .missionbox1 article {
    font-size: 17px;
    font-family: 'ABook';
    color: #17323a; }

.missionbox2 {
  background: #d2dce7; }
  .missionbox2 aside {
    width: 555px;
    margin: 0 0 0 auto; }
    @media only screen and (max-width: 1639px) {
      .missionbox2 aside {
        width: 100%;
        padding-left: 15px; } }
    @media only screen and (max-width: 991px) {
      .missionbox2 aside {
        padding: 0; } }
  .missionbox2 figure {
    overflow: hidden; }
    .missionbox2 figure img {
      width: 100%; }
      @media only screen and (max-width: 1639px) {
        .missionbox2 figure img {
          width: auto;
          height: 100%; } }
      @media only screen and (max-width: 991px) {
        .missionbox2 figure img {
          width: 100%;
          height: auto; } }
    @media only screen and (max-width: 991px) {
      .missionbox2 figure {
        margin-bottom: 20px; } }
  .missionbox2 h3 {
    font-size: 38px;
    font-family: 'ABook';
    color: #181e20;
    text-transform: uppercase;
    margin-bottom: 20px;
    margin-top: 95px;
    padding-top: 17px; }
    @media only screen and (max-width: 1247px) {
      .missionbox2 h3 {
        margin-top: 40px; } }
    @media only screen and (max-width: 991px) {
      .missionbox2 h3 {
        font-size: 27px; } }
    @media only screen and (max-width: 559px) {
      .missionbox2 h3 {
        font-size: 25px; } }
  .missionbox2 article {
    font-size: 17px;
    font-family: 'ABook';
    color: #17323a;
    padding-bottom: 30px; }
  .missionbox2 .container-full {
    padding: 0 15px; }
    .missionbox2 .container-full .row div[class^="col-"]:nth-child(1) {
      padding-right: 0; }
      @media only screen and (max-width: 991px) {
        .missionbox2 .container-full .row div[class^="col-"]:nth-child(1) {
          padding-left: 0px; } }
    .missionbox2 .container-full .row div[class^="col-"]:nth-child(2) {
      padding-left: 0; }
      @media only screen and (max-width: 1023px) {
        .missionbox2 .container-full .row div[class^="col-"]:nth-child(2) {
          padding-left: 15px; } }
      @media only screen and (max-width: 991px) {
        .missionbox2 .container-full .row div[class^="col-"]:nth-child(2) {
          padding-left: 15px; } }

/*================== who we are page ========================*/
.whoweare_intro, .ourcustomers_intro, .design_box {
  margin-bottom: 110px; }
  @media only screen and (max-width: 991px) {
    .whoweare_intro, .ourcustomers_intro, .design_box {
      margin-bottom: 60px; } }
  .whoweare_intro aside, .ourcustomers_intro aside, .design_box aside {
    padding-top: 65px; }
    @media only screen and (max-width: 1439px) {
      .whoweare_intro aside, .ourcustomers_intro aside, .design_box aside {
        padding-top: 0px; } }
  .whoweare_intro figure img, .ourcustomers_intro figure img, .design_box figure img {
    width: 100%; }
  @media only screen and (max-width: 1439px) {
    .whoweare_intro figure, .ourcustomers_intro figure, .design_box figure {
      margin-bottom: 30px; } }
  @media only screen and (max-width: 559px) {
    .whoweare_intro figure, .ourcustomers_intro figure, .design_box figure {
      margin-bottom: 0px; } }
  .whoweare_intro h3, .ourcustomers_intro h3, .design_box h3 {
    font-size: 37px;
    color: #181e20;
    font-family: 'ARegular';
    margin-bottom: 25px;
    letter-spacing: 3px;
    padding-top: 50px; }
    @media only screen and (max-width: 1247px) {
      .whoweare_intro h3, .ourcustomers_intro h3, .design_box h3 {
        background-position: -338px 0; } }
    @media only screen and (max-width: 991px) {
      .whoweare_intro h3, .ourcustomers_intro h3, .design_box h3 {
        margin-bottom: 10px;
        margin-bottom: 15px;
        padding-top: 20px;
        background-size: 100% 100%;
        background-position: top right;
        font-size: 27px; } }
    @media only screen and (max-width: 559px) {
      .whoweare_intro h3, .ourcustomers_intro h3, .design_box h3 {
        background-size: 100%;
        padding-top: 7px;
        margin-top: 20px;
        font-size: 25px; } }
  @media only screen and (max-width: 1199px) {
    .whoweare_intro .extratextarea, .ourcustomers_intro .extratextarea, .design_box .extratextarea {
      width: 100%; } }
  .whoweare_intro .extratextarea h2, .ourcustomers_intro .extratextarea h2, .design_box .extratextarea h2 {
    margin-right: 38px;
    position: relative;
    margin-top: 30px;
    color: #fff;
    padding: 0 40px 0 20px;
    display: inline-block;
    font-family: 'P';
    line-height: 50px; }
    @media only screen and (max-width: 559px) {
      .whoweare_intro .extratextarea h2, .ourcustomers_intro .extratextarea h2, .design_box .extratextarea h2 {
        font-size: 20px; } }
    .whoweare_intro .extratextarea h2:after, .ourcustomers_intro .extratextarea h2:after, .design_box .extratextarea h2:after {
      content: "";
      display: block;
      position: absolute;
      right: -36px;
      width: 37px;
      top: 0px;
      bottom: 0; }
  .whoweare_intro .extratextarea article, .ourcustomers_intro .extratextarea article, .design_box .extratextarea article {
    max-width: 100%;
    padding-top: 20px; }
    @media only screen and (max-width: 1439px) {
      .whoweare_intro .extratextarea article, .ourcustomers_intro .extratextarea article, .design_box .extratextarea article {
        padding-top: 0; } }
    @media only screen and (max-width: 1199px) {
      .whoweare_intro .extratextarea article, .ourcustomers_intro .extratextarea article, .design_box .extratextarea article {
        padding-top: 20px;
        max-width: 100%; } }
  .whoweare_intro article, .ourcustomers_intro article, .design_box article {
    font-size: 17px;
    font-family: 'ABook';
    color: #17323a;
    padding-right: 15px;
    max-width: 410px; }
    @media only screen and (max-width: 1199px) {
      .whoweare_intro article, .ourcustomers_intro article, .design_box article {
        padding: 0;
        max-width: 100%; } }
    .whoweare_intro article b, .ourcustomers_intro article b, .design_box article b {
      font-family: 'ABook';
      font-weight: normal;
      font-size: 22px; }
      @media only screen and (max-width: 991px) {
        .whoweare_intro article b, .ourcustomers_intro article b, .design_box article b {
          font-size: 19px; } }
  .whoweare_intro .container-full, .ourcustomers_intro .container-full, .design_box .container-full {
    padding: 0 15px; }
    .whoweare_intro .container-full .row div[class^="col-"]:nth-child(1), .ourcustomers_intro .container-full .row div[class^="col-"]:nth-child(1), .design_box .container-full .row div[class^="col-"]:nth-child(1) {
      padding-left: 0; }
      @media only screen and (max-width: 991px) {
        .whoweare_intro .container-full .row div[class^="col-"]:nth-child(1), .ourcustomers_intro .container-full .row div[class^="col-"]:nth-child(1), .design_box .container-full .row div[class^="col-"]:nth-child(1) {
          padding-right: 0px; } }
    .whoweare_intro .container-full .row div[class^="col-"]:nth-child(2), .ourcustomers_intro .container-full .row div[class^="col-"]:nth-child(2), .design_box .container-full .row div[class^="col-"]:nth-child(2) {
      padding-right: 0; }
      @media only screen and (max-width: 1023px) {
        .whoweare_intro .container-full .row div[class^="col-"]:nth-child(2), .ourcustomers_intro .container-full .row div[class^="col-"]:nth-child(2), .design_box .container-full .row div[class^="col-"]:nth-child(2) {
          padding-right: 15px; } }
      @media only screen and (max-width: 991px) {
        .whoweare_intro .container-full .row div[class^="col-"]:nth-child(2), .ourcustomers_intro .container-full .row div[class^="col-"]:nth-child(2), .design_box .container-full .row div[class^="col-"]:nth-child(2) {
          padding-right: 15px; } }

.whoweare_listbox, .spaexperience_listbox, .aftersales_listbox, .countries_listbox {
  margin-bottom: 105px; }
  @media only screen and (max-width: 991px) {
    .whoweare_listbox, .spaexperience_listbox, .aftersales_listbox, .countries_listbox {
      margin-bottom: 60px; } }
  @media only screen and (max-width: 559px) {
    .whoweare_listbox, .spaexperience_listbox, .aftersales_listbox, .countries_listbox {
      margin-bottom: 40px; } }
  .whoweare_listbox h3, .spaexperience_listbox h3, .aftersales_listbox h3, .countries_listbox h3 {
    font-size: 37px;
    color: #181e20;
    font-family: 'ARegular';
    margin-bottom: 25px;
    padding-top: 20px;
    margin-top: 80px;
    letter-spacing: 3px;
    text-transform: uppercase; }
    @media only screen and (max-width: 991px) {
      .whoweare_listbox h3, .spaexperience_listbox h3, .aftersales_listbox h3, .countries_listbox h3 {
        margin-bottom: 15px;
        padding-top: 15px;
        margin-top: 40px;
        font-size: 27px; } }
    @media only screen and (max-width: 559px) {
      .whoweare_listbox h3, .spaexperience_listbox h3, .aftersales_listbox h3, .countries_listbox h3 {
        margin-top: 5px;
        font-size: 25px; } }
  .whoweare_listbox article, .spaexperience_listbox article, .aftersales_listbox article, .countries_listbox article {
    color: #17323a;
    font-size: 17px;
    font-family: 'ABook'; }
    .whoweare_listbox article a, .spaexperience_listbox article a, .aftersales_listbox article a, .countries_listbox article a {
      color: #00acec; }
  .whoweare_listbox figure img, .spaexperience_listbox figure img, .aftersales_listbox figure img, .countries_listbox figure img {
    width: 100%; }

.watertreatment_area {
  background: #dadbdb;
  padding: 130px 0;
  text-align: center; }
  @media only screen and (max-width: 991px) {
    .watertreatment_area {
      padding: 60px 0; } }
  @media only screen and (max-width: 559px) {
    .watertreatment_area {
      padding: 40px 0 20px; } }
  .watertreatment_area .watertreatment_intro {
    margin-bottom: 85px; }
    @media only screen and (max-width: 991px) {
      .watertreatment_area .watertreatment_intro {
        margin-bottom: 45px; } }
    @media only screen and (max-width: 559px) {
      .watertreatment_area .watertreatment_intro {
        margin-bottom: 20px; } }
    .watertreatment_area .watertreatment_intro h3 {
      font-size: 37px;
      color: #181e20;
      font-family: 'ARegular';
      margin-bottom: 45px;
      letter-spacing: 3px; }
      @media only screen and (max-width: 991px) {
        .watertreatment_area .watertreatment_intro h3 {
          font-size: 27px; } }
      @media only screen and (max-width: 559px) {
        .watertreatment_area .watertreatment_intro h3 {
          margin-bottom: 30px;
          font-size: 25px; } }
    .watertreatment_area .watertreatment_intro article {
      color: #17323a;
      font-size: 17px;
      font-family: 'ABook';
      width: 61%;
      margin: 0 auto; }
      @media only screen and (max-width: 991px) {
        .watertreatment_area .watertreatment_intro article {
          width: 90%; } }

.watertreatment_list div {
  margin-bottom: 30px; }
.watertreatment_list figure {
  position: relative;
  overflow: hidden; }
  .watertreatment_list figure:hover a {
    text-decoration: none;
    color: #00acec; }
  .watertreatment_list figure img {
    width: 100%; }
  .watertreatment_list figure span {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0px;
    height: 59px;
    line-height: 59px;
    font-size: 22px;
    font-family: 'ARegular';
    text-align: center;
    left: 0;
    padding-left: 40px; }
    @media only screen and (max-width: 1023px) {
      .watertreatment_list figure span {
        font-size: 17px;
        height: 30px;
        line-height: 30px;
        padding-left: 33px; } }
    @media only screen and (max-width: 559px) {
      .watertreatment_list figure span {
        font-size: 12px;
        height: auto;
        line-height: 15px;
        padding-left: 0; } }
    .watertreatment_list figure span a {
      color: #fff;
      display: block;
      background: #181e20;
      background: rgba(24, 30, 32, 0.8);
      -webkit-transition: 0.3s ease;
      -khtml-transition: 0.3s ease;
      -moz-transition: 0.3s ease;
      -ms-transition: 0.3s ease;
      -o-transition: 0.3s ease;
      transition: 0.3s ease;
      position: relative; }
      @media only screen and (max-width: 559px) {
        .watertreatment_list figure span a {
          padding: 4px 9px; } }
      .watertreatment_list figure span a:after {
        content: "";
        display: block;
        position: absolute;
        left: -40px;
        width: 40px;
        height: 59px;
        top: 0px;
        background-image: url("../img/blackgb.png");
        background-position: center center;
        background-repeat: no-repeat; }
        @media only screen and (max-width: 1023px) {
          .watertreatment_list figure span a:after {
            height: 30px;
            line-height: 30px; } }
        @media only screen and (max-width: 559px) {
          .watertreatment_list figure span a:after {
            display: none; } }

.expertise_area {
  padding: 75px 0;
  text-align: center; }
  @media only screen and (max-width: 991px) {
    .expertise_area {
      padding: 45px 0; } }
  .expertise_area h3 {
    font-size: 37px;
    color: #181e20;
    font-family: 'ARegular';
    margin-bottom: 30px;
    letter-spacing: 3px; }
    @media only screen and (max-width: 991px) {
      .expertise_area h3 {
        margin-bottom: 20px;
        font-size: 27px; } }
  .expertise_area article {
    color: #17323a;
    font-size: 17px;
    font-family: 'ABook';
    width: 60%;
    margin: 0 auto;
    margin-bottom: 85px; }
    @media only screen and (max-width: 991px) {
      .expertise_area article {
        margin-bottom: 40px; } }
  .expertise_area figure img {
    width: 100%; }

/*================== spaexperience ========================*/
.pageTitle {
  color: #181e20;
  font-size: 38px;
  font-family: 'ABook';
  letter-spacing: 1px;
  margin-bottom: 45px;
  padding-bottom: 15px;
  padding-top: 22px;
  text-transform: uppercase;
  position: relative;
  padding-right: 366px; }
  @media only screen and (max-width: 559px) {
    .pageTitle {
      padding-right: 0;
      font-size: 25px;
      margin-bottom: 30px;
      padding-bottom: 10px;
      padding-top: 10px; } }
  .pageTitle:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    width: 366px;
    height: 81px;
    bottom: -3px;
    background-position: left top; }
    @media only screen and (max-width: 767px) {
      .pageTitle:after {
        width: 100px;
        background-position: left top !important; } }
    @media only screen and (max-width: 559px) {
      .pageTitle:after {
        display: none; } }
  @media only screen and (max-width: 991px) {
    .pageTitle {
      font-size: 27px; } }
  @media only screen and (max-width: 767px) {
    .pageTitle {
      padding-right: 100px; } }
  @media only screen and (max-width: 559px) {
    .pageTitle {
      padding-right: 0px; } }

.spaexperience_listbox:nth-child(1) article, .aftersales_listbox:nth-child(1) article {
  margin-top: 40px; }
.spaexperience_listbox h2, .aftersales_listbox h2 {
  font-size: 25px; }

.countries_listbox article b {
  text-shadow: none; }
.countries_listbox article span {
  color: #00acec; }
.countries_listbox article a {
  color: #00acec; }

.successfulProjects h3 {
  color: #5a6366 !important;
  font-family: 'ABold'; }

.fullpage_bannersec {
  overflow: hidden;
  margin-bottom: 105px;
  position: relative; }
  @media only screen and (max-width: 991px) {
    .fullpage_bannersec {
      margin-bottom: 60px; } }
  @media only screen and (max-width: 559px) {
    .fullpage_bannersec {
      margin-bottom: 40px; } }
  .fullpage_bannersec span {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -khtml-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    color: #fff;
    font-size: 38px;
    font-family: 'ABook';
    letter-spacing: 1px;
    text-transform: uppercase;
    z-index: 3;
    text-align: center;
    width: 100%; }
    @media only screen and (max-width: 991px) {
      .fullpage_bannersec span {
        font-size: 25px; } }
  .fullpage_bannersec img {
    width: 100%; }
    @media only screen and (max-width: 767px) {
      .fullpage_bannersec img {
        width: auto;
        height: 200px;
        content: "";
        display: block;
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -khtml-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%); } }

/*==================what we do ==================*/
.whatwedointro {
  margin-bottom: 75px; }
  @media only screen and (max-width: 991px) {
    .whatwedointro {
      margin-bottom: 40px; } }
  .whatwedointro h1 {
    color: #181e20;
    font-size: 38px;
    font-family: 'ABook';
    letter-spacing: 1px;
    margin-bottom: 25px;
    padding-bottom: 15px;
    padding-top: 22px;
    text-transform: uppercase;
    position: relative;
    padding-right: 366px; }
    .whatwedointro h1:after {
      content: "";
      display: block;
      position: absolute;
      right: 0;
      width: 366px;
      height: 81px;
      bottom: -3px;
      background-position: left top; }
      @media only screen and (max-width: 767px) {
        .whatwedointro h1:after {
          width: 100px;
          background-position: left top !important; } }
      @media only screen and (max-width: 559px) {
        .whatwedointro h1:after {
          display: none; } }
    @media only screen and (max-width: 991px) {
      .whatwedointro h1 {
        font-size: 27px; } }
    @media only screen and (max-width: 767px) {
      .whatwedointro h1 {
        padding-right: 100px; } }
    @media only screen and (max-width: 559px) {
      .whatwedointro h1 {
        padding-right: 0;
        font-size: 25px;
        margin-bottom: 30px;
        padding-bottom: 10px;
        padding-top: 10px; } }
  .whatwedointro article {
    font-family: "ABook"; }

.solutionsarea h2 {
  color: #181e20;
  font-size: 35px;
  font-family: 'ABook';
  letter-spacing: 1px;
  margin-bottom: 120px;
  letter-spacing: 3px;
  text-transform: uppercase; }
  @media only screen and (max-width: 991px) {
    .solutionsarea h2 {
      margin-bottom: 60px;
      font-size: 27px; } }
  @media only screen and (max-width: 559px) {
    .solutionsarea h2 {
      margin-bottom: 40px;
      font-size: 25px; } }
.solutionsarea article {
  margin-bottom: 120px; }
  @media only screen and (max-width: 991px) {
    .solutionsarea article {
      margin-bottom: 60px; } }
  @media only screen and (max-width: 559px) {
    .solutionsarea article {
      margin-bottom: 40px; } }
  .solutionsarea article span {
    font-size: 110px;
    font-family: 'P';
    overflow: hidden;
    height: 104px;
    line-height: 114px;
    display: block; }
    @media only screen and (max-width: 991px) {
      .solutionsarea article span {
        font-size: 75px;
        height: 75px;
        line-height: 79px; } }
    @media only screen and (max-width: 559px) {
      .solutionsarea article span {
        font-size: 48px;
        height: 49px;
        line-height: 55px; } }
.solutionsarea h3 {
  color: #5a6366;
  font-size: 20px;
  font-family: 'ARegular';
  padding-bottom: 20px; }
  @media only screen and (max-width: 991px) {
    .solutionsarea h3 {
      padding-bottom: 15px; } }
.solutionsarea figure img {
  width: 100%; }
@media only screen and (max-width: 991px) {
  .solutionsarea figure {
    margin-bottom: 20px; } }
@media only screen and (max-width: 559px) {
  .solutionsarea figure {
    margin-bottom: 10px; } }

.familyBusinessSec .familybusinessHeader {
  margin-bottom: 80px;
  background: #ebeff4;
  padding: 55px 0 40px; }
  .familyBusinessSec .familybusinessHeader div div.col-md-3 {
    margin-bottom: 30px; }
  .familyBusinessSec .familybusinessHeader:before, .familyBusinessSec .familybusinessHeader:after {
    content: "";
    display: table; }
  .familyBusinessSec .familybusinessHeader:after {
    clear: both; }
  .familyBusinessSec .familybusinessHeader .modal-dialog {
    max-width: 1170px;
    width: 100%; }
    @media only screen and (max-width: 559px) {
      .familyBusinessSec .familybusinessHeader .modal-dialog {
        width: auto; } }
  .familyBusinessSec .familybusinessHeader .modal-content {
    padding: 30px 35px 110px;
    border-radius: 0;
    border: 0; }
    @media only screen and (max-width: 767px) {
      .familyBusinessSec .familybusinessHeader .modal-content {
        padding: 10px 10px 50px; } }
    .familyBusinessSec .familybusinessHeader .modal-content article {
      height: 420px;
      padding-right: 100px;
      font-size: 18px;
      font-family: 'ARegular';
      color: #17323a; }
      @media only screen and (max-width: 767px) {
        .familyBusinessSec .familybusinessHeader .modal-content article {
          padding-right: 20px; } }
  .familyBusinessSec .familybusinessHeader .modal-backdrop.in {
    opacity: 0.9;
    filter: alpha(opacity=90); }
  .familyBusinessSec .familybusinessHeader .modal-header {
    border: 0; }
    .familyBusinessSec .familybusinessHeader .modal-header h4 {
      font-size: 18px;
      font-family: 'ARegular';
      color: #00acec;
      letter-spacing: 1px;
      text-transform: uppercase; }
  .familyBusinessSec .familybusinessHeader h3 {
    font-size: 18px;
    font-family: 'ARegular';
    font-weight: normal;
    margin-bottom: 10px; }
    @media only screen and (max-width: 559px) {
      .familyBusinessSec .familybusinessHeader h3 {
        margin-bottom: 3px; } }
    .familyBusinessSec .familybusinessHeader h3 a {
      color: #00acec;
      -webkit-transition: 0.3s ease;
      -khtml-transition: 0.3s ease;
      -moz-transition: 0.3s ease;
      -ms-transition: 0.3s ease;
      -o-transition: 0.3s ease;
      transition: 0.3s ease; }
      .familyBusinessSec .familybusinessHeader h3 a:hover {
        color: #17323a;
        text-decoration: none; }
.familyBusinessSec .nav-tabs {
  margin-bottom: 65px; }
  @media only screen and (max-width: 559px) {
    .familyBusinessSec .nav-tabs {
      margin-bottom: 30px; } }
  .familyBusinessSec .nav-tabs li {
    margin-bottom: 15px; }
    .familyBusinessSec .nav-tabs li a {
      color: #181e20;
      font-size: 22px;
      font-family: 'ABook';
      text-transform: uppercase; }
.familyBusinessSec .tab-pane {
  color: #17323a; }
  .familyBusinessSec .tab-pane figure {
    position: relative;
    margin-bottom: 23px; }
    @media only screen and (max-width: 559px) {
      .familyBusinessSec .tab-pane figure {
        margin-bottom: 10px; } }
    .familyBusinessSec .tab-pane figure img {
      width: 100%; }
    .familyBusinessSec .tab-pane figure a {
      content: "";
      display: block;
      position: absolute;
      bottom: 0;
      right: 0;
      height: 42px;
      width: 42px;
      background: #00acec;
      background: rgba(0, 172, 236, 0.5);
      color: #fff;
      font-size: 25px;
      text-align: center;
      line-height: 42px;
      -webkit-transition: 0.3s ease;
      -khtml-transition: 0.3s ease;
      -moz-transition: 0.3s ease;
      -ms-transition: 0.3s ease;
      -o-transition: 0.3s ease;
      transition: 0.3s ease; }
    .familyBusinessSec .tab-pane figure:hover a {
      background: #00acec; }

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background-color: transparent;
  border: 0; }

.nav-tabs > li > a:hover {
  background-color: transparent;
  border-color: transparent; }

.projectlistingSec {
  padding: 55px 0 40px;
  font-family: 'ARegular'; }
  .projectlistingSec figure {
    margin-bottom: 10px; }
    .projectlistingSec figure img {
      width: 100%; }
  .projectlistingSec div div div {
    margin-bottom: 60px; }
    @media only screen and (max-width: 559px) {
      .projectlistingSec div div div {
        margin-bottom: 30px; } }
    .projectlistingSec div div div:hover a {
      text-decoration: none; }
  .projectlistingSec h3 {
    padding-top: 5px;
    min-height: 58px; }
    .projectlistingSec h3 a {
      color: #29292e;
      font-size: 16px;
      font-family: 'ARegular';
      text-transform: uppercase;
      -webkit-transition: 0.3s ease;
      -khtml-transition: 0.3s ease;
      -moz-transition: 0.3s ease;
      -ms-transition: 0.3s ease;
      -o-transition: 0.3s ease;
      transition: 0.3s ease; }

.btnLoadmore {
  text-align: center;
  margin-bottom: 130px; }
  .btnLoadmore a {
    display: inline-block;
    padding: 0 40px;
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    background: #4d4e4f;
    -webkit-transition: 0.3s ease;
    -khtml-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    text-transform: uppercase;
    font-family: 'ARegular'; }
    .btnLoadmore a:hover {
      text-decoration: none; }

.pageTitleOnBanner {
  position: relative;
  top: -89px;
  height: 20px; }
  @media only screen and (max-width: 559px) {
    .pageTitleOnBanner {
      top: 0;
      min-height: auto;
      margin-bottom: 35px;
      height: auto; } }
  .pageTitleOnBanner .pageTitlebg {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    height: 63px;
    z-index: 300;
    width: 50%; }
    @media only screen and (max-width: 991px) {
      .pageTitleOnBanner .pageTitlebg {
        width: 90%; } }
    @media only screen and (max-width: 559px) {
      .pageTitleOnBanner .pageTitlebg {
        width: 100%;
        height: auto;
        bottom: 0; } }
    .pageTitleOnBanner .pageTitlebg:after {
      content: "";
      display: block;
      position: absolute;
      right: -36px;
      width: 37px;
      height: 63px;
      top: 0px; }
      @media only screen and (max-width: 559px) {
        .pageTitleOnBanner .pageTitlebg:after {
          display: none; } }
  .pageTitleOnBanner h1 {
    height: 63px;
    line-height: 63px;
    color: #fff;
    font-size: 30px;
    font-family: "ARegular";
    margin-bottom: 0;
    position: relative;
    z-index: 400;
    letter-spacing: 3px; }
    @media only screen and (max-width: 991px) {
      .pageTitleOnBanner h1 {
        font-size: 25px; } }
    @media only screen and (max-width: 559px) {
      .pageTitleOnBanner h1 {
        height: auto;
        line-height: 24px;
        font-size: 20px;
        padding: 10px 0; } }

.referenceInnerpage {
  font-size: 18px;
  color: #17323a;
  font-family: 'ARegular';
  margin-bottom: 85px; }
  @media only screen and (max-width: 559px) {
    .referenceInnerpage {
      font-size: 15px;
      margin-bottom: 30px; } }
  .referenceInnerpage span {
    display: inline-block;
    width: 200px;
    font-family: 'ABold';
    float: left;
    height: 30px; }
    @media only screen and (max-width: 767px) {
      .referenceInnerpage span {
        width: 100%;
        float: none; } }
    @media only screen and (max-width: 559px) {
      .referenceInnerpage span {
        height: 20px; } }

.referenceInnerpageSlider {
  margin-bottom: 75px;
  position: relative; }
  .referenceInnerpageSlider img {
    width: 100%; }
  .referenceInnerpageSlider .owl-buttons div {
    color: #fff;
    -webkit-border-radius: 39px;
    -khtml-border-radius: 39px;
    -moz-border-radius: 39px;
    -ms-border-radius: 39px;
    -o-border-radius: 39px;
    border-radius: 39px;
    font-size: 30px;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 39px;
    width: 39px;
    text-align: center;
    line-height: 39px;
    content: "";
    display: block;
    position: absolute;
    top: 50%; }
    .referenceInnerpageSlider .owl-buttons div.owl-prev {
      left: 20px; }
    .referenceInnerpageSlider .owl-buttons div.owl-next {
      right: 20px; }

.referenceInnerpageConcept {
  font-size: 18px;
  color: #17323a;
  margin-bottom: 100px; }
  @media only screen and (max-width: 559px) {
    .referenceInnerpageConcept {
      margin-bottom: 40px; } }
  .referenceInnerpageConcept figure img {
    width: 100%; }
  .referenceInnerpageConcept h2 {
    font-size: 38px;
    font-family: 'ARegular';
    padding-top: 31px;
    margin-bottom: 23px;
    color: #29292e;
    letter-spacing: 3px; }
    @media only screen and (max-width: 991px) {
      .referenceInnerpageConcept h2 {
        margin-top: 5px; } }
    @media only screen and (max-width: 559px) {
      .referenceInnerpageConcept h2 {
        font-size: 28px;
        padding-top: 25px;
        margin-bottom: 14px; } }
  .referenceInnerpageConcept article {
    margin-bottom: 30px; }

.contactusBranches {
  padding: 65px 0 120px; }
  @media only screen and (max-width: 559px) {
    .contactusBranches {
      padding: 25px 0 60px; } }
  .contactusBranches div div div {
    font-size: 17px;
    font-family: 'ABook';
    color: #17323a; }
    .contactusBranches div div div h2 {
      font-size: 32px;
      font-family: 'ARegular';
      padding-bottom: 17px;
      margin-bottom: 21px;
      color: #181e20;
      letter-spacing: 3px; }
      @media only screen and (max-width: 559px) {
        .contactusBranches div div div h2 {
          font-size: 27px; } }
    .contactusBranches div div div a {
      color: #00acec; }
      .contactusBranches div div div a:hover {
        text-decoration: none; }
    @media only screen and (max-width: 767px) {
      .contactusBranches div div div {
        margin-bottom: 30px; } }
    @media only screen and (max-width: 559px) {
      .contactusBranches div div div {
        margin-bottom: 10px; } }

.contactusForm {
  padding: 70px 0 150px;
  background: #ebeff4; }
  .contactusForm .fieldSelect:after {
    background: #ebeff4; }
  @media only screen and (max-width: 559px) {
    .contactusForm {
      padding: 50px 0 80px; } }
  .contactusForm h2 {
    margin-bottom: 75px;
    padding-bottom: 15px;
    text-transform: uppercase;
    font-size: 38px;
    color: #181e20;
    font-family: 'ARegular';
    letter-spacing: 3px; }
    @media only screen and (max-width: 991px) {
      .contactusForm h2 {
        margin-bottom: 50px; } }
    @media only screen and (max-width: 559px) {
      .contactusForm h2 {
        font-size: 25px; } }

form button {
  height: 40px;
  line-height: 40px;
  padding: 0 30px;
  color: #fff;
  font-size: 18px;
  font-family: 'ABook';
  text-transform: uppercase;
  border: 0;
  -webkit-transition: 0.3s ease;
  -khtml-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease; }
  form button:hover {
    background: #5a6366; }
form:before, form:after {
  content: "";
  display: table; }
form:after {
  clear: both; }
form .field {
  position: relative;
  margin-bottom: 33px;
  width: 49%;
  float: left;
  border: 1px solid #797e7f;
  padding: 0 10px; }
  form .field label {
    content: "";
    display: block;
    position: absolute;
    left: 1px;
    bottom: -23px;
    font-size: 10px;
    color: #00acec;
    font-family: 'ABook';
    letter-spacing: 1px; }
  form .field:nth-child(2n) {
    margin-left: 2%; }
    @media only screen and (max-width: 559px) {
      form .field:nth-child(2n) {
        margin-left: 0; } }
  @media only screen and (max-width: 559px) {
    form .field {
      width: 100%;
      float: none;
      margin-bottom: 20px; } }
  form .field input {
    height: 43px;
    line-height: 43px;
    width: 100%;
    border: 0;
    background: none;
    color: #29292e;
    font-family: "ABook"; }
form #hiddenRecaptcha-error {
  display: block;
  font-size: 10px;
  color: #00acec;
  font-family: 'ABook';
  letter-spacing: 1px; }
form .fieldSelect {
  position: relative;
  margin-bottom: 33px;
  width: 49%;
  float: left; }
  form .fieldSelect label {
    content: "";
    display: block;
    position: absolute;
    left: 1px;
    bottom: -23px;
    font-size: 10px;
    color: #00acec;
    font-family: 'ABook';
    letter-spacing: 1px; }
  form .fieldSelect:after {
    content: "";
    display: block;
    position: absolute;
    right: 1px;
    top: 1px;
    bottom: 1px;
    width: 30px;
    background: #fff;
    -webkit-transition: 0.3s ease;
    -khtml-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    pointer-events: none;
    color: #4d4e4f;
    content: "\f107";
    font-size: 24px;
    font-family: FontAwesome;
    line-height: 43px; }
  form .fieldSelect:nth-child(2n) {
    margin-left: 2%; }
    @media only screen and (max-width: 559px) {
      form .fieldSelect:nth-child(2n) {
        margin-left: 0; } }
  form .fieldSelect select {
    border: 1px solid #797e7f;
    background: none;
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.4);
    -khtml-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.4);
    -ms-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.4);
    -o-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.4);
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    padding: 0;
    height: 43px; }
  @media only screen and (max-width: 559px) {
    form .fieldSelect {
      width: 100%;
      float: none;
      margin-bottom: 20px; } }
form .fieldBrowse {
  margin-bottom: 33px;
  width: 49%;
  float: left;
  margin-left: 2%; }
  @media only screen and (max-width: 559px) {
    form .fieldBrowse {
      width: 100%;
      float: none;
      margin-bottom: 20px;
      margin-left: 0; } }
  form .fieldBrowse .input-lg {
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.4);
    -khtml-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.4);
    -ms-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.4);
    -o-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.4);
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    border: 1px solid #797e7f;
    background: none;
    font-size: 14px;
    font-family: 'ABook';
    color: #29292e; }
    form .fieldBrowse .input-lg.uploadcv {
      padding: 0 10px; }
  form .fieldBrowse .form-group {
    margin: 0; }
form .fieldtextarea {
  margin-bottom: 30px;
  position: relative;
  clear: both; }
  form .fieldtextarea label {
    content: "";
    display: block;
    position: absolute;
    left: 1px;
    bottom: -23px;
    font-size: 10px;
    color: #00acec;
    font-family: 'ABook';
    letter-spacing: 1px; }
  form .fieldtextarea textarea {
    width: 100%;
    padding: 10px;
    background: none;
    font-family: 'ABook';
    height: 185px;
    border: 1px solid #797e7f; }

.introsec {
  color: #fff;
  font-size: 27px;
  text-align: center;
  font-family: 'ABook';
  padding: 65px 0;
  margin-bottom: 120px;
  line-height: 32px; }
  .introsec span {
    text-transform: uppercase;
    display: block;
    padding-top: 10px; }
    @media only screen and (max-width: 559px) {
      .introsec span {
        padding-top: 15px; } }
  @media only screen and (max-width: 559px) {
    .introsec {
      padding: 30px 0;
      margin-bottom: 60px;
      font-size: 22px;
      line-height: 25px; } }

.ourcustomers_intro h3, .design_box h3 {
  background: none !important;
  margin-top: 140px;
  padding-top: 0;
  padding-top: 20px;
  text-transform: uppercase; }
  @media only screen and (max-width: 1439px) {
    .ourcustomers_intro h3, .design_box h3 {
      margin-top: 30px; } }
  @media only screen and (max-width: 991px) {
    .ourcustomers_intro h3, .design_box h3 {
      margin-top: 0px; } }
  @media only screen and (max-width: 559px) {
    .ourcustomers_intro h3, .design_box h3 {
      margin-top: 5px;
      padding-top: 20px; } }
.ourcustomers_intro article, .design_box article {
  max-width: 100%; }
.ourcustomers_intro aside, .design_box aside {
  max-width: 470px;
  padding-right: 30px; }
  @media only screen and (max-width: 1023px) {
    .ourcustomers_intro aside, .design_box aside {
      padding-right: 0px; } }
  @media only screen and (max-width: 991px) {
    .ourcustomers_intro aside, .design_box aside {
      max-width: 100%; } }
.ourcustomers_intro .col-md-pull-6 aside, .design_box .col-md-pull-6 aside {
  margin: 0 0 0 auto; }

.aftersales_listbox:nth-child(1) article {
  margin-top: 0; }
  @media only screen and (max-width: 991px) {
    .aftersales_listbox:nth-child(1) article figure {
      margin-bottom: 20px; } }
@media only screen and (max-width: 991px) {
  .aftersales_listbox:nth-child(1) figure {
    margin-bottom: 20px; } }
.aftersales_listbox article b {
  font-weight: normal; }
.aftersales_listbox h2 {
  color: #181e20;
  font-size: 35px;
  font-family: 'ABook';
  letter-spacing: 1px;
  margin-bottom: 120px;
  letter-spacing: 3px;
  text-transform: uppercase; }
  @media only screen and (max-width: 991px) {
    .aftersales_listbox h2 {
      margin-bottom: 60px;
      font-size: 27px; } }
  @media only screen and (max-width: 559px) {
    .aftersales_listbox h2 {
      margin-bottom: 40px;
      font-size: 25px; } }
.aftersales_listbox h3 {
  margin-top: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: "ABook"; }

.design_box figure {
  overflow: hidden; }
  .design_box figure img {
    min-width: 800px;
    width: auto;
    position: relative;
    -webkit-transform: translateX(-50%);
    -khtml-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%; }
    @media only screen and (max-width: 767px) {
      .design_box figure img {
        min-width: 100%;
        width: 100%; } }
.design_box aside {
  max-width: 70%; }
  @media only screen and (max-width: 1199px) {
    .design_box aside {
      max-width: 100%; } }
.design_box h3 {
  margin-top: 10px;
  background: none !important; }
  @media only screen and (max-width: 767px) {
    .design_box h3 {
      font-size: 27px; } }
.design_box article ul {
  list-style: none;
  padding: 0; }
  .design_box article ul li {
    padding: 8px 0;
    font-size: 20px;
    color: #5a6366;
    font-family: 'ABook'; }
    @media only screen and (max-width: 767px) {
      .design_box article ul li {
        font-size: 14px;
        padding: 10px 0; } }

.ourTeamForm h2 {
  margin-bottom: 75px;
  padding-bottom: 15px;
  text-transform: uppercase;
  font-size: 38px;
  color: #181e20;
  font-family: 'ARegular';
  letter-spacing: 3px;
  margin-top: 55px; }
  @media only screen and (max-width: 991px) {
    .ourTeamForm h2 {
      margin-bottom: 50px; } }
  @media only screen and (max-width: 559px) {
    .ourTeamForm h2 {
      font-size: 25px; } }
.ourTeamForm .btnarea a {
  font-family: 'ABook';
  font-size: 18px;
  letter-spacing: 1px;
  text-transform: uppercase; }
.ourTeamForm .joinOurTeamForm {
  margin-top: 40px;
  margin-bottom: 50px; }
.ourTeamForm .showhideArea {
  display: none; }

.file {
  visibility: hidden;
  position: absolute; }

.backbtn {
  text-align: right;
  margin-bottom: 50px; }
  .backbtn .btnarea a {
    text-transform: uppercase;
    font-family: 'ARegular';
    letter-spacing: 1px; }
    @media only screen and (max-width: 559px) {
      .backbtn .btnarea a {
        width: 100%;
        text-align: center; } }

.landingpage {
  font-size: 0;
  height: 92.3vh;
  overflow: hidden; }
  @media only screen and (max-width: 767px) {
    .landingpage {
      height: 100vh;
      overflow-y: scroll; } }
  .landingpage .landingbox {
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: 33.2%;
    margin-left: .2%;
    height: 100%; }
    @media only screen and (max-width: 767px) {
      .landingpage .landingbox {
        display: block;
        width: 100%;
        margin-left: 0;
        margin-bottom: 3px; } }
    .landingpage .landingbox:nth-child(1) {
       
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover; }
      .landingpage .landingbox:nth-child(1):hover:before {
        left: 0; }
      .landingpage .landingbox:nth-child(1):after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -khtml-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 150px;
        height: 530px;
        background-image: url("../img/landing/smallarrow1.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100%; }
      .landingpage .landingbox:nth-child(1):before {
        -webkit-transition: 0.3s ease;
        -khtml-transition: 0.3s ease;
        -moz-transition: 0.3s ease;
        -ms-transition: 0.3s ease;
        -o-transition: 0.3s ease;
        transition: 0.3s ease;
        content: "";
        display: block;
        position: absolute;
        left: -314px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -khtml-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 314px;
        height: 100%;
        background-image: url("../img/landing/smallarrow1-big.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100%; }
      .landingpage .landingbox:nth-child(1) a {
        color: #5a5798; }
        .landingpage .landingbox:nth-child(1) a:hover {
          background: #5a5798; }
    .landingpage .landingbox:nth-child(2) {
       
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover; }
      .landingpage .landingbox:nth-child(2):hover:before {
        left: 0; }
      .landingpage .landingbox:nth-child(2):after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -khtml-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 150px;
        height: 530px;
        background-image: url("../img/landing/smallarrow2.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100%; }
      .landingpage .landingbox:nth-child(2):before {
        -webkit-transition: 0.3s ease;
        -khtml-transition: 0.3s ease;
        -moz-transition: 0.3s ease;
        -ms-transition: 0.3s ease;
        -o-transition: 0.3s ease;
        transition: 0.3s ease;
        content: "";
        display: block;
        position: absolute;
        left: -314px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -khtml-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 314px;
        height: 100%;
        background-image: url("../img/landing/smallarrow2-big.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100%; }
      .landingpage .landingbox:nth-child(2) a {
        color: #5d7534; }
        .landingpage .landingbox:nth-child(2) a:hover {
          background: #5d7534; }
    .landingpage .landingbox:nth-child(3) {
       
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover; }
      .landingpage .landingbox:nth-child(3):hover:before {
        left: 0; }
      .landingpage .landingbox:nth-child(3):after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -khtml-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 150px;
        height: 530px;
        background-image: url("../img/landing/smallarrow3.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100%; }
      .landingpage .landingbox:nth-child(3):before {
        -webkit-transition: 0.3s ease;
        -khtml-transition: 0.3s ease;
        -moz-transition: 0.3s ease;
        -ms-transition: 0.3s ease;
        -o-transition: 0.3s ease;
        transition: 0.3s ease;
        content: "";
        display: block;
        position: absolute;
        left: -314px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -khtml-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 314px;
        height: 100%;
        background-image: url("../img/landing/smallarrow3-big.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100%; }
      .landingpage .landingbox:nth-child(3) a {
        color: #2a578e; }
        .landingpage .landingbox:nth-child(3) a:hover {
          background: #2a578e; }
    .landingpage .landingbox article {
      content: "";
      display: block;
      position: absolute;
      bottom: 15%;
      left: 0;
      right: 0;
      padding: 0 15%;
      z-index: 5000; }
      .landingpage .landingbox article h2 {
        color: #fff;
        font-size: 45px;
        font-family: 'ARegular';
        text-transform: uppercase;
        margin-bottom: 15px; }
      .landingpage .landingbox article .btnarealanding a {
        font-size: 18px;
        font-family: 'ARegular';
        background: #fff;
        line-height: 37px;
        display: inline-block;
        padding: 0 15px;
        -webkit-transition: 0.3s ease;
        -khtml-transition: 0.3s ease;
        -moz-transition: 0.3s ease;
        -ms-transition: 0.3s ease;
        -o-transition: 0.3s ease;
        transition: 0.3s ease; }
        .landingpage .landingbox article .btnarealanding a:hover {
          color: #fff;
          text-decoration: none; }
    .landingpage .landingbox:nth-child(1) {
      margin-left: 0; }

.landingSec .logoAndThemeName {
  margin-left: auto; }
.landingSec .themeName {
  width: auto; }

.WWDnewsection {
  color: #5a6366;
  font-size: 20px;
  font-family: 'ARegular';
  margin-bottom: 0 !important; }
  @media only screen and (max-width: 991px) {
    .WWDnewsection {
      margin-top: 0px; } }

.readmorebtn a {
  letter-spacing: 2px; }

/*# sourceMappingURL=style.css.map */