body {
  margin: 0px 0px 0px 0px !important;
  padding: 0px 0px 0px 0px;
  font-family: 'Encode Sans Semi Condensed', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #303030;
  font-size: 15px;
  line-height: 23px;
  text-align: left;
}

* {
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  box-sizing: border-box;
}

*:focus {
  outline: none;
}

::-moz-selection {
  background-color: #000000;
  color: #ffffff;
}

::selection {
  background-color: #000000;
  color: #ffffff;
}

section,
header,
footer,
article,
form {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  display: block;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

.clear {
  clear: both;
  font-size: 1px;
  line-height: 0px;
}

.spacer {
  height: 30px;
  font-size: 1px;
  line-height: 0px;
}


/* FOOTER SECTION */

.footerSection {
  margin: 0px 0px 0px 0px;
  width: 100%;
  min-width: 1110px;
  background-color: #707271;
  box-sizing: border-box;
}

.footerSection.blue {
  background-color: #009fe3;
}

.footerContent {
  width: 1110px;
}

.footerBox {
  margin: 0px 0px 0px 0px;
  padding: 40px 0px 40px 0px;
  width: 222px;
  float: left;
  box-sizing: border-box;
  white-space: nowrap;
  opacity: 0.7;
}

.footerBox div {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Encode Sans Semi Condensed', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #ffffff;
  font-size: 16px;
  line-height: 20px;
  text-align: left;
  box-sizing: border-box;
  display: block;
}

.footerBox span {
  margin: 0px 0px 0px 0px;
  padding: 35px 0px 0px 0px;
  font-family: 'Encode Sans Semi Condensed', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  font-size: 16px;
  line-height: 20px;
  text-align: left;
  box-sizing: border-box;
  display: block;
}

.footerBox a {
  color: #ffffff;
}

.footerBox a:hover {
  color: #7accee;
}

.copyrightSection {
  margin: 0px 0px 0px 0px;
  width: 100%;
  min-width: 1110px;
  background-color: #707271;
  box-sizing: border-box;
}

.copyrightSection.blue {
  background-color: #009fe3;
}

.copyrightHolder {
  width: 1110px;
}

.copyrightText {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 40px 0px;
  font-family: 'Encode Sans Semi Condensed', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
}

.copyrightSection .copyrightText a,
.copyrightSection.blue .copyrightText a {
  color: #ffffff;
}

.copyrightSection .copyrightText a:hover,
.copyrightSection.blue .copyrightText a:hover {
  color: #7accee;
}

@media screen and (max-width: 800px) {

  .footerSection {
    display: none;
  }

  .copyrightSection {
    min-width: 800px;
  }

  .copyrightHolder {
    width: 100%;
  }

  .copyrightText {
    padding: 40px 0px 40px 0px;
    font-size: 24px;
    line-height: 27px;
  }

}


/* MENU SECTION */

#menuSection {
  width: 100%;
  min-width: 1110px;
  height: 120px;
}

#menuContainer {
  width: 100%;
  min-width: 1110px;
  min-height: 120px;
  z-index: 500;
  background-color: #f4f2f2;
}

#menuHolder {
  width: 1110px;
  position: relative;
  z-index: 500;
}

#logo {
  margin: auto;
  width: 270px;
  font-size: 1px;
  line-height: 0px;
  position: absolute;
  left: 0px;
  top: 31px;
  z-index: 100;
}

#logo img {
  width: 270px;
  height: 58px;
}

#logo img:hover {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.6;
}

#menu {
  margin: 0px 150px 0px 0px;
  padding: 0px 0px 0px 0px;
  position: absolute;
  right: 0px;
  top: 36px;
  z-index: 100;
  display: block;
}

#menu-icon {
  float: right;
  margin: 0px 30px 0px 0px;
  display: none;
  font-family: Arial, serif;
  font-style: normal;
  color: #706f6f;
  font-size: 76px;
  line-height: 120px;
  cursor: pointer;
}

#menu .main-menu {
  margin: 13px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  list-style: none;
  float: left;
}

#menu .main-menu li {
  margin: 0px 0px 0px 50px;
  padding: 0px 0px 0px 0px;
  font-family: 'Encode Sans Semi Condensed', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #706f6f;
  font-size: 16px;
  line-height: 22px;
  text-align: left;
  display: inline-block;
  position: relative;
}

#menu .main-menu li a.menu-item {
  color: #706f6f;
}

#menu .main-menu li a.menu-item:hover {
  color: #7accee;
}

#menu .main-menu li a.menu-item.active {
  color: #00a6eb;
  font-weight: 600;
}

#menu .main-menu li a.menu-item.active:hover {
  color: #7accee;
  font-weight: 600;
}

