body {
  margin: 0px 0px 0px 0px !important;
  padding: 0px 0px 0px 0px;
  font-family: 'Open Sans', Georgia, 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;
}

*:focus {
  outline: none;
}

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

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

.GridMobile {
  display: none;
}

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;
}

.red {
  color: #f26649;
}

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

.colorSchemeDefault {
  background-color: #f8941d;
}

.colorScheme1 {
  background-color: #b4ca3b;
}

.colorScheme2 {
  background-color: #6dd0f7;
}

.colorScheme3 {
  background-color: #f26649;
}

.boxColorScheme1 {
  background-color: #0d8266;
}

.boxColorScheme2 {
  background-color: #6b8f9e;
}

.boxColorScheme3 {
  background-color: #f26649;
}

.boxColorScheme4 {
  background-color: #4a6edb;
}

.boxColorScheme5 {
  background-color: #f47920;
}

.boxColorScheme6 {
  background-color: #334a5e;
}

.boxColorScheme7 {
  background-color: #21bcf4;
}

.boxColorScheme8 {
  background-color: #db4b93;
}

.boxColorSchemeGrey1 {
  background-color: #6d6e71;
}

.boxColorSchemeGrey2 {
  background-color: #333132;
}

.boxColorSchemeGrey3 {
  background-color: #333132;
}

.boxColorSchemeGrey4 {
  background-color: #6d6e71;
}

.boxColorSchemeGrey5 {
  background-color: #58595b;
}

.boxColorSchemeWhite {
  background-color: #ffffff;
}

.boxColorSchemeRef1 {
  background-color: #4d4d4f;
}

.boxColorSchemeRef2 {
  background-color: #f8941d;
}

.boxColorSchemeRef3 {
  background-color: #f8941d;
}

.boxColorSchemeRef4 {
  background-color: #4d4d4f;
}

/* FOOTER SECTION */

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

#footerContent {
  width: 1110px;
}

.footerBox {
  margin: 0px 0px 0px 0px;
  padding: 50px 0px 50px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #ffffff;
  font-size: 12px;
  line-height: 25px;
  text-align: left;
  float: left;
  box-sizing: border-box;
  white-space: nowrap;
}

.footerBox:nth-child(1) {
  width: 250px;
}

.footerBox:nth-child(2) {
  width: 150px;
}

.footerBox:nth-child(3) {
  width: 400px;
}

.footerBox:nth-child(4) {
  width: 310px;
}

.footerBox div {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 15px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #f8941d;
  font-size: 20px;
  line-height: 25px;
  text-align: left;
  box-sizing: border-box;
}

.footerBox span {
  display: block;
}

.footerBox span.partner-logo {
  margin: 0px 18px 18px 0px;
  padding: 0px 0px 0px 0px;
  display: inline-block;
  float: left;
}

.footerBox span.partner-logo img {
  font-size: 1px;
  line-height: 0px;
}

.footerBox a {
  color: #ffffff;
}

.footerBox a:hover {
  color: #f8941d;
}

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

#copyrightHolder {
  width: 1110px;
}

.copyrightText {
  margin: 0px 0px 0px 0px;
  padding: 15px 0px 15px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #ffffff;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
}

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

  #footerSection {
    min-width: 800px;
  }

  #footerContent {
    width: 100%;
  }

  .footerBox {
    padding: 25px 50px 25px 50px;
    font-size: 20px;
    line-height: 45px;
    width: 100%;
    float: none;
  }

  .footerBox div {
    color: #f8941d;
    font-size: 40px;
    line-height: 45px;
  }

  .footerBox:nth-child(1) {
    width: 100%;
  }

  .footerBox:nth-child(2) {
    width: 100%;
  }

  .footerBox:nth-child(3) {
    width: 100%;
  }

  .footerBox:nth-child(4) {
    width: 100%;
  }

  .footerBox:nth-child(1),
  .footerBox:nth-child(3) {
    background-color: #383838;
  }

  .footerBox:nth-child(2),
  .footerBox:nth-child(4) {
    background-color: #404041;
  }

  #copyrightSection {
    min-width: 800px;
  }

  #copyrightHolder {
    width: 100%;
  }

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

}


/* HEADLINE */

h1 {
  margin: 30px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #404041;
  font-size: 40px;
  line-height: 45px;
  text-align: center;
}

h1.maxpadding {
  margin: 60px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #404041;
  font-size: 40px;
  line-height: 45px;
  text-align: center;
}

h1.white {
  margin: 0px 0px 0px 0px;
  padding: 30px 0px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #ffffff;
  font-size: 40px;
  line-height: 45px;
  text-align: center;
}

h2 {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 20px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #ffffff;
  font-size: 20px;
  line-height: 22px;
  text-align: left;
}

h3 {
  margin: 30px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #404041;
  font-size: 20px;
  line-height: 22px;
  text-align: left;
}

h4 {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 20px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #414143;
  font-size: 20px;
  line-height: 22px;
  text-align: left;
}

h4.white {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 20px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #ffffff;
  font-size: 20px;
  line-height: 22px;
  text-align: left;
}

h5 {
  margin: 30px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #404041;
  font-size: 26px;
  line-height: 30px;
  text-align: center;
}

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

  h2 {
    font-size: 30px;
    line-height: 35px;
  }

  h4 {
    font-size: 30px;
    line-height: 35px;
  }

  h4.white {
    font-size: 30px;
    line-height: 35px;
  }

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

}


/* MENU SECTION */

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

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

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

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

#logo img {
  width: 100px;
  height: 100px;
}

#logo-text {
  position: absolute;
  left: 120px;
  top: 20px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #ffffff;
  font-size: 35px;
  line-height: 40px;
  z-index: 100;
  text-align: left;
}

#logo-text div {
  padding: 0px 0px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
  color: #ffffff;
  text-align: left;
  letter-spacing: 4px;
}

#menu {
  margin: 0px 0px 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: #ffffff;
  font-size: 70px;
  line-height: 100px;
  cursor: pointer;
}

#menu-icon-user {
  float: right;
  margin: 0px 30px 0px 0px;
  display: none;
  font-family: Arial, serif;
  font-style: normal;
  color: #ffffff;
  font-size: 70px;
  line-height: 100px;
  cursor: pointer;
}

#menu-icon-user a {
  color: #ffffff;
}

#menu-icon-user a:hover {
  color: #ffffff;
}

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

#menu .main-menu li {
  margin: 0px 0px 0px 8px;
  padding: 0px 0px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #ffffff;
  font-size: 13px;
  line-height: 19px;
  text-align: left;
  display: inline-block;
  position: relative;
}

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

#menu .scheme1 li a.main-item:hover {
  color: #f7941e;
}

#menu .scheme2 li a.main-item:hover {
  color: #bed62f;
}

#menu .scheme3 li a.main-item:hover {
  color: #6ecff6;
}

#menu .scheme4 li a.main-item:hover {
  color: #f26649;
}

.down-menu .menu-down-holder {
  left: -100px;
  width: 530px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #000000;
  font-size: 12px;
  line-height: 24px;
  text-align: left;
  display: none;
  position: absolute;
}

.down-menu:hover .menu-down-holder {
  display: block;
}

.menu-arrow {
  padding: 6px 0px 0px 125px;
  font-size: 1px;
  line-height: 0px;
}

.menu-down-content {
  background-color: rgba(255, 255, 255, 0.8);
}

.menu-down {
  box-sizing: border-box;
  float: left;
}

.menu-down:nth-child(1) {
  padding: 15px 15px 15px 15px;
}

.menu-down:nth-child(2) {
  padding: 15px 15px 15px 0px;
}

.menu-down:nth-child(3) {
  padding: 15px 15px 15px 0px;
}

.menu-down a {
  color: #000000;
}

.menu-down a:hover {
  color: #888888;
}

.menu-social-icon {
  font-size: 24px;
  line-height: 21px;
  vertical-align: top;
}

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

.menuFixed #logo {
  width: 50px !important;
  height: 50px !important;
}

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

.menuFixed #logo-text {
  top: 8px !important;
  left: 64px !important;
  font-size: 20px !important;
  line-height: 22px !important;
}

.menuFixed #logo-text div {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 2px !important;
}

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

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

  #menuSection {
    min-width: 800px;
  }

  #menuContainer {
    min-width: 800px;
  }

  #menuHolder {
    width: 800px;
  }

  #logo {
    left: 0px;
    right: 0px;
  }

  #logo-text {
    display: none;
  }

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

  #menu-icon {
    display: block;
  }

  #menu-icon-user {
    display: block;
  }

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

  #menu .main-menu li {
    margin: 0px 0px 0px 0px;
    padding: 30px 0px 30px 40px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 600;
    font-style: normal;
    color: #ffffff;
    font-size: 40px;
    line-height: 54px;
    text-align: left;
    display: block;
    position: relative;
    background-color: #58585a;
    border-top: 1px solid #ffffff;
  }

  #menu .main-menu li:first-child {
    margin: 0px 0px 0px 0px;
  }

  #menu .main-menu li a.main-item {
    color: #ffffff;
    margin: 0px 0px 0px 0px;
  }

  #menu .scheme1 li a.main-item:hover {
    color: #f7941e;
    margin: 0px 0px 0px 0px;
    border: 0px;
  }

  #menu .scheme2 li a.main-item:hover {
    color: #bed62f;
    margin: 0px 0px 0px 0px;
    border: 0px;
  }

  #menu .scheme3 li a.main-item:hover {
    color: #6ecff6;
    margin: 0px 0px 0px 0px;
    border: 0px;
  }

  #menu .scheme4 li a.main-item:hover {
    color: #f26649;
    margin: 0px 0px 0px 0px;
    border: 0px;
  }

  #menu .main-menu li.icon {
    display: none;
  }

  .down-menu:hover .menu-down-holder {
    display: none;
  }

}


/* SPLASH SECTION */

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

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

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

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

.splashContainer {
  margin: 0px 0px 0px 70px;
  width: 1110px;
  height: 525px;
  text-align: left;
  box-sizing: border-box;
}

.splashTextHolder {
  width: 400px;
  background-color: rgba(255, 255, 255, 0.8);
}

.splashTitle {
  margin: 0px 0px 0px 0px;
  padding: 15px 15px 15px 15px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #231f20;
  font-size: 30px;
  line-height: 35px;
  text-align: left;
}

.splashText {
  margin: 0px 0px 0px 0px;
  padding: 0px 15px 15px 15px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #231f20;
  font-size: 18px;
  line-height: 22px;
  text-align: left;
}

.showcaseControl {
  position: absolute;
  bottom: 50px;
  left: 0px;
  right: 0px;
}

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

  #splashSection {
    min-width: 800px;
  }

  .splashContainer {
    width: 800px;
  }

  .splashTextHolder {
    width: 500px;
  }

  .splashTitle {
    font-size: 35px;
    line-height: 40px;
  }

  .splashText {
    font-size: 25px;
    line-height: 30px;
  }

}