#language {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  position: absolute;
  right: 0px;
  top: 36px;
  z-index: 100;
  display: block;
}

#language .menu-language {
  margin: 13px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  list-style: none;
  float: left;
}

#language .menu-language li {
  margin: 0px 0px 0px 5px;
  padding: 0px 0px 0px 0px;
  font-size: 1px;
  line-height: 0px;
  text-align: left;
  display: inline-block;
  position: relative;
}

#language .flag-item img {
  width: 20px;
  height: 20px;
}

.menuFixed {
  top: -50px;
  position: fixed;
  height: 50px !important;
  min-height: 50px !important;
}

.menuFixed #logo {
  width: 140px !important;
  height: 30px !important;
  top: 10px !important;
}

.menuFixed #logo img {
  width: 140px !important;
  height: 30px !important;
}

.menuFixed #menu {
  top: 0px !important;
}

.menuFixed #language {
  top: 0px !important;
}

@media screen and (max-width: 800px) {

  #menuSection {
    min-width: 800px;
  }

  #menuContainer {
    min-width: 800px;
  }

  #menuHolder {
    width: 800px;
  }

  #logo {
    left: 30px;
  }

  #menu {
    margin: 0px 0px 0px 0px;
    position: static;
    float: none;
    display: none;
  }

  #menu-icon {
    display: block;
  }

  #menu .main-menu {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: none;
  }

  #menu .main-menu li {
    margin: 0px 0px 0px 0px;
    padding: 30px 0px 30px 30px;
    font-family: 'Encode Sans Semi Condensed', sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #ffffff;
    font-size: 40px;
    line-height: 54px;
    text-align: left;
    display: block;
    position: relative;
    background-color: #f4f2f2;
    border-top: 1px solid #706f6f;
  }

  #menu .main-menu li:last-child {
    border-bottom: 1px solid #706f6f;
  }

  #language {
    right: 200px;
    top: 35px;
  }

  #language .menu-language {
    margin: 0px 0px 0px 0px;
  }

  #language .menu-language li {
    margin: 0px 0px 0px 25px;
  }

  #language .flag-item img {
    width: 50px;
    height: 50px;
  }

}


/* SPLASH SECTION */

#splashSection {
  width: 100%;
  min-width: 1110px;
  height: 520px;
}

#splashHolder {
  width: 100%;
  height: 520px;
  position: relative;
  overflow: hidden;
}

.Splash {
  height: 520px;
  overflow: hidden;
  font-size: 1px;
  line-height: 0px;
}

.splashItem {
  width: 100%;
  height: 520px;
  background-size: cover;
  background-position: 50% 50%;
  overflow: hidden;
  font-size: 1px;
  line-height: 0px;
}

.splashItemInsideHolder {
  width: 1110px;
  text-align: left;
  position: relative;
}

.splashItemText {
  margin: 0px 0px 0px 0px;
  padding: 15px 15px 15px 15px;
  top: 350px;
  left: 0px;
  font-family: 'Roboto Slab', serif;
  font-weight: 300;
  font-style: normal;
  color: #000000;
  font-size: 50px;
  line-height: 60px;
  text-align: left;
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.7);
  position: absolute;
}

.splashItemQuote {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  top: 120px;
  left: 50px;
  font-family: 'Roboto Slab', serif;
  font-weight: 300;
  font-style: normal;
  color: #ffffff;
  font-size: 20px;
  line-height: 30px;
  text-align: left;
  display: inline-block;
  position: absolute;
}

@media screen and (max-width: 800px) {

  #splashSection {
    min-width: 800px;
  }

  .splashItemInsideHolder {
    width: 800px;
  }

  .splashItemText {
    left: 30px;
  }

  .splashItemQuote {
    left: 30px;
  }

}


/* SECTTION DEFAULT */

.sectionBlue {
  width: 100%;
  min-width: 1110px;
  background-color: #009fe3;
}

.sectionWhite {
  width: 100%;
  min-width: 1110px;
  background-color: #f4f2f2;
}

.sectionGray {
  width: 100%;
  min-width: 1110px;
  background-color: #707271;
}

.sectionGrey {
  width: 100%;
  min-width: 1110px;
  background-color: #b2b2b1;
}

.sectionLightBlue {
  width: 100%;
  min-width: 1110px;
  background-color: #7accee;
}

@media screen and (max-width: 800px) {

  .sectionBlue,
  .sectionWhite,
  .sectionGray,
  .sectionGrey,
  .sectionLightBlue {
    min-width: 800px;
  }

}


/* SECTION - HOME */

.sectionHome {
  padding: 40px 0px 40px 0px;
  width: 1110px;
}

.sectionHomeFlex {
  padding: 40px 0px 40px 0px;
  width: 1110px;
}