/* MAIN BOX SECTION */

#mainBox {
  margin: 0px 0px 0px 0px;
  padding: 30px 0px 30px 0px;
  width: 100%;
  min-width: 1110px;
  background: url('/images/main-background.jpg') no-repeat 50% 50%;
  background-size: cover;
}

.mainBoxContent {
  width: 1110px;
}

#boxDock {
  width: 264px;
  height: 264px;
}

.innerBox {
  width: 264px;
  height: 264px;
}

.boxDock1 {
  margin: 0px 18px 0px 0px;
  background-color: #b4ca3b;
  float: left;
  background: url('/images/main-box-1.jpg') no-repeat 50% 50%;
  background-size: cover;
}

.boxDock2 {
  margin: 0px 18px 0px 0px;
  background-color: #6dd0f7;
  float: left;
  background: url('/images/main-box-2.jpg') no-repeat 50% 50%;
  background-size: cover;
}

.boxDock3 {
  margin: 0px 18px 0px 0px;
  background-color: #f26649;
  float: left;
  background: url('/images/main-box-3.jpg') no-repeat 50% 50%;
  background-size: cover;
}

.boxDock4 {
  margin: 18px 18px 0px 0px;
  background-color: #b4ca3b;
  float: left;
  background: url('/images/main-box-4.jpg?t=0527') no-repeat 50% 50%;
  background-size: cover;
}

.boxDock5 {
  margin: 18px 18px 0px 0px;
  background-color: #6dd0f7;
  float: left;
  background: url('/images/main-box-5.jpg') no-repeat 50% 50%;
  background-size: cover;
}

.boxDock6 {
  margin: 18px 0px 0px 0px;
  background-color: #f26649;
  float: left;
  background: url('/images/main-box-6.jpg') no-repeat 50% 50%;
  background-size: cover;
}

.boxDockWhite1 {
  margin: 0px 0px 0px 0px;
  background-color: rgba(255, 255, 255, 0.4);
  float: left;
}

.boxDockWhite1-2 {
  margin: 0px 18px 0px 0px;
  background-color: rgba(255, 255, 255, 0.4);
  float: left;
}

.boxDockWhite2 {
  margin: 18px 18px 0px 0px;
  background-color: rgba(255, 255, 255, 0.4);
  float: left;
}

.boxDock1:hover {
  background: transparent;
  background-color: #bed62f;
}

.boxDock2:hover {
  background: transparent;
  background-color: #6ecff6;
}

.boxDock3:hover {
  background: transparent;
  background-color: #f26649;
}

.boxDock4:hover {
  background: transparent;
  background-color: #f7941e;
}

.boxDock5:hover {
  background: transparent;
  background-color: #f7941e;
}

.boxDock1:hover {
  background: url('/images/main-box-1-hover.jpg') no-repeat 50% 50%;
  background-size: cover;
  transition: background 0.5s ease;
}

.boxDock2:hover {
  background: url('/images/main-box-2-hover.jpg') no-repeat 50% 50%;
  background-size: cover;
  transition: background 0.5s ease;
}

.boxDock3:hover {
  background: url('/images/main-box-3-hover.jpg') no-repeat 50% 50%;
  background-size: cover;
  transition: background 0.5s ease;
}

.boxDock4:hover {
  background: url('/images/main-box-4-hover.jpg?t=0527') no-repeat 50% 50%;
  background-size: cover;
  transition: background 0.5s ease;
}

.boxDock5:hover {
  background: url('/images/main-box-5-hover.jpg') no-repeat 50% 50%;
  background-size: cover;
  transition: background 0.5s ease;
}

.boxDock6:hover {
  background: url('/images/main-box-6-hover.jpg') no-repeat 50% 50%;
  background-size: cover;
  transition: background 0.5s ease;
}

.boxDock1:hover .boxLogo,
.boxDock1:hover .boxText {
  opacity: 0;
  transition: opacity 0.2s ease;
}

.boxDock2:hover .boxLogo,
.boxDock2:hover .boxText {
  opacity: 0;
  transition: opacity 0.2s ease;
}

.boxDock3:hover .boxLogo,
.boxDock3:hover .boxText {
  opacity: 0;
  transition: opacity 0.2s ease;
}

.boxDock4:hover .boxLogo,
.boxDock4:hover .boxText {
  opacity: 0;
  transition: opacity 0.2s ease;
}

.boxDock5:hover .boxLogo,
.boxDock5:hover .boxText {
  opacity: 0;
  transition: opacity 0.2s ease;
}

.boxDock6:hover .boxLogo,
.boxDock6:hover .boxText {
  opacity: 0;
  transition: opacity 0.2s ease;
}

.boxLogo {
  line-height: 0px;
  font-size: 1px;
  padding: 91px 0px 0px 0px;
  text-align: center;
}

.boxText {
  margin: 10px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  font-size: 28px;
  line-height: 32px;
  text-align: center;
}

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

  #mainBox {
    margin: 30px 0px 0px 0px;
    width: 800px;
    min-width: 800px;
  }

  .mainBoxContent {
    width: 800px;
  }

  #boxDock {
    margin: 30px 30px 0px 30px !important;
    width: 355px;
    height: 355px;
  }

  #boxDock:nth-child(1),
  #boxDock:nth-child(2) {
    margin-top: 0px !important;
  }

  #boxDock:nth-child(2n) {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  #boxDock:nth-child(4) {
    display: block;
  }

  .boxDockWhite1 {
    display: none !important;
  }

  .boxDockWhite2 {
    display: none !important;
  }

  #boxDock .linksBoxLogo {
    padding: 60px 0px 0px 0px;
  }

  .innerBox {
    width: 355px;
    height: 355px;
  }

}


/* LINKS BOX SECTION */

#linksBox {
  margin: 30px 0px 0px 0px;
  width: 1110px;
}

#linksDock {
  margin: 0px 0px 0px 18px;
  width: 358px;
  float: left;
}

#linksDock:first-child {
  margin: 0px 0px 0px 0px;
}

.innerLinksBox {
  width: 358px;
}

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

.linksBoxTitle {
  margin: 20px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #404041;
  font-size: 24px;
  line-height: 30px;
  text-align: center;
}

.linksBoxText {
  margin: 20px 0px 0px 0px;
  padding: 0px 50px 0px 50px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #404041;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
}

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

  #linksBox {
    margin: 30px 0px 0px 0px;
    width: 800px;
  }

  #linksDock {
    margin: 0px 30px 0px 30px !important;
    width: 355px;
  }

  #linksDock:nth-child(2) {
    display: none;
  }

  #linksDock:nth-child(3) {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .innerLinksBox {
    width: 355px;
  }

  .linksBoxText {
    margin: 20px 0px 0px 0px;
    padding: 0px 20px 0px 20px;
    font-size: 18px;
    line-height: 24px;
  }

}


/* LIST BOX SECTION */

#listBox {
  margin: 0px 0px 0px 0px;
  width: 1110px;
}

#listDock {
  margin: 18px 0px 0px 18px;
  width: 546px;
  height: 264px;
  float: left;
}

#listDock:nth-child(1),
#listDock:nth-child(2) {
  margin-top: 30px;
}

#listDock:nth-child(2n-1) {
  margin-left: 0px;
}

.innerBoxList {
  width: 546px;
  height: 264px;
}

.innerBoxList div:first-child {
  float: left;
}

.innerBoxList div:last-child {
  float: right;
}

#listDock:nth-child(4n+3) .innerBoxList div:first-child,
#listDock:nth-child(4n+4) .innerBoxList div:first-child {
  float: right;
}

#listDock:nth-child(4n+3) .innerBoxList div:last-child,
#listDock:nth-child(4n+4) .innerBoxList div:last-child {
  float: left;
}

.listBoxImage {
  width: 264px;
  height: 264px;
  line-height: 0px;
  font-size: 1px;
}

.listBoxImage img {
  width: 264px;
  height: 264px;
}

.listBoxImageSpecial {
  width: 264px;
  height: 264px;
  line-height: 0px;
  font-size: 1px;
}

.listBoxImageSpecial img {
  width: 264px;
  height: 264px;
}

.listBoxText {
  width: 264px;
  height: 264px;
  margin: 0px 0px 0px 0px;
  padding: 20px 20px 20px 20px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #ffffff;
  font-size: 15px;
  line-height: 18px;
  text-align: left;
  display: inline-block;
  box-sizing: border-box;
}

.listBoxTextAlter {
  width: 264px;
  height: 264px;
  margin: 0px 0px 0px 0px;
  padding: 20px 20px 20px 20px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #ffffff;
  font-size: 15px;
  line-height: 18px;
  text-align: left;
  display: inline-block;
  box-sizing: border-box;
}

.listBoxRefContent {
  width: 264px;
  height: 264px;
}

.listBoxTextWide {
  width: 264px;
  height: 123px;
  margin: 0px 0px 0px 0px;
  padding: 0px 20px 0px 20px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #ffffff;
  font-size: 18px;
  line-height: 24px;
  text-align: left;
  display: table-cell;
  vertical-align: middle;
  float: none !important;
}

.listBoxImage1x1 {
  margin: 18px 0px 0px 0px !important;
  width: 123px;
  height: 123px;
  line-height: 0px;
  font-size: 1px;
  float: left !important;
}

.listBoxImage1x1:last-child {
  margin: 18px 0px 0px 18px !important;
}

.listBoxImage1x1 img {
  width: 123px;
  height: 123px;
}

.listBoxImage1x1Show {
  margin: 18px 0px 0px 0px !important;
  width: 123px;
  height: 123px;
  line-height: 0px;
  font-size: 1px;
  float: left !important;
}

.listBoxImage1x1Show:nth-child(1),
.listBoxImage1x1Show:nth-child(2) {
  margin-top: 0px !important;
}

.listBoxImage1x1Show:nth-child(2),
.listBoxImage1x1Show:nth-child(4) {
  margin-left: 18px !important;
}

.listBoxImage1x1Show img {
  width: 123px;
  height: 123px;
}

.listBoxImage1x1Special {
  margin: 18px 0px 0px 0px !important;
  width: 123px;
  height: 123px;
  line-height: 0px;
  font-size: 1px;
  float: left !important;
  background-color: #808080;
}

.listBoxImage1x1Special:last-child {
  margin: 18px 0px 0px 18px !important;
}

.listBoxImage1x1Special img {
  width: 123px;
  height: 123px;
}

.listBoxImage1x1Special a {
  width: 123px;
  height: 123px;
  background-color: #ffffff;
  display: block;
}

.listBoxImage1x1Special a:hover {
  width: 123px;
  height: 123px;
  background-color: #000000;
  display: block;
}

.listBoxTextSpecial {
  width: 264px;
  height: 264px;
  margin: 0px 0px 0px 0px;
  padding: 20px 20px 20px 20px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #414143;
  font-size: 15px;
  line-height: 18px;
  text-align: left;
  display: inline-block;
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, 0.7);
}

.listBoxTextPartner {
  width: 264px;
  height: 264px;
  margin: 0px 0px 0px 0px;
  padding: 20px 20px 20px 20px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  font-size: 15px;
  line-height: 18px;
  text-align: left;
  display: inline-block;
  box-sizing: border-box;
}

.listBoxTextPartner span {
  font-size: 12px;
  line-height: 18px;
}

.listBoxTextPartner a {
  color: #ffffff;
}

.listBoxTextPartner a:hover {
  color: #ffffff;
  border-bottom: 1px dotted #ffffff;
}

.listBoxTextHome {
  width: 264px;
  height: 264px;
  margin: 0px 0px 0px 0px;
  padding: 20px 20px 20px 20px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #ffffff;
  font-size: 15px;
  line-height: 18px;
  text-align: left;
  display: inline-block;
  box-sizing: border-box;
}

.boxColor1 {
  background-color: #b4ca3b;
}

.boxColor2 {
  background-color: #6dd0f7;
}

.boxColor3 {
  background-color: #f26649;
}

.innerBoxList:hover .listBoxText {
  background-color: #f8941d !important;
  -webkit-transition: background-color 0.1s linear;
  -ms-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}

.innerBoxList:hover .listBoxTextAlter {
  background-color: #f26649 !important;
  -webkit-transition: background-color 0.1s linear;
  -ms-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}

.innerBoxList:hover .listBoxImage {
  opacity: 0.8 !important;
  -webkit-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.innerBoxList:hover .listBoxImage1x1 {
  opacity: 0.8 !important;
  -webkit-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.innerBoxList:hover .listBoxTextWide {
  background-color: #000000 !important;
  -webkit-transition: background-color 0.1s linear;
  -ms-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}

#categoryInfoSection {
  margin: 30px 0px 0px 0px;
  width: 1110px;
}

.categoryInfoBox {
  width: 546px;
  float: left;
}

.categoryInfoBox:nth-child(1) {
  margin: 0px 18px 0px 0px;
}

.categoryInfoBox:nth-child(2) {
  margin: 0px 0px 0px 0px;
}

.categoryInfoHolder {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #24201f;
  font-size: 12px;
  line-height: 18px;
  text-align: left;
}

.categoryInfoHolder div {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 15px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #f8941d;
  font-size: 20px;
  line-height: 22px;
}

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

.categoryInfoHolder ul li {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #24201f;
  font-size: 12px;
  line-height: 18px;
  text-align: left;
}

.categoryInfoDefaultBox {
  width: 546px;
  height: 90px;
  float: left;
}

.categoryInfoDefaultBox:nth-child(1) {
  margin: 0px 18px 0px 0px;
  background-color: #58585a;
}

.categoryInfoDefaultBox:nth-child(2) {
  margin: 0px 0px 0px 0px;
  background-color: #f47920;
}

.categoryInfoDefaultHolder {
  margin: 0px 0px 0px 0px;
  padding: 15px 15px 0px 15px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
}

.categoryInfoDefaultHolder a {
  color: #ffffff;
}

.categoryInfoDefaultHolder a:hover {
  color: #000000;
  border-bottom: 1px dotted #000000;
}

#categoryInfo {
  margin: 30px 0px 0px 0px;
  width: 900px;
}

.categoryText {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #404041;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
}

.categoryText a {
  color: #f8941d;
}

.categoryText a:hover {
  color: #f8941d;
  border-bottom: 1px dotted #f8941d;
}

.categoryBacklink {
  margin: 5px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #404041;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
}

.categoryBacklink a {
  color: #404041;
}

.categoryBacklink a:hover {
  color: #f8941d;
  border-bottom: 1px dotted #f8941d;
}

.categoryBacklink .fa {
  font-size: 12px;
  line-height: 18px;
}

.categoryBacklinkProduct {
  margin: 5px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #404041;
  font-size: 14px;
  line-height: 18px;
  text-align: left;
}

.categoryBacklinkProduct a {
  color: #404041;
}

.categoryBacklinkProduct a:hover {
  color: #f8941d;
  border-bottom: 1px dotted #f8941d;
}

.categoryBacklinkProduct .fa {
  font-size: 12px;
  line-height: 18px;
}

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

  #listBox {
    width: 800px;
  }

  #listDock {
    margin: 30px 0px 0px 30px !important;
    width: 740px;
    height: 355px;
  }

  .innerBoxList {
    width: 740px;
    height: 355px;
  }

  .innerBoxList div:first-child {
    float: left !important;
  }

  .innerBoxList div:last-child {
    float: right !important;
  }

  #listDock:nth-child(2n+2) .innerBoxList div:first-child,
  #listDock:nth-child(2n+2) .innerBoxList div:first-child {
    float: right !important;
  }

  #listDock:nth-child(2n+2) .innerBoxList div:last-child,
  #listDock:nth-child(2n+2) .innerBoxList div:last-child {
    float: left !important;
  }

  .listBoxImage {
    width: 355px;
    height: 355px;
  }

  .listBoxImage img {
    width: 355px;
    height: 355px;
  }

  .listBoxImageSpecial {
    width: 355px;
    height: 355px;
  }

  .listBoxImageSpecial img {
    width: 355px;
    height: 355px;
  }

  .listBoxText {
    width: 355px;
    height: 355px;
    padding: 20px 20px 20px 20px;
    font-size: 22px;
    line-height: 26px;
  }

  .listBoxTextAlter {
    width: 355px;
    height: 355px;
    padding: 20px 20px 20px 20px;
    font-size: 22px;
    line-height: 26px;
  }

  .listBoxRefContent {
    width: 355px;
    height: 355px;
  }

  .listBoxTextWide {
    width: 355px;
    height: 162px;
    display: table-cell;
    vertical-align: middle;
    float: none !important;
  }

  .listBoxImage1x1 {
    margin: 30px 0px 0px 0px !important;
    width: 162px;
    height: 162px;
    line-height: 0px;
    font-size: 1px;
    float: left !important;
  }

  .listBoxImage1x1:last-child {
    margin: 30px 0px 0px 30px !important;
  }

  .listBoxImage1x1 img {
    width: 162px;
    height: 162px;
  }

  .listBoxImage1x1Show {
    margin: 30px 0px 0px 0px !important;
    width: 162px;
    height: 162px;
    line-height: 0px;
    font-size: 1px;
    float: left !important;
  }

  .listBoxImage1x1Show:nth-child(1),
  .listBoxImage1x1Show:nth-child(2) {
    margin-top: 0px !important;
  }

  .listBoxImage1x1Show:nth-child(2),
  .listBoxImage1x1Show:nth-child(4) {
    margin-left: 30px !important;
  }

  .listBoxImage1x1Show img {
    width: 162px;
    height: 162px;
  }

  .listBoxImage1x1Special {
    margin: 30px 0px 0px 0px !important;
    width: 162px;
    height: 162px;
    line-height: 0px;
    font-size: 1px;
    float: left !important;
  }

  .listBoxImage1x1Special:last-child {
    margin: 30px 0px 0px 30px !important;
  }

  .listBoxImage1x1Special img {
    width: 162px;
    height: 162px;
  }

  .listBoxImage1x1Special a {
    width: 162px;
    height: 162px;
  }

  .listBoxImage1x1Special a:hover {
    width: 162px;
    height: 162px;
  }

  .listBoxTextSpecial {
    width: 355px;
    height: 355px;
    padding: 20px 20px 20px 20px;
    font-size: 22px;
    line-height: 26px;
  }

  .listBoxTextPartner {
    width: 355px;
    height: 355px;
    padding: 20px 20px 20px 20px;
    font-size: 22px;
    line-height: 26px;
  }

  .listBoxTextPartner span {
    font-size: 16px;
    line-height: 18px;
  }

  .listBoxTextHome {
    width: 355px;
    height: 355px;
    padding: 20px 20px 20px 20px;
    font-size: 22px;
    line-height: 26px;
  }

  #categoryInfoSection {
    margin: 30px 0px 0px 0px;
    width: 800px;
  }

  .categoryInfoBox {
    width: 740px;
    margin: 0px 0px 0px 30px !important;
  }

  .categoryInfoBox:nth-child(2) {
    margin: 30px 0px 0px 30px !important;
  }

  .categoryInfoHolder {
    font-size: 20px;
    line-height: 26px;
  }

  .categoryInfoHolder div {
    font-size: 36px;
    line-height: 39px;
  }

  .categoryInfoHolder ul {
    padding: 0px 0px 0px 30px;
  }

  .categoryInfoHolder ul li {
    font-size: 20px;
    line-height: 26px;
  }

  .categoryInfoDefaultBox {
    width: 740px;
    height: 100px;
    margin: 0px 0px 0px 30px !important;
  }

  .categoryInfoDefaultBox:nth-child(2) {
    margin: 30px 0px 0px 30px !important;
  }

  .categoryInfoDefaultHolder {
    font-size: 18px;
    line-height: 23px;
  }

  #categoryInfo {
    width: 740px;
  }

  .categoryText {
    font-size: 20px;
    line-height: 26px;
  }

}


/* PRODUCT SECTION */

#productSection {
  margin: 30px 0px 0px 0px;
  width: 1110px;
}

#productDock:nth-child(1) {
  margin: 0px 30px 0px 0px;
  width: 350px;
  float: left;
}

#productDock:nth-child(2) {
  margin: 0px 0px 0px 0px;
  width: 730px;
  float: left;
}

#productDock h1 {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #404041;
  font-size: 30px;
  line-height: 35px;
  text-align: left;
}

.productText {
  margin: 20px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #404041;
  font-size: 14px;
  line-height: 20px;
  text-align: justify;
}

.productText a {
  color: #f8941d;
}

.productText a:hover {
  color: #f8941d;
  border-bottom: 1px dotted #f8941d;
}

.productFeatures {
  margin: 20px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #404041;
  font-size: 14px;
  line-height: 20px;
  text-align: justify;
}

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

.productFeatures ul li {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #404041;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
}

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

.galleryImage {
  margin: 18px 0px 0px 0px;
  font-size: 1px;
  line-height: 0px;
  width: 166px;
  height: 166px;
  float: left;
}

.galleryImage:nth-child(1) {
  margin: 0px 0px 0px 0px;
  width: 350px;
  height: 350px;
}

.galleryImage:nth-child(2n) {
  margin: 18px 18px 0px 0px;
}

.galleryImage img {
  width: 166px;
  height: 166px;
}

.galleryImage #mainImage {
  width: 350px;
  height: 350px;
}

#videoDock {
  margin: 30px 0px 0px 0px;
  width: 350px;
  height: 150px;
  background-color: #f26649;
  float: left;
}

.innerVideoBox {
  width: 350px;
  height: 150px;
}

#videoDock:hover {
  background-color: #404041;
  -webkit-transition: background-color 0.1s linear;
  -ms-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}

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