.homeBackground1 {
  background-image: url('/images/home1.png');
}

#splashSectionNews {
  width: 100%;
  min-width: 1110px;
  height: 500px;
}

#splashHolderNews {
  width: 100%;
  height: 500px;
  position: relative;
  overflow: hidden;
}

.SplashNews {
  height: 500px;
  overflow: hidden;
  font-size: 1px;
  line-height: 0px;
}

.splashItemNews {
  width: 100%;
  height: 500px;
  background-size: cover;
  background-position: 50% 50%;
  overflow: hidden;
  font-size: 1px;
  line-height: 0px;
}

@media screen and (max-width: 800px) {

  .sectionHome {
    padding: 40px 30px 40px 30px;
    width: 800px;
  }

  .sectionHomeFlex {
    padding: 40px 0px 40px 0px;
    width: 800px;
  }

  #splashSectionNews {
    min-width: 800px;
  }

}


/* SECTION - ABOUT */

.sectionAbout {
  padding: 40px 0px 40px 0px;
  width: 1110px;
}

.sectionAboutFlex {
  padding: 40px 0px 40px 0px;
  width: 1110px;
  webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.partnerHolder {
  margin: 40px 0px 0px 0px;
}

.partnerLogo {
  margin: 20px 25px 20px 25px;
  font-size: 1px;
  line-height: 0px;
  display: inline-block;
}

.smartItemLeft {
  width: 555px;
  float: left;
}

.smartItemRight {
  width: 555px;
  float: right;
}

.smartItem {
  padding: 20px 0px 0px 0px;
}

.smartTitle {
  margin: 20px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Encode Sans Semi Condensed', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #009fe3;
  font-size: 20px;
  line-height: 22px;
  text-align: left;
}

.smartDesc {
  width: 535px !important;
  margin: 0px 0px 0px 0px;
  padding: 10px 20px 0px 30px;
  font-family: 'Encode Sans Semi Condensed', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #333333;
  font-size: 16px;
  line-height: 20px;
  text-align: left;
  display: none;
}

@media screen and (max-width: 800px) {

  .sectionAbout {
    padding: 40px 30px 40px 30px;
    width: 800px;
  }

  .sectionAboutFlex {
    padding: 40px 30px 40px 30px !important;
    width: 800px;
  }

  .smartItemLeft {
    width: 740px;
    float: none;
  }

  .smartItemRight {
    width: 740px;
    float: none;
  }

  .smartItem {
    padding: 20px 0px 0px 0px;
  }

  .smartTitle {
    font-size: 30px;
    line-height: 45px;
  }

  .smartDesc {
    width: 740px !important;
    font-size: 28px;
    line-height: 45px;
  }

}


/* SECTION - TECHNOLOGY */

.sectionTechnology {
  padding: 40px 0px 40px 0px;
  width: 1110px;
}

.sectionTechnologyImage {
  padding: 0px 0px 0px 0px;
  width: 1110px;
}

.splashTechnologyImage {
  width: 555px;
  float: left;
  text-align: left;
  font-size: 1px;
  line-height: 0px;
}

.splashTechnologyText {
  padding: 40px 0px 0px 30px;
  width: 555px;
  float: right;
}

#splashSectionTechnology {
  width: 100%;
  min-width: 555px;
  height: 520px;
}

#splashHolderTechnology {
  width: 100%;
  height: 520px;
  position: relative;
  overflow: hidden;
}

.SplashTechnology {
  height: 520px;
  overflow: hidden;
  font-size: 1px;
  line-height: 0px;
}

.splashItemTechnology {
  width: 100%;
  height: 520px;
  overflow: hidden;
  font-size: 1px;
  line-height: 0px;
}

.splashItemTechnology img {
  width: 577px !important;
  height: 520px !important;
}

.arrowTechnology {
  margin: 40px 0px 0px 0px;
  width: 1110px;
  display: table;
}

.arrowTechnology div {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Encode Sans Semi Condensed', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000000;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  width: 135px;
}

.arrowTechnology div:first-child {
  text-align: left;
  width: 250px;
}

.arrowTechnology span {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'FontAwesome';
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  font-size: 50px;
  line-height: 50px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  width: 80px;
}

.arrowTechnology span:before {
  content: '\f105';
}

#splashSectionDownload {
  margin: 40px 0px 0px 0px;
  width: 1008px;
  height: 480px;
}

#splashHolderDownload {
  width: 100%;
  height: 480px;
  position: relative;
}

.SplashDownload {
  height: 480px;
  overflow: hidden;
  font-size: 1px;
  line-height: 0px;
}

.splashItemDownload {
  width: 100%;
  height: 480px;
  overflow: hidden;
  font-size: 1px;
  line-height: 0px;
}

.splashItemDownloadImage {
  font-size: 1px;
  line-height: 0px;
}

.splashItemDownloadImage a {
  pointer-events: none;
  cursor: default;
}

.owl-item.active.center .splashItemDownloadImage a {
  pointer-events: auto;
  cursor: pointer;
}

.splashItemDownloadImage img {
  margin: 80px 0px 0px 0px;
  width: 160px !important;
  height: 206px !important;
  opacity: 0.6;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.owl-item.center .splashItemDownloadImage img,
.owl-item.active.center .splashItemDownloadImage img {
  margin: 0px 0px 0px 0px;
  width: 321px !important;
  height: 413px !important;
  opacity: 1;
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.splashItemDownloadText {
  margin: 0px 0px 0px 0px;
  padding: 10px 60px 0px 60px;
  font-family: 'Encode Sans Semi Condensed', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000000;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  opacity: 0.6;
  webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.owl-item.center .splashItemDownloadText,
.owl-item.active.center .splashItemDownloadText {
  font-family: 'Encode Sans Semi Condensed', sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  opacity: 1;
  webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.splashControlDownload {
  position: absolute;
  top: 180px;
  left: 0px;
  right: 0px;
  -webkit-user-select: none;
  user-select: none;
}

.splashControlDownload .owl-prev,
.splashControlDownload .owl-next {
  font-family: 'FontAwesome' !important;
  color: #000000;
  font-size: 60px;
  line-height: 60px;
  opacity: 1;
}

.splashControlDownload .owl-prev:hover,
.splashControlDownload .owl-next:hover {
  color: #ffffff;
  opacity: 1;
}

.splashControlDownload .owl-prev {
  left: -50px;
}

.splashControlDownload .owl-next {
  right: -50px;
}

@media screen and (max-width: 800px) {

  .sectionTechnology {
    padding: 40px 30px 40px 30px;
    width: 800px;
  }

  .sectionTechnologyImage {
    padding: 0px 0px 0px 0px;
    width: 800px;
  }

  .splashTechnologyImage {
    width: 800px;
    float: none;
  }

  .splashTechnologyText {
    padding: 40px 0px 40px 0px;
    width: 740px;
    float: none;
  }

  #splashSectionTechnology {
    min-width: 800px;
    height: 721px;
  }

  #splashHolderTechnology {
    height: 721px;
  }

  .SplashTechnology {
    height: 721px;
  }

  .splashItemTechnology {
    height: 721px;
  }

  .splashItemTechnology img {
    width: 800px !important;
    height: 721px !important;
  }

  .arrowTechnology {
    width: 740px;
    display: block;
  }

  .arrowTechnology div {
    font-size: 28px;
    line-height: 45px;
    display: block;
    width: 740px;
  }

  .arrowTechnology div:first-child {
    text-align: center;
    width: 740px;
  }

  .arrowTechnology span {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family: 'FontAwesome';
    font-weight: 400;
    font-style: normal;
    color: #ffffff;
    font-size: 50px;
    line-height: 50px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    width: 80px;
  }

  .arrowTechnology span:before {
    content: '\f107';
  }

  #splashSectionDownload {
    width: 640px;
    height: 480px;
  }

  #splashHolderDownload {
    height: 480px;
  }

  .SplashDownload {
    height: 480px;
  }

  .splashItemDownload {
    height: 480px;
  }

  .splashItemDownloadImage img {
    width: 160px !important;
    height: 206px !important;
  }

  .owl-item.center .splashItemDownloadImage img,
  .owl-item.active.center .splashItemDownloadImage img {
    width: 321px !important;
    height: 413px !important;
  }

  .splashItemDownloadText {
    padding: 20px 30px 0px 30px;
    font-size: 20px;
    line-height: 24px;
  }

  .owl-item.center .splashItemDownloadText,
  .owl-item.active.center .splashItemDownloadText {
    font-size: 26px;
    line-height: 32px;
  }

}


/* SECTION - PRODUCTS */

.sectionProducts {
  padding: 40px 0px 40px 0px;
  width: 1110px;
}

.sectionProductsFlex {
  padding: 40px 0px 40px 0px;
  width: 1110px;
  height: 340px;
  vertical-align: middle;
  display: table-cell;
  webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.productsBackground1 {
  background-image: url('/images/products1.png');
}

.productsBackground2 {
  background-image: url('/images/products2.png');
}

.productsBackground3 {
  background-image: url('/images/products3.png');
}

.productsBackground4 {
  background-image: url('/images/products4.png');
}

@media screen and (max-width: 800px) {

  .sectionProducts {
    padding: 40px 30px 40px 30px;
    width: 800px;
  }

  .sectionProductsFlex {
    padding: 460px 0px 40px 0px;
    width: 800px;
  }

}


/* SECTION - GALLERY */

.sectionGallery {
  padding: 40px 0px 40px 0px;
  width: 1110px;
}

#splashSectionGallery {
  margin: 40px 0px 0px 0px;
  width: 1110px;
  height: 633px;
  border: 10px solid #5b96af;
}