.videoText {
  margin: 10px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #ffffff;
  font-size: 25px;
  line-height: 25px;
  text-align: center;
}

#productProperties {
  margin: 30px 0px 0px 0px;
  padding: 0px 0px 30px 0px;
  width: 100%;
  min-width: 1110px;
  background: url('/images/background.jpg') no-repeat 50% 50%;
  background-size: cover;
}

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

  #productSection {
    margin: 30px 0px 0px 0px;
    width: 800px;
    display: flex;
    flex-wrap: wrap;
  }

  #productDock {
    width: 740px !important;
    float: none;
  }

  #productDock:nth-child(1) {
    margin: 30px 0px 0px 30px;
    order: 2;
  }

  #productDock:nth-child(2) {
    margin: 0px 0px 0px 30px;
    order: 1;
  }

  .productText {
    font-size: 22px;
    line-height: 26px;
  }

  .productFeatures {
    font-size: 22px;
    line-height: 26px;
  }

  .productFeatures ul {
    padding: 0px 0px 0px 30px;
  }

  .productFeatures ul li {
    font-size: 22px;
    line-height: 26px;
  }

  #videoDock {
    display: none;
  }

  .galleryImage {
    margin: 30px 30px 0px 0px !important;
    width: 355px !important;
    height: 355px !important;
  }

  .galleryImage:nth-child(1),
  .galleryImage:nth-child(2) {
    margin-top: 0px !important;
  }

  .galleryImage:nth-child(2n) {
    margin-right: 0px !important;
  }

  .galleryImage img {
    width: 355px !important;
    height: 355px !important;
  }

  #productProperties {
    width: 800px;
    min-width: 800px;
  }

}


/* PAGER SECTION */

#pager {
  margin: 30px 0px 0px 0px;
  width: 100%;
  min-width: 1110px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #ffffff;
  font-size: 18px;
  line-height: 22px;
}

#pager span {
  padding: 4px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 30px;
  height: 30px;
  text-align: center;
  background-color: #bababa;
  display: inline-block;
  box-sizing: border-box;
}

#pager span.pager-active {
  padding: 4px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 30px;
  height: 30px;
  text-align: center;
  background-color: #f8941d;
  display: inline-block;
  box-sizing: border-box;
}

#pager a {
  padding: 4px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #ffffff;
  background-color: #58585a;
  display: inline-block;
  box-sizing: border-box;
}

#pager a:hover {
  padding: 4px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #ffffff;
  background-color: #f8941d;
  display: inline-block;
  box-sizing: border-box;
}

#pager .fa {
  font-weight: 400;
  font-size: 14px;
  line-height: 12px;
}

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

  #pager {
    width: 800px;
    min-width: 800px;
  }

}


/* NEWS SECTION */

#newsMain {
  margin: 30px 0px 0px 0px;
  padding: 0px 0px 30px 0px;
  width: 100%;
  min-width: 1110px;
  background: url('/images/background-blog.jpg') no-repeat 50% 50%;
  background-size: cover;
}

.newsStamp {
  margin: 5px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #404041;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
}

.newsStampBox {
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #ffffff;
  font-size: 12px;
  line-height: 14px;
  text-align: left;
  display: block;
}

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

  #newsMain {
    width: 800px;
    min-width: 800px;
  }

}


/* NEWS GALLERY */

#newsGalleryContent {
  margin: 30px 0px 0px 0px;
  padding: 30px 0px 30px 0px;
  width: 100%;
  min-width: 1110px;
  background-color: #dedede;
  background-size: cover;
}

#newsGalleryHolder {
  width: 1110px;
}

.galleryNewsImage {
  margin: 18px 18px 0px 0px;
  font-size: 1px;
  line-height: 0px;
  width: 264px;
  height: 264px;
  float: left;
}

.galleryNewsImage:nth-child(1),
.galleryNewsImage:nth-child(2),
.galleryNewsImage:nth-child(3),
.galleryNewsImage:nth-child(4) {
  margin-top: 0px;
}

.galleryNewsImage:nth-child(4n) {
  margin-right: 0px;
}

.galleryNewsImage img {
  width: 264px;
  height: 264px;
}

.galleryNewsImage:hover {
  opacity: 0.8 !important;
  -webkit-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

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

  #newsGalleryContent {
    width: 800px;
    min-width: 800px;
  }

  #newsGalleryHolder {
    width: 800px;
  }

  .galleryNewsImage {
    margin: 30px 0px 0px 0px !important;
    width: 355px;
    height: 355px;
  }

  .galleryNewsImage:nth-child(1),
  .galleryNewsImage:nth-child(2) {
    margin-top: 0px !important;
  }

  .galleryNewsImage:nth-child(1n) {
    margin-left: 30px !important;
  }

  .galleryNewsImage img {
    width: 355px;
    height: 355px;
  }

}


/* NEWSLETTER SECTION */

#newsletterSection {
  margin: 30px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 100%;
  min-width: 1110px;
}

#newsletterDock {
  width: 555px;
}

.newsletterHolder:nth-child(1) {
  float: left;
}

.newsletterHolder:nth-child(2) {
  float: right;
}

.fieldInputNewsletter {
  margin: 0px 0px 0px 0px;
  padding: 0px 10px 0px 10px;
  width: 400px;
  height: 48px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #404041;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
  box-sizing: border-box;
  border: 1px solid #aaaaaa;
}

.buttonNewsletter {
  margin: 0px 0px 0px 0px;
}

.buttonNewsletter a {
  margin: 0px 0px 0px 0px;
  padding: 15px 15px 15px 15px;
  width: 125px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #ffffff;
  font-size: 14px;
  line-height: 18px;
  text-align: left;
  background-color: #f8941d;
  box-sizing: border-box;
  display: inline-block;
}

.buttonNewsletter a:hover {
  background-color: #303030;
}

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

  #newsletterSection {
    width: 800px;
    min-width: 800px;
  }

  #newsletterDock {
    width: 740px;
  }

  .fieldInputNewsletter {
    width: 550px;
    font-size: 28px;
    line-height: 48px;
  }

  .buttonNewsletter a {
    width: 160px;
    font-size: 18px;
    line-height: 18px;
  }

}


/* STATIC CONTENT */

#staticContent {
  margin: 30px 0px 0px 0px;
  width: 1110px;
}

#staticContentNewsletterMain {
  margin: 30px 0px 0px 0px;
  background-color: #cccccc;
  width: 800px;
}

#staticContentNewsletter {
  margin: 30px 0px 0px 0px;
  background-color: #ededed;
  width: 800px;
}

#staticContentBackground {
  margin: 30px 0px 0px 0px;
  padding: 0px 0px 30px 0px;
  width: 100%;
  min-width: 1110px;
  background: #404040 url('/images/background.jpg') no-repeat 50% 50%;
  background-size: cover;
}

#staticContentBackground2 {
  margin: 0px 0px 0px 0px;
  padding: 1px 0px 30px 0px;
  width: 100%;
  min-width: 1110px;
  background: url('/images/background2.jpg') no-repeat 50% 50%;
  background-size: cover;
}

#staticContentBackground3 {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 30px 0px;
  width: 100%;
  min-width: 1110px;
  background: url('/images/background3.jpg') no-repeat 50% 50%;
  background-size: cover;
}

#staticContentBackground4 {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 30px 0px;
  width: 100%;
  min-width: 1110px;
  background: #c1c1c1;
  background-size: cover;
}

#staticContentBackground5 {
  margin: 30px 0px 0px 0px;
  padding: 1px 0px 30px 0px;
  width: 100%;
  min-width: 1110px;
  background: url('/images/background5.jpg') no-repeat 50% 50%;
  background-size: cover;
}

#staticContentBackground6 {
  margin: 0px 0px 0px 0px;
  padding: 30px 0px 60px 0px;
  width: 100%;
  min-width: 1110px;
  background-color: #414042;
}

#staticContentCatalogue {
  margin: 0px 0px 0px 0px;
  padding: 30px 0px 80px 0px;
  width: 100%;
  min-width: 1110px;
  background-color: #dbd9dc;
  overflow: hidden;
}

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

.staticText {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #404041;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}

.staticText a {
  font-weight: 600;
  color: #f8941d;
}

.staticText a:hover {
  font-weight: 600;
  color: #f8941d;
  border-bottom: 1px dotted #f8941d;
}

.staticTextNewsletter {
  margin: 0px 0px 0px 0px;
  padding: 20px 20px 20px 20px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #404041;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
}

.staticTextNewsletter a {
  font-weight: 600;
  color: #f8941d;
}

.staticTextNewsletter a:hover {
  font-weight: 600;
  color: #f8941d;
  border-bottom: 1px dotted #f8941d;
}

.staticTextWhite {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #ffffff;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}

.staticTextWhite a {
  font-weight: 600;
  color: #f8941d;
}

.staticTextWhite a:hover {
  font-weight: 600;
  color: #f8941d;
  border-bottom: 1px dotted #f8941d;
}

.staticTextNoHeader {
  margin: 0px 0px 0px 0px;
  padding: 30px 0px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #404041;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}

.staticTextWhiteNoHeader {
  margin: 0px 0px 0px 0px;
  padding: 30px 0px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #ffffff;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}

.staticTextMessage {
  margin: 0px 0px 30px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #ffffff;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}

.staticContentHolder {
  margin: 0px 0px 0px 30px;
  width: 350px;
  float: left;
}

.staticContentHolder:first-child {
  margin: 0px 0px 0px 0px;
}

.staticContentHolder .staticText {
  text-align: left;
}

#houseContent {
  margin: 30px 0px 0px 0px;
  font-size: 1px;
  line-height: 0px;
}

#houseContent img {
  width: 1110px;
}

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

  #staticContent {
    width: 800px;
  }

  #staticContentBackground {
    width: 800px;
    min-width: 800px;
  }

  #staticContentBackground2 {
    width: 800px;
    min-width: 800px;
  }

  #staticContentBackground3 {
    width: 800px;
    min-width: 800px;
  }

  #staticContentBackground4 {
    width: 800px;
    min-width: 800px;
  }

  #staticContentBackground5 {
    width: 800px;
    min-width: 800px;
  }

  #staticContentBackground6 {
    width: 800px;
    min-width: 800px;
  }

  #staticContentCatalogue {
    width: 800px;
    min-width: 800px;
  }

  .staticText {
    padding: 0px 30px 0px 30px;
    font-size: 20px;
    line-height: 26px;
  }

  .staticTextWhite {
    padding: 0px 30px 0px 30px;
    font-size: 20px;
    line-height: 26px;
  }

  .staticTextNoHeader {
    padding: 30px 30px 0px 30px;
    font-size: 20px;
    line-height: 26px;
  }

  .staticTextWhiteNoHeader {
    padding: 30px 30px 0px 30px;
    font-size: 20px;
    line-height: 26px;
  }

  .staticContentHolder {
    margin: 30px 0px 0px 0px;
    width: 800px;
    float: none;
  }

  .staticContentHolder:first-child {
    margin: 0px 0px 0px 0px;
  }

  .staticContentHolder:nth-child(2) .staticText {
    font-size: 35px;
    line-height: 40px;
  }

  .staticContentHolder .staticText {
    text-align: center;
  }

  .staticContentHolder iframe {
    width: 800px !important;
    height: 500px !important;
  }

  #houseContent img {
    width: 800px;
  }

}