#splashHolderGallery {
  width: 100%;
  height: 613px;
  position: relative;
  overflow: hidden;
}

.SplashGallery {
  height: 613px;
  overflow: hidden;
  font-size: 1px;
  line-height: 0px;
}

.splashItemGallery {
  width: 100%;
  height: 613px;
  background-size: cover;
  background-position: 50% 50%;
  overflow: hidden;
  font-size: 1px;
  line-height: 0px;
}

#splashSectionThumb {
  margin: 40px 0px 0px 0px;
  width: 1010px;
  height: 130px;
}

#splashHolderThumb {
  width: 100%;
  height: 130px;
  position: relative;
}

.SplashThumb {
  height: 130px;
  overflow: hidden;
  font-size: 1px;
  line-height: 0px;
}

.splashItemThumb {
  width: 100%;
  height: 130px;
  background-size: cover;
  background-position: 50% 50%;
  overflow: hidden;
  font-size: 1px;
  line-height: 0px;
  cursor: pointer;
}

.splashControlThumb {
  position: absolute;
  top: 35px;
  left: 0px;
  right: 0px;
  -webkit-user-select: none;
  user-select: none;
}

.splashControlThumb .owl-prev,
.splashControlThumb .owl-next {
  font-family: 'FontAwesome' !important;
  color: #000000;
  font-size: 60px;
  line-height: 60px;
  opacity: 1;
}

.splashControlThumb .owl-prev:hover,
.splashControlThumb .owl-next:hover {
  color: #ffffff;
  opacity: 1;
}

.splashControlThumb .owl-prev {
  left: -50px;
}

.splashControlThumb .owl-next {
  right: -50px;
}

#splashSectionPortfolio {
  margin: 40px 0px 0px 0px;
  width: 1008px;
  height: 500px;
}

#splashHolderPortfolio {
  width: 100%;
  height: 500px;
  position: relative;
}

.SplashPortfolio {
  height: 500px;
  overflow: hidden;
  font-size: 1px;
  line-height: 0px;
}

.splashItemPortfolio {
  width: 100%;
  height: 500px;
  overflow: hidden;
  font-size: 1px;
  line-height: 0px;
}

.splashItemPortfolioImage {
  font-size: 1px;
  line-height: 0px;
}

.splashItemPortfolioImage img {
  width: 336px !important;
  height: 400px !important;
}

.splashItemPortfolioText {
  margin: 0px 0px 0px 0px;
  padding: 0px 60px 0px 60px;
  font-family: 'Encode Sans Semi Condensed', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000000;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}

.splashControlPortfolio {
  position: absolute;
  top: 180px;
  left: 0px;
  right: 0px;
  -webkit-user-select: none;
  user-select: none;
}

.splashControlPortfolio .owl-prev,
.splashControlPortfolio .owl-next {
  font-family: 'FontAwesome' !important;
  color: #000000;
  font-size: 60px;
  line-height: 60px;
  opacity: 1;
}

.splashControlPortfolio .owl-prev:hover,
.splashControlPortfolio .owl-next:hover {
  color: #7accee;
  opacity: 1;
}

.splashControlPortfolio .owl-prev {
  left: -50px;
}

.splashControlPortfolio .owl-next {
  right: -50px;
}

@media screen and (max-width: 800px) {

  .sectionGallery {
    padding: 40px 30px 40px 30px;
    width: 800px;
  }

  #splashSectionGallery {
    width: 740px;
    height: 425px;
  }

  #splashHolderGallery {
    height: 405px;
  }

  .SplashGallery {
    height: 405px;
  }

  .splashItemGallery {
    height: 405px;
  }

  #splashSectionThumb {
    width: 640px;
    height: 200px;
  }

  #splashHolderThumb {
    height: 200px;
  }

  .SplashThumb {
    height: 200px;
  }

  .splashItemThumb {
    height: 200px;
  }

  .splashControlThumb {
    top: 60px;
  }

  #splashSectionPortfolio {
    width: 640px;
    height: 500px;
  }

  #splashHolderPortfolio {
    height: 500px;
  }

  .SplashPortfolio {
    height: 500px;
  }

  .splashItemPortfolio {
    height: 500px;
  }

  .splashItemPortfolioImage img {
    width: 336px !important;
    height: 400px !important;
  }

  .splashItemPortfolioText {
    font-size: 24px;
    line-height: 30px;
  }

}