/* DESIGN BOX */

#designBox {
  margin: 30px 0px 0px 0px;
  width: 1110px;
}

#designDock {
  margin: 0px 0px 0px 18px;
  width: 264px;
  height: 264px;
  float: left;
}

#designDockAlter {
  margin: 0px 0px 0px 18px;
  width: 264px;
  height: 264px;
  float: left;
}

#designDockWide {
  margin: 0px 0px 0px 18px;
  width: 546px;
  height: 264px;
  float: left;
}

#designDock:nth-child(1) {
  margin: 0px 0px 0px 0px;
}

#designDock:nth-child(2) {
  margin: 0px 0px 0px 18px;
}

#designDock:nth-child(4) {
  margin: 18px 0px 0px 0px;
}

#designDock:nth-child(5) {
  margin: 18px 0px 0px 18px;
}

#designDock:nth-child(6) {
  margin: 18px 0px 0px 18px;
}

#designDock:nth-child(7) {
  margin: 18px 0px 0px 18px;
}

#designDockAlter:nth-child(1) {
  margin: 0px 0px 0px 0px;
}

#designDockAlter:nth-child(2) {
  margin: 0px 0px 0px 18px;
}

#designDockAlter:nth-child(3) {
  margin: 0px 0px 0px 18px;
}

#designDockAlter:nth-child(4) {
  margin: 0px 0px 0px 18px;
}

.innerDesignBox {
  width: 264px;
  height: 264px;
}

.innerDesignBoxWide {
  width: 546px;
  height: 264px;
}

.designColor {
  background-color: #f8941d;
}

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

.designImage img {
  width: 264px;
  height: 264px;
}

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

.designImageWide img {
  width: 546px;
  height: 264px;
}

.designTextBox {
  width: 204px;
  height: 264px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #ffffff;
  font-size: 16px;
  line-height: 22px;
  text-align: left;
  display: table-cell;
  vertical-align: middle;
}

.designTextBoxWhite {
  width: 486px;
  height: 264px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #58585a;
  font-size: 16px;
  line-height: 22px;
  text-align: left;
  display: table-cell;
  vertical-align: middle;
}

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

  #designBox {
    width: 800px;
  }

  #designDock {
    margin: 0px 0px 0px 30px;
    width: 355px;
    height: 355px;
    float: left;
  }

  #designDock:nth-child(1) {
    margin: 0px 0px 0px 30px;
  }

  #designDock:nth-child(2) {
    margin: 0px 0px 0px 30px;
  }

  #designDock:nth-child(4) {
    margin: 30px 0px 0px 30px;
  }

  #designDock:nth-child(5) {
    margin: 30px 0px 0px 30px;
  }

  #designDock:nth-child(6) {
    margin: 30px 0px 0px 30px;
  }

  #designDock:nth-child(7) {
    margin: 30px 0px 0px 30px;
  }

  #designDockWide {
    margin: 30px 0px 0px 30px;
    width: 740px;
    height: 355px;
    float: left;
  }

  #designDockAlter {
    margin: 0px 0px 0px 30px;
    width: 355px;
    height: 355px;
    float: left;
  }

  #designDockAlter:nth-child(1) {
    margin: 0px 0px 0px 30px;
  }

  #designDockAlter:nth-child(2) {
    margin: 0px 0px 0px 30px;
  }

  #designDockAlter:nth-child(3) {
    margin: 30px 0px 0px 30px;
  }

  #designDockAlter:nth-child(4) {
    margin: 30px 0px 0px 30px;
  }

  .innerDesignBox {
    width: 355px;
    height: 355px;
  }

  .innerDesignBoxWide {
    width: 740px;
    height: 355px;
  }

  .designImage img {
    width: 355px;
    height: 355px;
  }

  .designImageWide img {
    width: 740px;
    height: 357px;
  }

  .designTextBox {
    width: 315px;
    height: 355px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 300;
    font-style: normal;
    color: #ffffff;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
  }

  .designTextBoxWhite {
    width: 680px;
    height: 355px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 300;
    font-style: normal;
    color: #58585a;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
  }

}


/* COLOR BOX */

#colorBox {
  margin: 30px 0px 0px 0px;
  width: 1110px;
}

#colorDock {
  margin: 18px 0px 0px 18px;
  width: 358px;
  height: 358px;
  float: left;
}

#colorDock:nth-child(1),
#colorDock:nth-child(2),
#colorDock:nth-child(3) {
  margin-top: 0px;
}

#staticContentBackground #colorDock:nth-child(1),
#staticContentBackground #colorDock:nth-child(2),
#staticContentBackground #colorDock:nth-child(3) {
  margin-top: 30px;
}

#colorDock:nth-child(3n-2) {
  margin-left: 0px;
}

.innerColorBox {
  width: 358px;
  height: 358px;
}

.colorBoxColor1 {
  background-color: #b4ca3b;
}

.colorBoxColor2 {
  background-color: #6dd0f7;
}

.colorBoxColor3 {
  background-color: #f26649;
}

.colorBoxTitle {
  margin: 50px 30px 30px 30px;
  padding: 0px 0px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  font-size: 40px;
  line-height: 40px;
  text-align: left;
}

.colorBoxText {
  margin: 0px 30px 0px 30px;
  padding: 0px 0px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #ffffff;
  font-size: 15px;
  line-height: 18px;
  text-align: left;
}

.colorBoxSpecialTitle {
  margin: 30px 30px 30px 30px;
  padding: 0px 0px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  font-size: 25px;
  line-height: 30px;
  text-align: center;
}

.colorBoxSpecialText {
  margin: 0px 30px 0px 30px;
  padding: 0px 0px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #ffffff;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
}

.colorBoxSpecialText a {
  color: #ffffff;
}

.colorBoxSpecialText a:hover {
  color: #f8941d;
  border-bottom: 1px dotted #f8941d;
}

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

.colorBoxImage img {
  width: 358px;
  height: 358px;
}

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

  #colorBox {
    display: none;
  }

  #staticContentBackground #colorBox {
    width: 800px;
    display: flex;
    flex-wrap: wrap;
  }

  #staticContentBackground #colorDock {
    margin: 30px 0px 0px 30px;
    width: 355px;
    height: 355px;
    float: left;
  }

  #staticContentBackground #colorDock:nth-child(1) {
    order: 1;
  }

  #staticContentBackground #colorDock:nth-child(2) {
    order: 2;
  }

  #staticContentBackground #colorDock:nth-child(3) {
    order: 4;
  }

  #staticContentBackground #colorDock:nth-child(4) {
    order: 3;
  }

  #staticContentBackground #colorDock:nth-child(5) {
    order: 6;
  }

  #staticContentBackground #colorDock:nth-child(6) {
    display: none;
    order: 7;
  }

  #staticContentBackground #colorDock:nth-child(7) {
    order: 5;
  }

  #staticContentBackground #colorDock:nth-child(8) {
    order: 8;
  }

  #staticContentBackground #colorDock:nth-child(9) {
    order: 9;
  }

  #staticContentBackground .innerColorBox {
    width: 355px;
    height: 355px;
  }

  #staticContentBackground .colorBoxImage img {
    width: 355px;
    height: 355px;
  }

}


/* REFERENCE */

#referenceContent {
  margin: 30px 0px 0px 0px;
  width: 1110px;
}

.galleryReferenceImage {
  margin: 18px 18px 0px 0px;
  font-size: 1px;
  line-height: 0px;
  width: 264px;
  height: 264px;
  float: left;
}

.galleryReferenceImage:nth-child(1),
.galleryReferenceImage:nth-child(2),
.galleryReferenceImage:nth-child(3),
.galleryReferenceImage:nth-child(4) {
  margin-top: 0px;
}

.galleryReferenceImage:nth-child(4n) {
  margin-right: 0px;
}

.galleryReferenceImage img {
  width: 264px;
  height: 264px;
}

.galleryReferenceImage:hover {
  opacity: 0.8 !important;
  -webkit-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

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

  #referenceContent {
    width: 800px;
  }

  .galleryReferenceImage {
    margin: 30px 0px 0px 0px !important;
    width: 355px;
    height: 355px;
  }

  .galleryReferenceImage:nth-child(1),
  .galleryReferenceImage:nth-child(2) {
    margin-top: 0px !important;
  }

  .galleryReferenceImage:nth-child(1n) {
    margin-left: 30px !important;
  }

  .galleryReferenceImage img {
    width: 355px;
    height: 355px;
  }

}


/* USER SECTION */

#userContentSection {
  margin: 0px 0px 0px 0px;
  width: 1110px;
}

.userFieldText {
  margin: 30px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #404041;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
}

.userFieldText a {
  color: #f8941d;
}

.userFieldText a:hover {
  color: #404041;
}

.userFieldText span {
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #f26649;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
}

.userFieldTextSub {
  margin: 2px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #404041;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
}

.userFieldTextError {
  margin: 5px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #f26649;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
}

.userFieldInput {
  margin: 10px 0px 0px 0px;
  padding: 10px 10px 10px 10px;
  width: 300px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #404041;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
  box-sizing: border-box;
  border: 1px solid #aaaaaa;
}

.userFieldInput2 {
  margin: 10px 0px 0px 0px;
  padding: 10px 10px 10px 10px;
  width: 500px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #404041;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
  box-sizing: border-box;
  border: 1px solid #aaaaaa;
}

.fieldInputContactTextArea2 {
  margin: 10px 0px 0px 0px;
  padding: 10px 10px 10px 10px;
  width: 500px;
  height: 250px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #404041;
  font-size: 15px;
  line-height: 18px;
  text-align: left;
  box-sizing: border-box;
  border: 1px solid #aaaaaa;
}

.userFieldCheckbox {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 500px;
  display: block;
  font-size: 1px;
  line-height: 0px;
}

.userFieldCheckboxFix {
  width: 140px;
}

.userFieldCheckbox:after {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  display: block;
  font-size: 1px;
  line-height: 0px;
  content: '';
  visibility: hidden;
  clear: both;
}

.userFieldCheckboxGroup {
  margin: 30px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  display: block;
  font-size: 1px;
  line-height: 0px;
  float: left;
  box-sizing: border-box;
}

.userFieldCheckboxHidden {
  display: none;
}

.userFieldCheckboxText {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #404041;
  font-size: 15px;
  line-height: 18px;
  text-align: left;
  cursor: pointer;
}

.userFieldCheckboxText a {
  font-weight: 600;
  color: #f8941d;
}