/* SECTION - CONTACT */

.sectionContact {
  padding: 40px 0px 40px 0px;
  width: 1110px;
}

#splashSectionContact {
  margin: 40px 0px 0px 0px;
  width: 1008px;
  height: 550px;
}

#splashHolderContact {
  width: 100%;
  height: 550px;
  position: relative;
}

.SplashContact {
  height: 550px;
  overflow: hidden;
  font-size: 1px;
  line-height: 0px;
}

.splashItemContact {
  width: 100%;
  height: 550px;
  overflow: hidden;
  font-size: 1px;
  line-height: 0px;
}

.splashItemContactImage {
  font-size: 1px;
  line-height: 0px;
  cursor: pointer;
}

.splashItemContactImage img {
  width: 336px !important;
  height: 400px !important;
}

.splashItemContactText {
  margin: 0px 0px 0px 0px;
  padding: 10px 60px 0px 60px;
  font-family: 'Encode Sans Semi Condensed', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000000;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}

.splashLineContact {
  width: 1008px;
  height: 2px;
  top: 400px;
  left: 0px;
  background-color: #009fe3;
  position: absolute;
}

.splashControlContact {
  position: absolute;
  top: 180px;
  left: 0px;
  right: 0px;
  -webkit-user-select: none;
  user-select: none;
}

.splashControlContact .owl-prev,
.splashControlContact .owl-next {
  font-family: 'FontAwesome' !important;
  color: #000000;
  font-size: 60px;
  line-height: 60px;
  opacity: 1;
}

.splashControlContact .owl-prev:hover,
.splashControlContact .owl-next:hover {
  color: #7accee;
  opacity: 1;
}

.splashControlContact .owl-prev {
  left: -50px;
}

.splashControlContact .owl-next {
  right: -50px;
}

.sectionContactForm {
  padding: 0px 0px 0px 0px;
  width: 535px;
}

.sectionContactFormLeft {
  padding: 40px 0px 0px 0px;
  width: 535px;
  float: left;
}

.sectionContactFormRight {
  padding: 40px 0px 0px 0px;
  width: 535px;
  float: right;
}

.inputButton {
  margin: 30px 0px 0px 0px;
  padding: 0px 20px 0px 20px;
  height: 42px;
  font-family: 'Encode Sans Semi Condensed', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #009fe3;
  font-size: 18px;
  line-height: 40px;
  text-align: left;
  background-color: #ffffff;
  border-radius: 5px;
  display: inline-block;
}

.inputButton:hover {
  color: #ffffff;
  background-color: #000000;
}

.inputText {
  margin: 30px 0px 0px 0px;
  padding: 0px 30px 0px 18px;
  width: 535px;
  height: 42px;
  font-family: 'Encode Sans Semi Condensed', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #404041;
  font-size: 15px;
  line-height: 40px;
  text-align: left;
  border: 1px solid #ffffff;
  border-radius: 5px;
}

.inputTextNewsletter {
  margin: 30px 0px 0px 0px;
  padding: 0px 18px 0px 18px;
  width: 535px;
  height: 42px;
  font-family: 'Encode Sans Semi Condensed', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #404041;
  font-size: 15px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #ffffff;
  border-radius: 5px;
}

.inputTextArea {
  margin: 0px 0px 0px 0px;
  padding: 10px 18px 18px 18px;
  width: 535px;
  height: 258px;
  font-family: 'Encode Sans Semi Condensed', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #404041;
  font-size: 15px;
  line-height: 25px;
  text-align: left;
  border: 1px solid #ffffff;
  border-radius: 5px;
}

.inputSelect {
  margin: 0px 0px 0px 0px !important;
  padding: 0px 30px 0px 18px !important;
  width: 535px !important;
  height: 42px !important;
  font-family: 'Encode Sans Semi Condensed', sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  color: #404041 !important;
  font-size: 15px !important;
  line-height: 40px !important;
  text-align: left !important;
  border: 1px solid #ffffff;
  border-radius: 5px !important;
}

.inputSelect:hover {
  border-color: #ffffff !important;
}

.inputSelect:active,
.inputSelect.open,
.inputSelect:focus {
  border-color: #7accee !important;
}

.inputSelect.open .list {
  width: 100%;
  background-color: #dedede !important;
}

.inputSelect .option:hover,
.inputSelect .option.focus,
.inputSelect .option.selected.focus {
  background-color: #7accee !important;
}

::-webkit-input-placeholder {
  color: #888888 !important;
  opacity: 1 !important;
}
:-moz-placeholder {
  color: #888888 !important;
  opacity: 1 !important;
}
::-moz-placeholder {
  color: #888888 !important;
  opacity: 1 !important;
}
:-ms-input-placeholder {
  color: #888888 !important;
  opacity: 1 !important;
}

@media screen and (max-width: 800px) {

  .sectionContact {
    padding: 40px 30px 40px 30px;
    width: 800px;
  }

  #splashSectionContact {
    width: 640px;
    height: 550px;
  }

  #splashHolderContact {
    height: 550px;
  }

  .SplashContact {
    height: 550px;
  }

  .splashItemContact {
    height: 550px;
  }

  .splashItemContactImage img {
    width: 336px !important;
    height: 400px !important;
  }

  .splashItemContactText {
    font-size: 26px;
    line-height: 32px;
  }

  .splashLineContact {
    width: 640px;
  }

  .sectionContactForm {
    width: 740px;
  }

  .sectionContactFormLeft {
    width: 740px;
    float: none;
  }

  .sectionContactFormRight {
    width: 740px;
    float: none;
  }

  .inputButton {
    height: 62px;
    font-size: 30px;
    line-height: 60px;
  }

  .inputText {
    margin: 40px 0px 0px 0px;
    width: 740px;
    height: 62px;
    font-size: 30px;
    line-height: 60px;
  }

  .inputTextNewsletter {
    margin: 40px 0px 0px 0px;
    width: 740px;
    height: 62px;
    font-size: 30px;
    line-height: 60px;
  }

  .inputTextArea {
    width: 740px;
    height: 258px;
    font-size: 30px;
    line-height: 40px;
  }

  .inputSelect {
    width: 740px !important;
    height: 62px !important;
    font-size: 30px !important;
    line-height: 60px !important;
  }

  .inputSelect .option {
    min-height: 60px !important;
    line-height: 60px !important;
  }

}


/* TEXT, BACKGROUND */

h1 {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Roboto Slab', serif;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  font-size: 24px;
  line-height: 28px;
  text-align: left;
}

h2 {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Roboto Slab', serif;
  font-weight: 300;
  font-style: normal;
  color: #ffffff;
  font-size: 48px;
  line-height: 56px;
  text-align: left;
  webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.textLead {
  margin: 5px 0px 30px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Encode Sans Semi Condensed', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  font-size: 20px;
  line-height: 22px;
  text-align: left;
}

.textBody {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Encode Sans Semi Condensed', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  font-size: 18px;
  line-height: 30px;
  text-align: left;
}

.textBody ul {
  margin: 0px 0px 0px 0px;
  padding: 20px 0px 0px 40px;
  list-style: square outside;
}

.textBody li {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Encode Sans Semi Condensed', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  font-size: 18px;
  line-height: 30px;
  text-align: left;
}

.textLeft {
  float: left;
  width: 50%;
}

.textRight {
  float: right;
  width: 50%;
}

.textDesc {
  margin: 5px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Encode Sans Semi Condensed', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  font-size: 20px;
  line-height: 30px;
  text-align: left;
}

.textImage {
  margin: 5px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Encode Sans Semi Condensed', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  font-size: 18px;
  line-height: 30px;
  text-align: left;
}

.textNumber {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Roboto Slab', serif;
  font-weight: 700;
  font-style: normal;
  color: #ffffff;
  font-size: 220px;
  line-height: 120px;
  opacity: 0.1;
}

.textNewsletter {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Encode Sans Semi Condensed', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  font-size: 20px;
  line-height: 22px;
  text-align: center;
}

.leftTextFlex {
  width: 840px;
  float: left;
}

.rightTextFlex {
  width: 840px;
  float: right;
}

.leftTextFlexImage {
  width: 840px;
  float: left;
}

.rightTextFlexImage {
  width: 840px;
  float: right;
}

.leftTextFlexImageWide {
  width: 700px;
  float: left;
}

.rightTextFlexImageWide {
  width: 700px;
  float: right;
}

.leftNumber,
.leftBlank {
  width: 270px;
  float: left;
  text-align: left;
}

.rightNumber,
.rightBlank {
  width: 270px;
  float: right;
  text-align: right;
}

.leftBlankWide {
  width: 410px;
  float: left;
  text-align: left;
}

.rightBlankWide {
  width: 410px;
  float: right;
  text-align: right;
}

.blackText {
  color: #000000;
}

.greyText {
  color: #575756;
}

.blueText {
  color: #009fe3;
}

.leftBackground {
  background-position: right calc((((100% - 1110px) / 2) + 1110px) + 120px) center;
  background-repeat: no-repeat;
}

.rightBackground {
  background-position: left calc((((100% - 1110px) / 2) + 1110px) + 120px) center;
  background-repeat: no-repeat;
}

.leftBackgroundWide {
  background-position: right calc((((100% - 1110px) / 2) + 1110px) + 64px) center;
  background-repeat: no-repeat;
}

.rightBackgroundWide {
  background-position: left calc((((100% - 1110px) / 2) + 1110px) + 64px) center;
  background-repeat: no-repeat;
}


@media screen and (max-width: 800px) {

  h1 {
    font-size: 44px;
    line-height: 48px;
  }

  h2 {
    font-size: 48px;
    line-height: 56px;
  }

  .textLead {
    font-size: 30px;
    line-height: 32px;
  }

  .textBody {
    font-size: 28px;
    line-height: 45px;
  }

  .textBody li {
    font-size: 28px;
    line-height: 45px;
  }

  .textLeft {
    float: left;
    width: 100%;
  }

  .textRight {
    float: left;
    width: 100%;
  }

  .textDesc {
    font-size: 28px;
    line-height: 45px;
  }

  .textImage {
    font-size: 28px;
    line-height: 45px;
  }

  .textNumber {
    font-size: 140px;
  }

  .textNewsletter {
    font-size: 30px;
    line-height: 32px;
  }

  .leftTextFlex {
    width: 560px;
  }

  .rightTextFlex {
    width: 560px;
  }

  .leftTextFlexImage {
    width: 740px;
    float: none;
  }

  .rightTextFlexImage {
    width: 740px;
    float: none;
  }

  .leftTextFlexImageWide {
    width: 740px;
    float: none;
  }

  .rightTextFlexImageWide {
    width: 700px;
    float: none;
  }

  .leftNumber {
    width: 180px;
  }

  .rightNumber {
    width: 180px;
  }

  .leftBlank {
    display: none;
  }

  .rightBlank {
    display: none;
  }

  .leftBlankWide {
    display: none;
  }

  .rightBlankWide {
    display: none;
  }

  .leftBackground {
    background-size: 800px 420px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
  }

  .rightBackground {
    background-size: 800px 420px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
  }

  .leftBackgroundWide {
    background-size: 800px 527px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
  }

  .rightBackgroundWide {
    background-size: 800px 527px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
  }

}


/* GOOGLE MAP */

#map {
  margin: 40px 0px 0px 0px;
  width: 1110px;
  height: 560px;
  border: 1px solid #009fe3;
}