.userFieldCheckboxText a:hover {
  font-weight: 600;
  color: #f8941d;
  border-bottom: 1px dotted #f8941d;
}

.userFieldCheckboxText span {
  margin: 0px 10px 0px 0px;
  padding: 0px 0px 0px 0px;
  display: inline-block;
  font-family: 'FontAwesome';
  font-weight: normal;
  font-style: normal;
  color: #cccccc;
  font-size: 15px;
  line-height: 1px;
}

.userFieldCheckboxText span:before {
  content: '\f10c';
}

.userFieldCheckboxGroup :checked + .userFieldCheckboxText span:before {
  color: #f8941d;
  content: '\f058';
}

.userButton {
  margin: 30px 0px 0px 0px;
}

.userButton a {
  margin: 0px 0px 0px 0px;
  padding: 15px 15px 15px 15px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #ffffff;
  font-size: 14px;
  line-height: 18px;
  text-align: left;
  background-color: #f8941d;
  display: inline-block;
}

.userButton a:hover {
  background-color: #303030;
}

.userButtonBig {
  margin: 30px 0px 0px 0px;
}

.userButtonBig a {
  margin: 0px 0px 0px 0px;
  padding: 30px 30px 30px 30px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #ffffff;
  font-size: 30px;
  line-height: 34px;
  text-align: left;
  background-color: #f8941d;
  display: inline-block;
}

.userButtonBig a:hover {
  background-color: #303030;
}

.userInlineCenterButton {
  margin: 20px 0px 0px 0px;
  text-align: center;
}

.userInlineCenterButton a {
  margin: 0px 0px 0px 20px;
  padding: 0px 0px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #f8941d;
  font-size: 14px;
  line-height: 14px;
  text-align: left;
}

.userInlineCenterButton a:first-child {
  margin: 0px 0px 0px 0px;
}

.userInlineCenterButton a:hover {
  color: #303030;
}

#fake-password {
  width: 1px;
  height: 1px;
  opacity: 0;
  position: absolute;
  top: -200px;
  left: -200px;
}

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

  #userContentSection {
    margin: 0px 0px 0px 0px;
    width: 800px;
  }

  .userFieldInput {
    margin: 30px 0px 0px 0px;
    padding: 10px 10px 10px 10px;
    width: 500px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #404041;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #aaaaaa;
  }

}


/* COOKIE POPUP */

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

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

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

#cookie span {
  margin: 0px 0px 0px 15px;
  padding: 0px 8px 0px 8px;
  background-color: #f7941e;
  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;
}

#GridProduct {
  width: 1110px;
}

.GridProductBlack {
  width: 100%;
  min-width: 1110px;
  background-color: #424244;
  padding: 30px 0px 60px 0px;
}

.GridProductWhite {
  width: 100%;
  min-width: 1110px;
  padding: 30px 0px 60px 0px;
}

.GridSection {
  margin: 100px 0px 0px 0px;
  width: 1110px;
}

#GridProduct .GridSection:first-child {
  margin: 30px 0px 0px 0px;
}

.GridSection:after {
  content: '';
  display: block;
  clear: both;
}

.GridItem {
  width: 123px;
  height: 123px;
  font-size: 1px;
  line-height: 0px;
}

.GridColor1 {
  background-color: #b4ca3b;
}

.GridColor2 {
  background-color: #f7941e;
}

.GridColor3 {
  background-color: #6dd0f7;
}

.GridColor4 {
  background-color: #f26649;
}

.GridColor1-1 {
  background-color: #f0f4d8;
}

.GridColor2-1 {
  background-color: #feead2;
}

.GridColorGray1 {
  background-color: #333333;
}

.GridColorGray2 {
  background-color: #4d4d4d;
}

.GridColorGray3 {
  background-color: #808080;
}

.GridColorGray4 {
  background-color: #dedede;
}

.GridColorGray5 {
  background-color: #d3d2d2;
}

.GridLogo {
  line-height: 0px;
  font-size: 1px;
  padding: 91px 0px 0px 0px;
  text-align: center;
}

.GridLogo img {
  width: 81px !important;
  height: 81px !important;
}

.GridLogoText {
  margin: 10px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  font-size: 28px;
  line-height: 32px;
  text-align: center;
}

.GridTitle {
  height: 123px;
  width: 546px;
  margin: 0px 0px 0px 0px;
  padding: 0px 20px 0px 20px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  font-size: 40px;
  line-height: 45px;
  text-align: left;
  display: table-cell;
  vertical-align: middle;
}

.GridTitleSystem {
  height: 123px;
  width: 546px;
  margin: 0px 0px 0px 0px;
  padding: 0px 20px 0px 20px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  font-size: 20px;
  line-height: 25px;
  text-align: left;
  display: table-cell;
  vertical-align: middle;
}

.GridText {
  height: 123px;
  width: 546px;
  margin: 0px 0px 0px 0px;
  padding: 0px 20px 0px 20px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #ffffff;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  display: table-cell;
  vertical-align: middle;
}

.GridTextSystem1 {
  height: 264px;
  width: 264px;
  margin: 0px 0px 0px 0px;
  padding: 0px 20px 0px 20px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #58585a;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  display: table-cell;
  vertical-align: middle;
}