@media screen and (max-width: 800px) {

  #map {
    width: 740px;
    height: 560px;
  }

}

/* AJAX */

#ajaxContentContact {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Encode Sans Semi Condensed', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  font-size: 20px;
  line-height: 22px;
  text-align: center;
}

#ajaxContentNewsletter {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Encode Sans Semi Condensed', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  font-size: 20px;
  line-height: 22px;
  text-align: center;
}

#ajaxContentContact div,
#ajaxContentNewsletter div {
  margin: 30px 0px 0px 0px;
}

@media screen and (max-width: 800px) {

  #ajaxContentContact {
    font-size: 34px;
    line-height: 40px;
  }

  #ajaxContentNewsletter {
    font-size: 34px;
    line-height: 40px;
  }

}


/* MOBILE FIX */

@media screen and (max-width: 800px) {

  .homeBackground1 {
    background-image: none !important;
  }

}


/* VIDEO */

.videoHolder {
  width: 1110px;
  height: 633px;
  border: 10px solid #cccccc;
}

.video {
  width: 1090px;
  height: 613px;
}

@media screen and (max-width: 800px) {

  .videoHolder {
    width: 740px;
    height: 425px;
  }

  .video {
    width: 720px;
    height: 405px;
  }

}


/* LINKS */

a.linkBlue {
  color: #7accee;
}

a.linkBlue:hover {
  color: #000000;
}


/* COOKIE POPUP */

#cookie {
  left: 0px;
  right: 0px;
  bottom: 25px;
  margin: 0px auto;
  max-width: 700px;
  padding: 13px 10px 13px 10px;
  font-family: 'Encode Sans Semi Condensed', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  font-size: 12px;
  line-height: 30px;
  text-align: center;
  background-color: rgba(60, 60, 60, 0.9);
  display: none;
  box-sizing: border-box;
  white-space: nowrap;
  position: fixed;
  z-index: 1000;
}

#cookie a {
  margin: 0px 0px 0px 15px;
  color: #7accee;
}

#cookie a:hover {
  margin: 0px 0px 0px 15px;
  color: #7accee;
  border-bottom: 1px dotted #7accee;
}

#cookie span {
  margin: 0px 0px 0px 15px;
  padding: 0px 8px 0px 8px;
  background-color: #009fe3;
  display: inline-block;
  line-height: 24px;
}

#cookie span a {
  margin: 0px 0px 0px 0px;
  color: #ffffff;
}

#cookie span a:hover {
  margin: 0px 0px 0px 0px;
  color: #000000;
  border-bottom: 0px dotted #999999;
}