.GridTextSystem2 {
  height: 123px;
  width: 1110px;
  margin: 0px 0px 0px 0px;
  padding: 0px 20px 0px 20px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #ffffff;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}

.GridTextBlack {
  height: 123px;
  width: 546px;
  margin: 0px 0px 0px 0px;
  padding: 0px 20px 0px 20px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #231f20;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  display: table-cell;
  vertical-align: middle;
}

.GridTextBlack a {
  color: #231f20;
}

.GridTextBlack a:hover {
  color: #231f20;
  border-bottom: 1px dotted #231f20;;
}

.GridExternalTitle {
  height: 123px;
  width: 405px;
  margin: 0px 0px 0px 0px;
  padding: 0px 20px 0px 20px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  font-size: 40px;
  line-height: 45px;
  text-align: left;
  display: table-cell;
  vertical-align: middle;
}

.GridLeadText {
  height: 405px;
  width: 405px;
  margin: 0px 0px 0px 0px;
  padding: 20px 20px 0px 20px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #333333;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  box-sizing: border-box;
}

.GridFeatures {
  height: 405px;
  width: 264px;
  margin: 0px 0px 0px 0px;
  padding: 20px 20px 0px 20px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #333333;
  font-size: 20px;
  line-height: 23px;
  text-align: left;
  box-sizing: border-box;
}

.GridFeatures div {
  margin: 20px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #404041;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
}

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

.GridFeatures ul li {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #404041;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
}

.GridTextHome1 {
  height: 123px;
  width: 264px;
  margin: 0px 0px 0px 0px;
  padding: 0px 20px 0px 20px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #ffffff;
  font-size: 35px;
  line-height: 35px;
  text-align: left;
  display: table-cell;
  vertical-align: middle;
}

.GridTextHome2 {
  height: 123px;
  width: 264px;
  margin: 0px 0px 0px 0px;
  padding: 0px 20px 0px 20px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #ffffff;
  font-size: 18px;
  line-height: 22px;
  text-align: left;
  display: table-cell;
  vertical-align: middle;
}

.GridTextHome3 {
  height: 546px;
  width: 405px;
  margin: 0px 0px 0px 0px;
  padding: 0px 20px 0px 20px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #58585a;
  font-size: 16px;
  line-height: 21px;
  text-align: left;
  display: table-cell;
  vertical-align: middle;
}

.GridTextHome4 {
  width: 828px;
  height: 123px;
  margin: 0px 0px 0px 0px;
  padding: 0px 20px 0px 20px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #ffffff;
  font-size: 22px;
  line-height: 35px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}

.GridTextHome4 span {
  padding: 8px 0px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #ffffff;
  font-size: 16px;
  line-height: 18px;
  display: block;
}

.GridTextHome5 {
  width: 828px;
  height: 123px;
  margin: 0px 0px 0px 0px;
  padding: 0px 20px 0px 20px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #ffffff;
  font-size: 30px;
  line-height: 35px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}

.GridTextHome6 {
  height: 264px !important;
  width: 405px !important;
  margin: 0px 0px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #ffffff;
  font-size: 18px;
  line-height: 25px;
  display: table-cell;
  vertical-align: middle;
  box-sizing: border-box;
}

.GridTextHome6-Left {
  padding: 0px 20px 0px 0px;
  text-align: left;
  display: none;
}

.GridTextHome6-Right {
  padding: 0px 0px 0px 20px;
  text-align: right;
  display: none;
}

.GridTextHomeSelectorHolder {
  height: 123px;
  width: 264px;
  margin: 0px 0px 0px 0px;
  display: table-cell;
  vertical-align: middle;
  box-sizing: border-box;
  pointer-events: none;
}

.HomeSelectorA-1 {
  height: 123px;
  width: 80px;
  display: table-cell;
  vertical-align: middle;
  color: #ffffff;
  font-size: 110px;
  line-height: 70px;
}

.HomeSelectorA-2 {
  height: 123px;
  width: 184px;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}

.HomeSelectorB-1 {
  height: 123px;
  width: 184px;
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}

.HomeSelectorB-2 {
  height: 123px;
  width: 80px;
  display: table-cell;
  vertical-align: middle;
  color: #ffffff;
  font-size: 110px;
  line-height: 70px;
}

.HomeSelectorTextTitle {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #ffffff;
  font-size: 30px;
  line-height: 30px;
}

.HomeSelectorTextDesc {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #ffffff;
  font-size: 16px;
  line-height: 18px;
}

.GridTextHomeNews {
  width: 264px;
  height: 264px;
  margin: 0px 0px 0px 0px;
  padding: 20px 20px 0px 20px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #ffffff;
  font-size: 22px;
  line-height: 24px;
  text-align: left;
  display: table-cell;
  vertical-align: top;
}

.GridTextHomeNews .TextNewsLine1 {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #ffffff;
  font-size: 30px;
  line-height: 24px;
  text-align: right;
}

.GridTextHomeNews .TextNewsLine2 {
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #ffffff;
  font-size: 22px;
  line-height: 24px;
  text-align: right;
}

.GridTextHomeNews .TextNewsLine3 {
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #f26649;
  font-size: 14px;
  line-height: 18px;
  text-align: right;
}

.GridTextHomeNews .TextNewsLine4 {
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #ffffff;
  font-size: 14px;
  line-height: 18px;
  text-align: right;
}

.borderHome {
  border: 10px solid #f26649;
  box-sizing: border-box;
}

.GridTextHomeBox {
  height: 264px;
  width: 264px;
  margin: 0px 0px 0px 0px;
  padding: 20px 20px 0px 20px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #ffffff;
  font-size: 20px;
  line-height: 22px;
  text-align: left;
  display: table-cell;
  vertical-align: top;
}

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

.GridTextHomeBox ul li {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  font-size: 13px;
  line-height: 16px;
  text-align: left;
}

.GridTextHomeBoxLarge {
  height: 1533px;
  width: 264px;
  margin: 0px 0px 0px 0px;
  padding: 20px 20px 0px 20px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #231f20;
  font-size: 20px;
  line-height: 22px;
  text-align: left;
  display: table-cell;
  vertical-align: top;
}

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

.GridTextHomeBoxLarge ul li {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #231f20;
  font-size: 15px;
  line-height: 22px;
  text-align: left;
}

.GridVideo {
  width: 123px;
  height: 123px;
  background: url('/images/play.png') no-repeat 50% 50%;
  background-size: 50%;
}

.GridVideoLayout {
  position: absolute;
  width: 264px;
  height: 264px;
  background: url('/images/play.png') no-repeat 50% 50%;
  background-size: 50%;
  opacity: 0.7;
}

.GridItem a.colorHover1:hover .GridTitle {
  color: #b4ca3b;
}

.GridItem a.colorHover2:hover .GridTitle {
  color: #f7941e;
}

.GridItem a.colorHover1:hover .GridExternalTitle {
  color: #b4ca3b;
}

.GridItem a.colorHover2:hover .GridExternalTitle {
  color: #f7941e;
}

.GridTextContact1 {
  height: 123px;
  width: 546px;
  margin: 0px 0px 0px 0px;
  padding: 0px 20px 0px 20px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #ffffff;
  font-size: 32px;
  line-height: 36px;
  text-align: left;
  display: table-cell;
  vertical-align: middle;
}

.GridTextContact2 {
  height: 123px;
  width: 405px;
  margin: 0px 0px 0px 0px;
  padding: 0px 20px 0px 20px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #58595b;
  font-size: 13px;
  line-height: 20px;
  text-align: left;
  display: table-cell;
  vertical-align: middle;
}

.GridTextContact3 {
  height: 123px;
  width: 264px;
  margin: 0px 0px 0px 0px;
  padding: 0px 20px 0px 20px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #58595b;
  font-size: 14px;
  line-height: 22px;
  text-align: left;
  display: table-cell;
  vertical-align: middle;
}

.GridTextContact3 span {
  color: #f8941d;
  font-size: 18px;
  line-height: 24px;
}

.GridTextContact3 a {
  font-weight: 300;
  color: #58595b;
}

.GridTextContact3 a:hover {
  font-weight: 300;
  color: #f8941d;
  border-bottom: 1px dotted #f8941d;
}

.GridTextContact4 {
  height: 123px;
  width: 264px;
  margin: 0px 0px 0px 0px;
  padding: 0px 20px 0px 20px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #58595b;
  font-size: 12px;
  line-height: 17px;
  text-align: left;
  display: table-cell;
  vertical-align: middle;
}

.GridDescTitle1 {
  height: 123px;
  width: 546px;
  margin: 0px 0px 0px 0px;
  padding: 0px 20px 0px 20px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  font-size: 38px;
  line-height: 42px;
  text-align: left;
  display: table-cell;
  vertical-align: middle;
}

.GridDescTitle1 span {
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #ffffff;
  font-size: 16px;
  line-height: 20px;
  text-align: left;
  display: block;
}

.GridDescTitle2 {
  height: 123px;
  width: 546px;
  margin: 0px 0px 0px 0px;
  padding: 0px 20px 0px 20px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  font-size: 20px;
  line-height: 25px;
  text-align: left;
  display: table-cell;
  vertical-align: middle;
}

.GridFeaturesSpecial1 {
  width: 405px;
  height: 264px;
  margin: 0px 0px 0px 0px;
  padding: 20px 10px 0px 10px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #333333;
  font-size: 20px;
  line-height: 23px;
  text-align: left;
  box-sizing: border-box;
}

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

.GridFeaturesSpecial1 ul li {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #404041;
  font-size: 12px;
  line-height: 18px;
  text-align: left;
}

.GridFeaturesSpecial2 {
  width: 564px;
  height: 264px;
  margin: 0px 0px 0px 0px;
  padding: 20px 20px 0px 20px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #333333;
  font-size: 20px;
  line-height: 23px;
  text-align: left;
  box-sizing: border-box;
}

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

.GridFeaturesSpecial2 ul li {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #404041;
  font-size: 12px;
  line-height: 18px;
  text-align: left;
}

.GridItem-1x1x {
  width: 123px;
  height: 123px;
  background-size: cover;
  background-position: 50% 50%;
}

.GridItem-2x1x {
  width: 264px;
  height: 123px;
  background-size: cover;
  background-position: 50% 50%;
}

.GridItem-3x1x {
  width: 405px;
  height: 123px;
  background-size: cover;
  background-position: 50% 50%;
}

.GridItem-4x1x {
  width: 546px;
  height: 123px;
  background-size: cover;
  background-position: 50% 50%;
}

.GridItem-1x2x {
  width: 123px;
  height: 264px;
  background-size: cover;
  background-position: 50% 50%;
}

.GridItem-2x2x {
  width: 264px;
  height: 264px;
  background-size: cover;
  background-position: 50% 50%;
}

.GridItem-3x2x {
  width: 405px;
  height: 264px;
  background-size: cover;
  background-position: 50% 50%;
}

.GridItem-4x2x {
  width: 546px;
  height: 264px;
  background-size: cover;
  background-position: 50% 50%;
}

.GridItem-1x3x {
  width: 123px;
  height: 405px;
  background-size: cover;
  background-position: 50% 50%;
}

.GridItem-2x3x {
  width: 264px;
  height: 405px;
  background-size: cover;
  background-position: 50% 50%;
}

.GridItem-3x3x {
  width: 405px;
  height: 405px;
  background-size: cover;
  background-position: 50% 50%;
}

.GridItem-4x3x {
  width: 546px;
  height: 405px;
  background-size: cover;
  background-position: 50% 50%;
}

.GridItem-1x4x {
  width: 123px;
  height: 546px;
  background-size: cover;
  background-position: 50% 50%;
}

.GridItem-2x4x {
  width: 264px;
  height: 546px;
  background-size: cover;
  background-position: 50% 50%;
}

.GridItem-3x4x {
  width: 405px;
  height: 546px;
  background-size: cover;
  background-position: 50% 50%;
}

.GridItem-4x4x {
  width: 546px;
  height: 546px;
  background-size: cover;
  background-position: 50% 50%;
}

.GridItem-5x1x {
  width: 687px;
  height: 123px;
  background-size: cover;
  background-position: 50% 50%;
}

.GridItem-5x2x {
  width: 687px;
  height: 264px;
  background-size: cover;
  background-position: 50% 50%;
}

.GridItem-3x5x {
  width: 405px;
  height: 687px;
  background-size: cover;
  background-position: 50% 50%;
}

.GridItem-6x1x {
  width: 828px;
  height: 123px;
  background-size: cover;
  background-position: 50% 50%;
}

.GridItem-6x2x {
  width: 828px;
  height: 264px;
  background-size: cover;
  background-position: 50% 50%;
}

.GridItem-2x11x {
  width: 264px;
  height: 1533px;
  background-size: cover;
  background-position: 50% 50%;
}

.GridItem-8x1x {
  width: 1110px;
  height: 123px;
  background-size: cover;
  background-position: 50% 50%;
}

.GridItem-1x1x img {
  width: 123px;
  height: 123px;
}

.GridItem-2x1x img  {
  width: 264px;
  height: 123px;
}

.GridItem-3x1x img  {
  width: 405px;
  height: 123px;
}

.GridItem-4x1x img  {
  width: 546px;
  height: 123px;
}

.GridItem-1x2x img  {
  width: 123px;
  height: 264px;
}

.GridItem-2x2x img  {
  width: 264px;
  height: 264px;
}

.GridItem-3x2x img  {
  width: 405px;
  height: 264px;
}

.GridItem-4x2x img  {
  width: 546px;
  height: 264px;
}

.GridItem-1x3x img  {
  width: 123px;
  height: 405px;
}

.GridItem-2x3x img  {
  width: 264px;
  height: 405px;
}

.GridItem-3x3x img  {
  width: 405px;
  height: 405px;
}

.GridItem-4x3x img  {
  width: 546px;
  height: 405px;
}

.GridItem-1x4x img  {
  width: 123px;
  height: 546px;
}

.GridItem-2x4x img  {
  width: 264px;
  height: 546px;
}

.GridItem-3x4x img  {
  width: 405px;
  height: 546px;
}

.GridItem-4x4x img  {
  width: 546px;
  height: 546px;
}

.GridItem-5x1x img {
  width: 687px;
  height: 123px;
}

.GridItem-Line {
  width: 1110px;
  height: 1px;
  background-size: cover;
  background-position: 50% 50%;
}

.GridItem-LineSpecial {
  width: 1110px;
  height: 123px;
  background-size: cover;
  background-position: 50% 50%;
}

.GridTextNewHomeBlackSmall {
  margin: 0px 0px 0px 0px;
  padding: 20px 20px 0px 20px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #414141;
  font-size: 16px;
  line-height: 20px;
  text-align: left;
}

.GridTextNewHomeBlack {
  margin: 0px 0px 0px 0px;
  padding: 20px 20px 0px 20px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #414141;
  font-size: 17px;
  line-height: 22px;
  text-align: left;
}

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

.GridTextNewHomeBlack ul li {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #414141;
  font-size: 17px;
  line-height: 22px;
  text-align: left;
}

.GridTextNewHomeWhite {
  margin: 0px 0px 0px 0px;
  padding: 20px 20px 0px 20px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  font-size: 17px;
  line-height: 22px;
  text-align: left;
}

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

.GridTextNewHomeWhite ul li {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  font-size: 17px;
  line-height: 22px;
  text-align: left;
}

.GridColorNew0 {
  background-color: #f2674a;
}

.GridColorNew1 {
  background-color: #ec5453;
}

.GridColorNew2 {
  background-color: #ffa95a;
}

.GridColorNew3 {
  background-color: #64bed8;
}

.GridColorNew4 {
  background-color: #a1c85b;
}

.GridColorNew5 {
  background-color: #8f86bd;
}

.GridColorNew6 {
  background-color: #27b89b;
}

.GridColorNewWhite {
  background-color: #ffffff;
}

.GridColorNew1border {
  border: 10px solid #ec5453;
  box-sizing: border-box;
}

.GridColorNew2border {
  border: 10px solid #ffa95a;
  box-sizing: border-box;
}

.GridColorNew3border {
  border: 10px solid #64bed8;
  box-sizing: border-box;
}

.GridColorNew4border {
  border: 10px solid #a1c85b;
  box-sizing: border-box;
}

.GridColorNew5border {
  border: 10px solid #8f86bd;
  box-sizing: border-box;
}

.GridColorNew6border {
  border: 10px solid #27b89b;
  box-sizing: border-box;
}

.GridTitleNew1 {
  width: 405px;
  height: 123px;
  margin: 0px 0px 0px 0px;
  padding: 0px 20px 0px 20px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  font-size: 40px;
  line-height: 45px;
  text-align: left;
  display: table-cell;
  vertical-align: middle;
}

.GridTitleNew2 {
  width: 546px;
  height: 123px;
  margin: 0px 0px 0px 0px;
  padding: 0px 20px 0px 20px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  font-size: 40px;
  line-height: 45px;
  text-align: left;
  display: table-cell;
  vertical-align: middle;
}

.GridAlertImage {
  font-size: 1px;
  line-height: 0px;
  float: left;
}

.GridAlertImage img {
  width: 123px;
  height: 123px;
}

.GridAlertTextContent {
  font-size: 1px;
  line-height: 0px;
  float: left;
  width: 987px;
}

.GridAlertTextContentSmall {
  font-size: 1px;
  line-height: 0px;
  float: left;
  width: 705px;
}

.GridAlertText {
  height: 123px;
  width: 987px;
  margin: 0px 0px 0px 0px;
  padding: 0px 20px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #ffffff;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  display: table-cell;
  vertical-align: middle;
}

.GridAlertTextSmall {
  height: 123px;
  width: 705px;
  margin: 0px 0px 0px 0px;
  padding: 0px 20px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #ffffff;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  display: table-cell;
  vertical-align: middle;
}

.GridAlertText span {
  font-family: 'Titillium Web', sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #ffffff;
  font-size: 18px;
  line-height: 25px;
}

.GridAlertTextSmall span {
  font-family: 'Titillium Web', sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #ffffff;
  font-size: 18px;
  line-height: 25px;
}

.GridBigAlertImage {
  font-size: 1px;
  line-height: 0px;
  float: left;
}

.GridBigAlertImage img {
  width: 264px;
  height: 264px;
}

.GridBigAlertTextContent {
  font-size: 1px;
  line-height: 0px;
  float: left;
  width: 564px;
}

.GridBigAlertText {
  height: 264px;
  width: 564px;
  margin: 0px 0px 0px 0px;
  padding: 0px 20px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #ffffff;
  font-size: 16px;
  line-height: 22px;
  text-align: left;
  display: table-cell;
  vertical-align: middle;
}

.GridBigAlertText span {
  font-family: 'Titillium Web', sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #ffffff;
  font-size: 30px;
  line-height: 40px;
}

.GridBigAlertText2Content {
  font-size: 1px;
  line-height: 0px;
  float: left;
  width: 423px;
}

.GridBigAlertText2 {
  height: 264px;
  width: 423px;
  margin: 0px 0px 0px 0px;
  padding: 0px 20px 0px 0px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #ffffff;
  font-size: 16px;
  line-height: 22px;
  text-align: left;
  display: table-cell;
  vertical-align: middle;
}

.GridBigAlertText2 span {
  font-family: 'Titillium Web', sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #ffffff;
  font-size: 30px;
  line-height: 40px;
}

/* CONTACT SEND SECTION */

.contactSendDock {
  width: 540px;
}

.contactSendDock:nth-child(2) {
  float: left;
}

.contactSendDock:nth-child(3) {
  float: right;
}

.fieldInputContact {
  margin: 0px 0px 30px 0px;
  padding: 0px 10px 0px 10px;
  width: 540px;
  height: 48px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #404041;
  font-size: 15px;
  line-height: 18px;
  text-align: left;
  box-sizing: border-box;
  border: 1px solid #aaaaaa;
}

.fieldInputContactTextArea {
  margin: 0px 0px 30px 0px;
  padding: 10px 10px 10px 10px;
  width: 540px;
  height: 204px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #404041;
  font-size: 15px;
  line-height: 18px;
  text-align: left;
  box-sizing: border-box;
  border: 1px solid #aaaaaa;
}

.contactButton {
  margin: 0px 0px 0px 0px;
}

.contactButton a {
  margin: 0px 0px 0px 0px;
  padding: 15px 15px 15px 15px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #ffffff;
  font-size: 14px;
  line-height: 18px;
  text-align: left;
  background-color: #f8941d;
  display: inline-block;
}

.contactButton a:hover {
  background-color: #303030;
}

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

  .ContactFormDesktop {
    display: none;
  }

  #newsletterSection {
    width: 800px;
    min-width: 800px;
  }

  #newsletterDock {
    width: 740px;
  }

  .fieldInputNewsletter {
    width: 550px;
    font-size: 28px;
    line-height: 48px;
  }

  .buttonNewsletter a {
    width: 160px;
    font-size: 18px;
    line-height: 18px;
  }

}

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

  #GridProduct {
    display: none;
  }

  .GridMobile {
    display: block;
    width: 800px;
  }

  .contentBoxMobile {
    margin: 0px 0px 0px 30px;
    width: 355px;
    height: 355px;
    float: left;
  }

  .contentBoxMobileSmall {
    margin: 0px 0px 0px 30px;
    width: 355px;
    height: 200px;
    float: left;
  }

  .contentBoxMobileTiny {
    margin: 0px 0px 0px 30px;
    width: 355px;
    height: 150px;
    float: left;
  }

  .contentMobileTop {
    margin-top: 30px !important;
  }

  .GridMobileImage {
    width: 355px;
    height: 355px;
    background-size: cover;
  }

  .contentBoxMobileWide {
    margin: 30px 30px 0px 30px;
    width: 740px;
  }

  .contentBoxMobileWideFix {
    margin: 30px 30px 0px 30px;
    width: 740px;
    height: 355px;
  }

  .GridLogoText {
    padding: 10px 0px 0px 0px;
    font-size: 40px;
    line-height: 45px;
  }

  .GridLogo {
    padding: 127px 0px 0px 0px;
  }

  .GridLogo img {
    width: 100px !important;
    height: 100px !important;
  }

  .contentMobileText1 {
    margin: 0px 0px 0px 0px;
    padding: 30px 30px 30px 30px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 300;
    font-style: normal;
    color: #ffffff;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
  }

  .contentMobileText2 {
    margin: 0px 0px 0px 0px;
    padding: 30px 30px 30px 30px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 300;
    font-style: normal;
    color: #58595b;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
  }

  .contentMobileText2Special {
    margin: 0px 0px 0px 0px;
    padding: 30px 0px 30px 0px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 300;
    font-style: normal;
    color: #58595b;
    font-size: 30px;
    line-height: 35px;
    text-align: center;
  }

  .contentMobileText3 {
    margin: 0px 0px 0px 0px;
    padding: 30px 30px 30px 30px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 300;
    font-style: normal;
    color: #58595b;
    font-size: 30px;
    line-height: 35px;
    text-align: center;
  }

  .contentMobileText3 a {
    font-weight: 300;
    color: #f8941d;
  }

  .contentMobileText3 a:hover {
    font-weight: 300;
    color: #f8941d;
    border-bottom: 1px dotted #f8941d;
  }

  .contentMobileText4 {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 300;
    font-style: normal;
    color: #ffffff;
    font-size: 22px;
    line-height: 28px;
    text-align: center;
  }

  .contentMobileText5 {
    margin: 0px 0px 0px 0px;
    padding: 35px 0px 0px 0px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 300;
    font-style: normal;
    color: #ffffff;
    font-size: 70px;
    line-height: 90px;
    text-align: center;
  }

  .contentMobileText6 {
    margin: 0px 0px 0px 0px;
    padding: 52px 0px 0px 0px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 600;
    font-style: normal;
    color: #ffffff;
    font-size: 40px;
    line-height: 50px;
    text-align: center;
  }

  .contentMobileText7 {
    margin: 0px 0px 0px 0px;
    padding: 35px 15px 0px 15px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 600;
    font-style: normal;
    color: #ffffff;
    font-size: 27px;
    line-height: 35px;
    text-align: center;
  }

  .contentMobileText8 {
    margin: 0px 0px 0px 0px;
    padding: 30px 30px 0px 30px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 600;
    font-style: normal;
    color: #ffffff;
    font-size: 27px;
    line-height: 35px;
    text-align: right;
  }

  .HomeSelectorTextTitle {
    font-size: 40px;
    line-height: 50px;
  }

  .HomeSelectorTextDesc {
    font-size: 26px;
    line-height: 28px;
  }

  .contentMobileTextProduct {
    margin: 0px 0px 0px 0px;
    padding: 30px 30px 30px 30px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 600;
    font-style: normal;
    color: #ffffff;
    font-size: 30px;
    line-height: 35px;
    text-align: center;
  }

  .contentMobileTextProductDesc {
    margin: 0px 0px 0px 0px;
    padding: 30px 30px 30px 30px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 600;
    font-style: normal;
    color: #ffffff;
    font-size: 23px;
    line-height: 25px;
    text-align: center;
  }

  .contentMobileTextProductTitle {
    margin: 0px 0px 0px 0px;
    padding: 30px 30px 30px 30px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 600;
    font-style: normal;
    color: #ffffff;
    font-size: 35px;
    line-height: 35px;
    text-align: center;
  }

  .contentMobileTextBody {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 300;
    font-style: normal;
    color: #58595b;
    font-size: 30px;
    line-height: 43px;
    text-align: justify;
  }

  .GridFeaturesMobile {
    margin: 0px 0px 0px 0px;
    padding: 30px 40px 30px 40px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 600;
    font-style: normal;
    color: #333333;
    font-size: 40px;
    line-height: 43px;
    text-align: left;
    box-sizing: border-box;
  }

  .GridFeaturesMobile div {
    margin: 20px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #404041;
    font-size: 30px;
    line-height: 43px;
    text-align: left;
  }

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

  .GridFeaturesMobile ul li {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #404041;
    font-size: 30px;
    line-height: 43px;
    text-align: left;
  }

  .GridFeaturesMobile2 {
    margin: 0px 0px 0px 0px;
    padding: 30px 30px 0px 30px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 600;
    font-style: normal;
    color: #ffffff;
    font-size: 20px;
    line-height: 23px;
    text-align: left;
    box-sizing: border-box;
  }

  .GridFeaturesMobile2 div {
    margin: 20px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #ffffff;
    font-size: 20px;
    line-height: 23px;
    text-align: left;
  }

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

  .GridFeaturesMobile2 ul li {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #ffffff;
    font-size: 18px;
    line-height: 22px;
    text-align: left;
  }

  .TextNewsLine1 {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 600;
    font-style: normal;
    color: #ffffff;
    font-size: 35px;
    line-height: 40px;
    text-align: right;
  }

  .TextNewsLine2 {
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 600;
    font-style: normal;
    color: #ffffff;
    font-size: 28px;
    line-height: 32px;
    text-align: right;
  }

  .TextNewsLine3 {
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 300;
    font-style: normal;
    color: #f26649;
    font-size: 18px;
    line-height: 24px;
    text-align: right;
  }

  .TextNewsLine4 {
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 300;
    font-style: normal;
    color: #ffffff;
    font-size: 20px;
    line-height: 26px;
    text-align: right;
  }

}